diff --git a/examples/vue3/README.md b/examples/vue3/README.md new file mode 100644 index 0000000000..9091fe9335 --- /dev/null +++ b/examples/vue3/README.md @@ -0,0 +1,9 @@ +# Vue 3 example + +To run the example, from the root directory of this repo, run the following commands: + +```sh +cp .env.example .env +corepack yarn install +corepack yarn workspace @uppy-example/vue3 dev +``` diff --git a/examples/vue3/index.html b/examples/vue3/index.html index d49c18c6fb..030a6ff51b 100644 --- a/examples/vue3/index.html +++ b/examples/vue3/index.html @@ -1,13 +1,13 @@ - - - - - Vite App - - -
- - + + + + + Vite App + + +
+ + diff --git a/examples/vue3/package.json b/examples/vue3/package.json index 026af3982c..23ee9b18d2 100644 --- a/examples/vue3/package.json +++ b/examples/vue3/package.json @@ -4,17 +4,20 @@ "private": true, "scripts": { "dev": "vite", - "build": "vite build" + "build": "vite build", + "preview": "vite preview --port 5050" }, "dependencies": { "@uppy/core": "workspace:*", + "@uppy/dashboard": "workspace:*", + "@uppy/drag-drop": "workspace:*", + "@uppy/progress-bar": "workspace:*", + "@uppy/tus": "workspace:*", "@uppy/vue": "workspace:*", - "core-js": "^3.6.5", - "shallow-equal": "^1.2.1", - "vue": "^3.0.4" + "vue": "^3.2.33" }, "devDependencies": { - "@vue/compiler-sfc": "^3.0.4", - "vite": "^1.0.0-rc.13" + "@vitejs/plugin-vue": "^2.3.1", + "vite": "^2.7.1" } } diff --git a/examples/vue3/src/App.vue b/examples/vue3/src/App.vue index 04429ee46a..60c821efdc 100644 --- a/examples/vue3/src/App.vue +++ b/examples/vue3/src/App.vue @@ -1,3 +1,7 @@ + +