From 91e08c191fad4fe6d86c2a84c3029f408f49c98c Mon Sep 17 00:00:00 2001 From: Antoine du Hamel Date: Thu, 2 Jun 2022 20:11:32 +0200 Subject: [PATCH] example: update Vue2 example (#3802) --- examples/vue/README.md | 26 +- examples/vue/babel.config.js | 5 - examples/vue/index.html | 13 + examples/vue/package.json | 28 +- examples/vue/src/App.vue | 1 - examples/vue/src/components/HelloWorld.vue | 58 - examples/vue/vite.config.js | 7 + package.json | 3 +- private/vue-template-compiler/package.json | 6 + yarn.lock | 2718 +++++--------------- 10 files changed, 734 insertions(+), 2131 deletions(-) delete mode 100644 examples/vue/babel.config.js create mode 100644 examples/vue/index.html delete mode 100644 examples/vue/src/components/HelloWorld.vue create mode 100644 examples/vue/vite.config.js create mode 100644 private/vue-template-compiler/package.json diff --git a/examples/vue/README.md b/examples/vue/README.md index 5c6426975a..8c4e439fdc 100644 --- a/examples/vue/README.md +++ b/examples/vue/README.md @@ -1,21 +1,11 @@ -# uppy-vue +# Vue 2 example -## Project setup +You’re browsing the documentation for Vue v2.x and earlier. Check out +[Vue 3 example](../vue3/) for new projects. - npm install +To run the example, from the root directory of this repo, run the following commands: -### Compiles and hot-reloads for development - - npm run serve - -### Compiles and minifies for production - - npm run build - -### Lints and fixes files - - npm run lint - -### Customize configuration - -See [Configuration Reference](https://cli.vuejs.org/config/). +```sh +corepack yarn install +corepack yarn workspace @uppy-example/vue2 dev +``` diff --git a/examples/vue/babel.config.js b/examples/vue/babel.config.js deleted file mode 100644 index df195386eb..0000000000 --- a/examples/vue/babel.config.js +++ /dev/null @@ -1,5 +0,0 @@ -module.exports = { - presets: [ - '@vue/cli-plugin-babel/preset', - ], -} diff --git a/examples/vue/index.html b/examples/vue/index.html new file mode 100644 index 0000000000..030a6ff51b --- /dev/null +++ b/examples/vue/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite App + + +
+ + + diff --git a/examples/vue/package.json b/examples/vue/package.json index 3b72e83dea..afa5225fac 100644 --- a/examples/vue/package.json +++ b/examples/vue/package.json @@ -1,26 +1,24 @@ { - "name": "@uppy-example/vue-example", + "name": "@uppy-example/vue2", "version": "0.0.0", "private": true, "scripts": { - "start": "vue-cli-service serve", - "build": "vue-cli-service build", - "lint": "vue-cli-service lint" + "dev": "vite", + "build": "vite build", + "preview": "vite preview --port 5050" }, "dependencies": { + "@uppy/core": "workspace:*", + "@uppy/dashboard": "workspace:*", + "@uppy/drag-drop": "workspace:*", + "@uppy/progress-bar": "workspace:*", + "@uppy/transloadit": "workspace:*", "@uppy/vue": "workspace:*", - "core-js": "^3.6.5", - "shallow-equal": "^1.2.1", "vue": "^2.6.14" }, "devDependencies": { - "@vue/cli-plugin-babel": "~4.5.0", - "@vue/cli-service": "~4.5.0", - "vue-template-compiler": "^2.6.11" - }, - "browserslist": [ - "> 1%", - "last 2 versions", - "not dead" - ] + "vite": "^2.7.1", + "vite-plugin-vue2": "^2.0.1", + "vue-template-compiler": "^2.6.14" + } } diff --git a/examples/vue/src/App.vue b/examples/vue/src/App.vue index 2d23d45a1d..3401c94534 100644 --- a/examples/vue/src/App.vue +++ b/examples/vue/src/App.vue @@ -1,6 +1,5 @@