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 @@
-
Welcome to Uppy Vue Demo!
Inline Dashboard