diff --git a/examples/vue/README.md b/examples/vue/README.md
index 8c4e439fdc..eb9b3722c0 100644
--- a/examples/vue/README.md
+++ b/examples/vue/README.md
@@ -7,5 +7,6 @@ To run the example, from the root directory of this repo, run the following comm
 
 ```sh
 corepack yarn install
+corepack yarn build
 corepack yarn workspace @uppy-example/vue2 dev
 ```
diff --git a/examples/vue3/README.md b/examples/vue3/README.md
index 9091fe9335..442c7414ec 100644
--- a/examples/vue3/README.md
+++ b/examples/vue3/README.md
@@ -5,5 +5,6 @@ To run the example, from the root directory of this repo, run the following comm
 ```sh
 cp .env.example .env
 corepack yarn install
+corepack yarn build
 corepack yarn workspace @uppy-example/vue3 dev
 ```
diff --git a/examples/vue3/vite.config.js b/examples/vue3/vite.config.js
index 05c17402a4..169461f576 100644
--- a/examples/vue3/vite.config.js
+++ b/examples/vue3/vite.config.js
@@ -1,7 +1,11 @@
+import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
+const ROOT = new URL('../../', import.meta.url)
+
 // https://vitejs.dev/config/
 export default defineConfig({
+  envDir: fileURLToPath(ROOT),
   plugins: [vue()],
 })