diff --git a/.gitignore b/.gitignore index 5774efa2c..aebcb5558 100644 --- a/.gitignore +++ b/.gitignore @@ -4,4 +4,5 @@ dist/ package-lock.json .rpt2_cache .vscode -yarn-error.log \ No newline at end of file +yarn-error.log +.env \ No newline at end of file diff --git a/examples/with-vuejs-v2/.env.example b/examples/with-vuejs-v2/.env.example new file mode 100644 index 000000000..e4570fb65 --- /dev/null +++ b/examples/with-vuejs-v2/.env.example @@ -0,0 +1 @@ +VITE_INFURA_KEY= diff --git a/examples/with-vuejs-v2/README.md b/examples/with-vuejs-v2/README.md new file mode 100644 index 000000000..3ce2e4fa1 --- /dev/null +++ b/examples/with-vuejs-v2/README.md @@ -0,0 +1,11 @@ +# vite-vue2-starter + +A simple start for using vue2 with vite, using [underfin's vite-plugin-vue2](https://github.com/underfin/vite-plugin-vue2). + +## Scripts + +```bash + npm run dev # start dev server + npm run build # build for production + npm run serve # locally preview production build +``` diff --git a/examples/with-vuejs-v2/index.html b/examples/with-vuejs-v2/index.html new file mode 100644 index 000000000..030a6ff51 --- /dev/null +++ b/examples/with-vuejs-v2/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite App + + +
+ + + diff --git a/examples/with-vuejs-v2/package.json b/examples/with-vuejs-v2/package.json new file mode 100644 index 000000000..8222324bf --- /dev/null +++ b/examples/with-vuejs-v2/package.json @@ -0,0 +1,19 @@ +{ + "name": "vue2-vite", + "version": "0.0.0", + "scripts": { + "dev": "vite", + "build": "vite build", + "serve": "vite preview" + }, + "dependencies": { + "@web3-onboard/injected-wallets": "^2.2.0", + "@web3-onboard/vue": "^2.2.1", + "vue": "^2.6.12", + "vue-template-compiler": "^2.7.10" + }, + "devDependencies": { + "vite": "^2.0.5", + "vite-plugin-vue2": "^2.0.1" + } +} diff --git a/examples/with-vuejs-v2/public/favicon.ico b/examples/with-vuejs-v2/public/favicon.ico new file mode 100644 index 000000000..df36fcfb7 Binary files /dev/null and b/examples/with-vuejs-v2/public/favicon.ico differ diff --git a/examples/with-vuejs-v2/src/App.vue b/examples/with-vuejs-v2/src/App.vue new file mode 100644 index 000000000..2d820e986 --- /dev/null +++ b/examples/with-vuejs-v2/src/App.vue @@ -0,0 +1,37 @@ + + + + + diff --git a/examples/with-vuejs-v2/src/assets/logo.png b/examples/with-vuejs-v2/src/assets/logo.png new file mode 100644 index 000000000..f3d2503fc Binary files /dev/null and b/examples/with-vuejs-v2/src/assets/logo.png differ diff --git a/examples/with-vuejs-v2/src/components/HelloWorld.vue b/examples/with-vuejs-v2/src/components/HelloWorld.vue new file mode 100644 index 000000000..9c57df5ed --- /dev/null +++ b/examples/with-vuejs-v2/src/components/HelloWorld.vue @@ -0,0 +1,158 @@ + + + + + diff --git a/examples/with-vuejs-v2/src/main.js b/examples/with-vuejs-v2/src/main.js new file mode 100644 index 000000000..4e015510b --- /dev/null +++ b/examples/with-vuejs-v2/src/main.js @@ -0,0 +1,6 @@ +import Vue from 'vue'; +import App from './App.vue'; + +new Vue({ + render: (h) => h(App), +}).$mount('#app'); diff --git a/examples/with-vuejs-v2/vite.config.js b/examples/with-vuejs-v2/vite.config.js new file mode 100644 index 000000000..eeb9f473e --- /dev/null +++ b/examples/with-vuejs-v2/vite.config.js @@ -0,0 +1,8 @@ +const { createVuePlugin } = require('vite-plugin-vue2'); + +module.exports = { + plugins: [createVuePlugin()], + define: { + 'process.env': {} + } +}; diff --git a/examples/with-vuejs-v2/with-vue-2.zip b/examples/with-vuejs-v2/with-vue-2.zip new file mode 100644 index 000000000..3c167ad40 Binary files /dev/null and b/examples/with-vuejs-v2/with-vue-2.zip differ