From 6a78a6df677533a152db13f09f6bc07133142045 Mon Sep 17 00:00:00 2001
From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Wed, 24 Nov 2021 19:05:45 +0800
Subject: [PATCH] chore: update playground

Next time, dependency maintenance commits should also regenerate the
playground packages. Otherwise the CI will fail due to lockfile
inconsistencies.
---
 playground/default/package.json                  |  2 +-
 playground/default/vite.config.js                |  4 +++-
 .../jsx-router-vuex-with-tests/package.json      | 10 +++++-----
 .../jsx-router-vuex-with-tests/src/App.vue       | 16 ++++++++--------
 .../jsx-router-vuex-with-tests/vite.config.js    |  4 +++-
 playground/jsx-router-vuex/package.json          |  4 ++--
 playground/jsx-router-vuex/src/App.vue           | 16 ++++++++--------
 playground/jsx-router-vuex/vite.config.js        |  4 +++-
 playground/jsx-router-with-tests/package.json    | 10 +++++-----
 playground/jsx-router-with-tests/src/App.vue     | 16 ++++++++--------
 playground/jsx-router-with-tests/vite.config.js  |  4 +++-
 playground/jsx-router/package.json               |  4 ++--
 playground/jsx-router/src/App.vue                | 16 ++++++++--------
 playground/jsx-router/vite.config.js             |  4 +++-
 playground/jsx-vuex-with-tests/package.json      | 10 +++++-----
 playground/jsx-vuex-with-tests/vite.config.js    |  4 +++-
 playground/jsx-vuex/package.json                 |  4 ++--
 playground/jsx-vuex/vite.config.js               |  4 +++-
 playground/jsx-with-tests/package.json           | 10 +++++-----
 playground/jsx-with-tests/vite.config.js         |  4 +++-
 playground/jsx/package.json                      |  4 ++--
 playground/jsx/vite.config.js                    |  4 +++-
 playground/router-vuex-with-tests/package.json   |  8 ++++----
 playground/router-vuex-with-tests/src/App.vue    | 16 ++++++++--------
 playground/router-vuex-with-tests/vite.config.js |  4 +++-
 playground/router-vuex/package.json              |  2 +-
 playground/router-vuex/src/App.vue               | 16 ++++++++--------
 playground/router-vuex/vite.config.js            |  4 +++-
 playground/router-with-tests/package.json        |  8 ++++----
 playground/router-with-tests/src/App.vue         | 16 ++++++++--------
 playground/router-with-tests/vite.config.js      |  4 +++-
 playground/router/package.json                   |  2 +-
 playground/router/src/App.vue                    | 16 ++++++++--------
 playground/router/vite.config.js                 |  4 +++-
 .../package.json                                 | 12 ++++++------
 .../src/App.vue                                  | 16 ++++++++--------
 .../vite.config.ts                               |  4 +++-
 .../typescript-jsx-router-vuex/package.json      |  6 +++---
 .../typescript-jsx-router-vuex/src/App.vue       | 16 ++++++++--------
 .../typescript-jsx-router-vuex/vite.config.ts    |  4 +++-
 .../package.json                                 | 12 ++++++------
 .../typescript-jsx-router-with-tests/src/App.vue | 16 ++++++++--------
 .../vite.config.ts                               |  4 +++-
 playground/typescript-jsx-router/package.json    |  6 +++---
 playground/typescript-jsx-router/src/App.vue     | 16 ++++++++--------
 playground/typescript-jsx-router/vite.config.ts  |  4 +++-
 .../typescript-jsx-vuex-with-tests/package.json  | 12 ++++++------
 .../vite.config.ts                               |  4 +++-
 playground/typescript-jsx-vuex/package.json      |  6 +++---
 playground/typescript-jsx-vuex/vite.config.ts    |  4 +++-
 .../typescript-jsx-with-tests/package.json       | 12 ++++++------
 .../typescript-jsx-with-tests/vite.config.ts     |  4 +++-
 playground/typescript-jsx/package.json           |  6 +++---
 playground/typescript-jsx/vite.config.ts         |  4 +++-
 .../package.json                                 | 10 +++++-----
 .../src/App.vue                                  | 16 ++++++++--------
 .../vite.config.ts                               |  4 +++-
 playground/typescript-router-vuex/package.json   |  4 ++--
 playground/typescript-router-vuex/src/App.vue    | 16 ++++++++--------
 playground/typescript-router-vuex/vite.config.ts |  4 +++-
 .../typescript-router-with-tests/package.json    | 10 +++++-----
 .../typescript-router-with-tests/src/App.vue     | 16 ++++++++--------
 .../typescript-router-with-tests/vite.config.ts  |  4 +++-
 playground/typescript-router/package.json        |  4 ++--
 playground/typescript-router/src/App.vue         | 16 ++++++++--------
 playground/typescript-router/vite.config.ts      |  4 +++-
 .../typescript-vuex-with-tests/package.json      | 10 +++++-----
 .../typescript-vuex-with-tests/vite.config.ts    |  4 +++-
 playground/typescript-vuex/package.json          |  4 ++--
 playground/typescript-vuex/vite.config.ts        |  4 +++-
 playground/typescript-with-tests/package.json    | 10 +++++-----
 playground/typescript-with-tests/vite.config.ts  |  4 +++-
 playground/typescript/package.json               |  4 ++--
 playground/typescript/vite.config.ts             |  4 +++-
 playground/vuex-with-tests/package.json          |  8 ++++----
 playground/vuex-with-tests/vite.config.js        |  4 +++-
 playground/vuex/package.json                     |  2 +-
 playground/vuex/vite.config.js                   |  4 +++-
 playground/with-tests/package.json               |  8 ++++----
 playground/with-tests/vite.config.js             |  4 +++-
 80 files changed, 336 insertions(+), 272 deletions(-)

diff --git a/playground/default/package.json b/playground/default/package.json
index 16efc3b9..0a390125 100644
--- a/playground/default/package.json
+++ b/playground/default/package.json
@@ -10,7 +10,7 @@
     "vue": "^3.2.22"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "vite": "^2.6.14"
   }
 }
diff --git a/playground/default/vite.config.js b/playground/default/vite.config.js
index 24c2e504..6ff2d33a 100644
--- a/playground/default/vite.config.js
+++ b/playground/default/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/jsx-router-vuex-with-tests/package.json b/playground/jsx-router-vuex-with-tests/package.json
index ecda8346..af14d4ac 100644
--- a/playground/jsx-router-vuex-with-tests/package.json
+++ b/playground/jsx-router-vuex-with-tests/package.json
@@ -7,8 +7,8 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
     "vue": "^3.2.22",
@@ -16,10 +16,10 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "vite": "^2.6.14"
diff --git a/playground/jsx-router-vuex-with-tests/src/App.vue b/playground/jsx-router-vuex-with-tests/src/App.vue
index fe3afbf6..37edbaf4 100644
--- a/playground/jsx-router-vuex-with-tests/src/App.vue
+++ b/playground/jsx-router-vuex-with-tests/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/jsx-router-vuex-with-tests/vite.config.js b/playground/jsx-router-vuex-with-tests/vite.config.js
index 032e163c..5be11429 100644
--- a/playground/jsx-router-vuex-with-tests/vite.config.js
+++ b/playground/jsx-router-vuex-with-tests/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/jsx-router-vuex/package.json b/playground/jsx-router-vuex/package.json
index 7e47fd02..730fde2c 100644
--- a/playground/jsx-router-vuex/package.json
+++ b/playground/jsx-router-vuex/package.json
@@ -12,8 +12,8 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "vite": "^2.6.14"
   }
 }
diff --git a/playground/jsx-router-vuex/src/App.vue b/playground/jsx-router-vuex/src/App.vue
index fe3afbf6..37edbaf4 100644
--- a/playground/jsx-router-vuex/src/App.vue
+++ b/playground/jsx-router-vuex/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/jsx-router-vuex/vite.config.js b/playground/jsx-router-vuex/vite.config.js
index 032e163c..5be11429 100644
--- a/playground/jsx-router-vuex/vite.config.js
+++ b/playground/jsx-router-vuex/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/jsx-router-with-tests/package.json b/playground/jsx-router-with-tests/package.json
index 20af0575..124dd6b4 100644
--- a/playground/jsx-router-with-tests/package.json
+++ b/playground/jsx-router-with-tests/package.json
@@ -7,18 +7,18 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
     "vue": "^3.2.22",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "vite": "^2.6.14"
diff --git a/playground/jsx-router-with-tests/src/App.vue b/playground/jsx-router-with-tests/src/App.vue
index fe3afbf6..37edbaf4 100644
--- a/playground/jsx-router-with-tests/src/App.vue
+++ b/playground/jsx-router-with-tests/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/jsx-router-with-tests/vite.config.js b/playground/jsx-router-with-tests/vite.config.js
index 032e163c..5be11429 100644
--- a/playground/jsx-router-with-tests/vite.config.js
+++ b/playground/jsx-router-with-tests/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/jsx-router/package.json b/playground/jsx-router/package.json
index 4278d45e..7281e7e6 100644
--- a/playground/jsx-router/package.json
+++ b/playground/jsx-router/package.json
@@ -11,8 +11,8 @@
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "vite": "^2.6.14"
   }
 }
diff --git a/playground/jsx-router/src/App.vue b/playground/jsx-router/src/App.vue
index fe3afbf6..37edbaf4 100644
--- a/playground/jsx-router/src/App.vue
+++ b/playground/jsx-router/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/jsx-router/vite.config.js b/playground/jsx-router/vite.config.js
index 032e163c..5be11429 100644
--- a/playground/jsx-router/vite.config.js
+++ b/playground/jsx-router/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/jsx-vuex-with-tests/package.json b/playground/jsx-vuex-with-tests/package.json
index 49fabeb7..a27fe2d8 100644
--- a/playground/jsx-vuex-with-tests/package.json
+++ b/playground/jsx-vuex-with-tests/package.json
@@ -7,18 +7,18 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
     "vue": "^3.2.22",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "vite": "^2.6.14"
diff --git a/playground/jsx-vuex-with-tests/vite.config.js b/playground/jsx-vuex-with-tests/vite.config.js
index 032e163c..5be11429 100644
--- a/playground/jsx-vuex-with-tests/vite.config.js
+++ b/playground/jsx-vuex-with-tests/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/jsx-vuex/package.json b/playground/jsx-vuex/package.json
index c1cbe4e9..cbd7572e 100644
--- a/playground/jsx-vuex/package.json
+++ b/playground/jsx-vuex/package.json
@@ -11,8 +11,8 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "vite": "^2.6.14"
   }
 }
diff --git a/playground/jsx-vuex/vite.config.js b/playground/jsx-vuex/vite.config.js
index 032e163c..5be11429 100644
--- a/playground/jsx-vuex/vite.config.js
+++ b/playground/jsx-vuex/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/jsx-with-tests/package.json b/playground/jsx-with-tests/package.json
index 1e79dcf7..740b9bcb 100644
--- a/playground/jsx-with-tests/package.json
+++ b/playground/jsx-with-tests/package.json
@@ -7,17 +7,17 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
     "vue": "^3.2.22"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "vite": "^2.6.14"
diff --git a/playground/jsx-with-tests/vite.config.js b/playground/jsx-with-tests/vite.config.js
index 032e163c..5be11429 100644
--- a/playground/jsx-with-tests/vite.config.js
+++ b/playground/jsx-with-tests/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/jsx/package.json b/playground/jsx/package.json
index 67c863a3..95ca2e19 100644
--- a/playground/jsx/package.json
+++ b/playground/jsx/package.json
@@ -10,8 +10,8 @@
     "vue": "^3.2.22"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "vite": "^2.6.14"
   }
 }
diff --git a/playground/jsx/vite.config.js b/playground/jsx/vite.config.js
index 032e163c..5be11429 100644
--- a/playground/jsx/vite.config.js
+++ b/playground/jsx/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/router-vuex-with-tests/package.json b/playground/router-vuex-with-tests/package.json
index bcc5a984..487008d4 100644
--- a/playground/router-vuex-with-tests/package.json
+++ b/playground/router-vuex-with-tests/package.json
@@ -7,8 +7,8 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
     "vue": "^3.2.22",
@@ -16,9 +16,9 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "vite": "^2.6.14"
diff --git a/playground/router-vuex-with-tests/src/App.vue b/playground/router-vuex-with-tests/src/App.vue
index fe3afbf6..37edbaf4 100644
--- a/playground/router-vuex-with-tests/src/App.vue
+++ b/playground/router-vuex-with-tests/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/router-vuex-with-tests/vite.config.js b/playground/router-vuex-with-tests/vite.config.js
index 24c2e504..6ff2d33a 100644
--- a/playground/router-vuex-with-tests/vite.config.js
+++ b/playground/router-vuex-with-tests/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/router-vuex/package.json b/playground/router-vuex/package.json
index 05978c8e..c62ffb82 100644
--- a/playground/router-vuex/package.json
+++ b/playground/router-vuex/package.json
@@ -12,7 +12,7 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "vite": "^2.6.14"
   }
 }
diff --git a/playground/router-vuex/src/App.vue b/playground/router-vuex/src/App.vue
index fe3afbf6..37edbaf4 100644
--- a/playground/router-vuex/src/App.vue
+++ b/playground/router-vuex/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/router-vuex/vite.config.js b/playground/router-vuex/vite.config.js
index 24c2e504..6ff2d33a 100644
--- a/playground/router-vuex/vite.config.js
+++ b/playground/router-vuex/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/router-with-tests/package.json b/playground/router-with-tests/package.json
index 5439de9f..a09b5385 100644
--- a/playground/router-with-tests/package.json
+++ b/playground/router-with-tests/package.json
@@ -7,17 +7,17 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
     "vue": "^3.2.22",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "vite": "^2.6.14"
diff --git a/playground/router-with-tests/src/App.vue b/playground/router-with-tests/src/App.vue
index fe3afbf6..37edbaf4 100644
--- a/playground/router-with-tests/src/App.vue
+++ b/playground/router-with-tests/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/router-with-tests/vite.config.js b/playground/router-with-tests/vite.config.js
index 24c2e504..6ff2d33a 100644
--- a/playground/router-with-tests/vite.config.js
+++ b/playground/router-with-tests/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/router/package.json b/playground/router/package.json
index c83d0c66..8fc1c17b 100644
--- a/playground/router/package.json
+++ b/playground/router/package.json
@@ -11,7 +11,7 @@
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "vite": "^2.6.14"
   }
 }
diff --git a/playground/router/src/App.vue b/playground/router/src/App.vue
index fe3afbf6..37edbaf4 100644
--- a/playground/router/src/App.vue
+++ b/playground/router/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/router/vite.config.js b/playground/router/vite.config.js
index 24c2e504..6ff2d33a 100644
--- a/playground/router/vite.config.js
+++ b/playground/router/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-jsx-router-vuex-with-tests/package.json b/playground/typescript-jsx-router-vuex-with-tests/package.json
index b1fee4af..1fb73482 100644
--- a/playground/typescript-jsx-router-vuex-with-tests/package.json
+++ b/playground/typescript-jsx-router-vuex-with-tests/package.json
@@ -7,8 +7,8 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
@@ -17,14 +17,14 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-jsx-router-vuex-with-tests/src/App.vue b/playground/typescript-jsx-router-vuex-with-tests/src/App.vue
index 36ae7808..8a1e9b19 100644
--- a/playground/typescript-jsx-router-vuex-with-tests/src/App.vue
+++ b/playground/typescript-jsx-router-vuex-with-tests/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/typescript-jsx-router-vuex-with-tests/vite.config.ts b/playground/typescript-jsx-router-vuex-with-tests/vite.config.ts
index 032e163c..5be11429 100644
--- a/playground/typescript-jsx-router-vuex-with-tests/vite.config.ts
+++ b/playground/typescript-jsx-router-vuex-with-tests/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-jsx-router-vuex/package.json b/playground/typescript-jsx-router-vuex/package.json
index b19753c1..f4030963 100644
--- a/playground/typescript-jsx-router-vuex/package.json
+++ b/playground/typescript-jsx-router-vuex/package.json
@@ -13,10 +13,10 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-jsx-router-vuex/src/App.vue b/playground/typescript-jsx-router-vuex/src/App.vue
index 36ae7808..8a1e9b19 100644
--- a/playground/typescript-jsx-router-vuex/src/App.vue
+++ b/playground/typescript-jsx-router-vuex/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/typescript-jsx-router-vuex/vite.config.ts b/playground/typescript-jsx-router-vuex/vite.config.ts
index 032e163c..5be11429 100644
--- a/playground/typescript-jsx-router-vuex/vite.config.ts
+++ b/playground/typescript-jsx-router-vuex/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-jsx-router-with-tests/package.json b/playground/typescript-jsx-router-with-tests/package.json
index b98223cf..8412d23c 100644
--- a/playground/typescript-jsx-router-with-tests/package.json
+++ b/playground/typescript-jsx-router-with-tests/package.json
@@ -7,8 +7,8 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
@@ -16,14 +16,14 @@
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-jsx-router-with-tests/src/App.vue b/playground/typescript-jsx-router-with-tests/src/App.vue
index 36ae7808..8a1e9b19 100644
--- a/playground/typescript-jsx-router-with-tests/src/App.vue
+++ b/playground/typescript-jsx-router-with-tests/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/typescript-jsx-router-with-tests/vite.config.ts b/playground/typescript-jsx-router-with-tests/vite.config.ts
index 032e163c..5be11429 100644
--- a/playground/typescript-jsx-router-with-tests/vite.config.ts
+++ b/playground/typescript-jsx-router-with-tests/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-jsx-router/package.json b/playground/typescript-jsx-router/package.json
index bfb38519..f9616b67 100644
--- a/playground/typescript-jsx-router/package.json
+++ b/playground/typescript-jsx-router/package.json
@@ -12,10 +12,10 @@
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-jsx-router/src/App.vue b/playground/typescript-jsx-router/src/App.vue
index 36ae7808..8a1e9b19 100644
--- a/playground/typescript-jsx-router/src/App.vue
+++ b/playground/typescript-jsx-router/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/typescript-jsx-router/vite.config.ts b/playground/typescript-jsx-router/vite.config.ts
index 032e163c..5be11429 100644
--- a/playground/typescript-jsx-router/vite.config.ts
+++ b/playground/typescript-jsx-router/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-jsx-vuex-with-tests/package.json b/playground/typescript-jsx-vuex-with-tests/package.json
index 0d4dd54d..ee959014 100644
--- a/playground/typescript-jsx-vuex-with-tests/package.json
+++ b/playground/typescript-jsx-vuex-with-tests/package.json
@@ -7,8 +7,8 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
@@ -16,14 +16,14 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-jsx-vuex-with-tests/vite.config.ts b/playground/typescript-jsx-vuex-with-tests/vite.config.ts
index 032e163c..5be11429 100644
--- a/playground/typescript-jsx-vuex-with-tests/vite.config.ts
+++ b/playground/typescript-jsx-vuex-with-tests/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-jsx-vuex/package.json b/playground/typescript-jsx-vuex/package.json
index d25d0f7b..5e98c4ab 100644
--- a/playground/typescript-jsx-vuex/package.json
+++ b/playground/typescript-jsx-vuex/package.json
@@ -12,10 +12,10 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-jsx-vuex/vite.config.ts b/playground/typescript-jsx-vuex/vite.config.ts
index 032e163c..5be11429 100644
--- a/playground/typescript-jsx-vuex/vite.config.ts
+++ b/playground/typescript-jsx-vuex/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-jsx-with-tests/package.json b/playground/typescript-jsx-with-tests/package.json
index 1ce40012..94e29334 100644
--- a/playground/typescript-jsx-with-tests/package.json
+++ b/playground/typescript-jsx-with-tests/package.json
@@ -7,22 +7,22 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
     "vue": "^3.2.22"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-jsx-with-tests/vite.config.ts b/playground/typescript-jsx-with-tests/vite.config.ts
index 032e163c..5be11429 100644
--- a/playground/typescript-jsx-with-tests/vite.config.ts
+++ b/playground/typescript-jsx-with-tests/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-jsx/package.json b/playground/typescript-jsx/package.json
index 32fb6716..76fdc447 100644
--- a/playground/typescript-jsx/package.json
+++ b/playground/typescript-jsx/package.json
@@ -11,10 +11,10 @@
     "vue": "^3.2.22"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-jsx/vite.config.ts b/playground/typescript-jsx/vite.config.ts
index 032e163c..5be11429 100644
--- a/playground/typescript-jsx/vite.config.ts
+++ b/playground/typescript-jsx/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -7,7 +9,7 @@ export default defineConfig({
   plugins: [vue(), vueJsx()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-router-vuex-with-tests/package.json b/playground/typescript-router-vuex-with-tests/package.json
index b055042d..454b92d4 100644
--- a/playground/typescript-router-vuex-with-tests/package.json
+++ b/playground/typescript-router-vuex-with-tests/package.json
@@ -7,8 +7,8 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
@@ -17,13 +17,13 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-router-vuex-with-tests/src/App.vue b/playground/typescript-router-vuex-with-tests/src/App.vue
index 36ae7808..8a1e9b19 100644
--- a/playground/typescript-router-vuex-with-tests/src/App.vue
+++ b/playground/typescript-router-vuex-with-tests/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/typescript-router-vuex-with-tests/vite.config.ts b/playground/typescript-router-vuex-with-tests/vite.config.ts
index 24c2e504..6ff2d33a 100644
--- a/playground/typescript-router-vuex-with-tests/vite.config.ts
+++ b/playground/typescript-router-vuex-with-tests/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-router-vuex/package.json b/playground/typescript-router-vuex/package.json
index 9d9170a5..441b6eb0 100644
--- a/playground/typescript-router-vuex/package.json
+++ b/playground/typescript-router-vuex/package.json
@@ -13,9 +13,9 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-router-vuex/src/App.vue b/playground/typescript-router-vuex/src/App.vue
index 36ae7808..8a1e9b19 100644
--- a/playground/typescript-router-vuex/src/App.vue
+++ b/playground/typescript-router-vuex/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/typescript-router-vuex/vite.config.ts b/playground/typescript-router-vuex/vite.config.ts
index 24c2e504..6ff2d33a 100644
--- a/playground/typescript-router-vuex/vite.config.ts
+++ b/playground/typescript-router-vuex/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-router-with-tests/package.json b/playground/typescript-router-with-tests/package.json
index f4abf9f3..d84402af 100644
--- a/playground/typescript-router-with-tests/package.json
+++ b/playground/typescript-router-with-tests/package.json
@@ -7,8 +7,8 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
@@ -16,13 +16,13 @@
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-router-with-tests/src/App.vue b/playground/typescript-router-with-tests/src/App.vue
index 36ae7808..8a1e9b19 100644
--- a/playground/typescript-router-with-tests/src/App.vue
+++ b/playground/typescript-router-with-tests/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/typescript-router-with-tests/vite.config.ts b/playground/typescript-router-with-tests/vite.config.ts
index 24c2e504..6ff2d33a 100644
--- a/playground/typescript-router-with-tests/vite.config.ts
+++ b/playground/typescript-router-with-tests/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-router/package.json b/playground/typescript-router/package.json
index ea86c30d..61a4d6ee 100644
--- a/playground/typescript-router/package.json
+++ b/playground/typescript-router/package.json
@@ -12,9 +12,9 @@
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-router/src/App.vue b/playground/typescript-router/src/App.vue
index 36ae7808..8a1e9b19 100644
--- a/playground/typescript-router/src/App.vue
+++ b/playground/typescript-router/src/App.vue
@@ -9,10 +9,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
 
-      <div id="nav">
+      <nav>
         <router-link to="/">Home</router-link>
         <router-link to="/about">About</router-link>
-      </div>
+      </nav>
     </div>
   </header>
 
@@ -53,28 +53,28 @@ a,
   }
 }
 
-#nav {
+nav {
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }
 
-#nav a.router-link-exact-active {
+nav a.router-link-exact-active {
   color: var(--color-text);
 }
 
-#nav a.router-link-exact-active:hover {
+nav a.router-link-exact-active:hover {
   background-color: transparent;
 }
 
-#nav a {
+nav a {
   display: inline-block;
   padding: 0 1rem;
   border-left: 1px solid var(--color-border);
 }
 
-#nav a:first-of-type {
+nav a:first-of-type {
   border: 0;
 }
 
@@ -106,7 +106,7 @@ a,
     margin: 0 2rem 0 0;
   }
 
-  #nav {
+  nav {
     text-align: left;
     margin-left: -1rem;
     font-size: 1rem;
diff --git a/playground/typescript-router/vite.config.ts b/playground/typescript-router/vite.config.ts
index 24c2e504..6ff2d33a 100644
--- a/playground/typescript-router/vite.config.ts
+++ b/playground/typescript-router/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-vuex-with-tests/package.json b/playground/typescript-vuex-with-tests/package.json
index 690cc484..4080179c 100644
--- a/playground/typescript-vuex-with-tests/package.json
+++ b/playground/typescript-vuex-with-tests/package.json
@@ -7,8 +7,8 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
@@ -16,13 +16,13 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-vuex-with-tests/vite.config.ts b/playground/typescript-vuex-with-tests/vite.config.ts
index 24c2e504..6ff2d33a 100644
--- a/playground/typescript-vuex-with-tests/vite.config.ts
+++ b/playground/typescript-vuex-with-tests/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-vuex/package.json b/playground/typescript-vuex/package.json
index 2a21dd74..97d66585 100644
--- a/playground/typescript-vuex/package.json
+++ b/playground/typescript-vuex/package.json
@@ -12,9 +12,9 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-vuex/vite.config.ts b/playground/typescript-vuex/vite.config.ts
index 24c2e504..6ff2d33a 100644
--- a/playground/typescript-vuex/vite.config.ts
+++ b/playground/typescript-vuex/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript-with-tests/package.json b/playground/typescript-with-tests/package.json
index 1aa7df0d..059df355 100644
--- a/playground/typescript-with-tests/package.json
+++ b/playground/typescript-with-tests/package.json
@@ -7,21 +7,21 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
     "vue": "^3.2.22"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript-with-tests/vite.config.ts b/playground/typescript-with-tests/vite.config.ts
index 24c2e504..6ff2d33a 100644
--- a/playground/typescript-with-tests/vite.config.ts
+++ b/playground/typescript-with-tests/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/typescript/package.json b/playground/typescript/package.json
index 33374b2f..c11c89a6 100644
--- a/playground/typescript/package.json
+++ b/playground/typescript/package.json
@@ -11,9 +11,9 @@
     "vue": "^3.2.22"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "typescript": "~4.4.4",
     "vite": "^2.6.14",
-    "vue-tsc": "^0.29.5"
+    "vue-tsc": "^0.29.6"
   }
 }
diff --git a/playground/typescript/vite.config.ts b/playground/typescript/vite.config.ts
index 24c2e504..6ff2d33a 100644
--- a/playground/typescript/vite.config.ts
+++ b/playground/typescript/vite.config.ts
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/vuex-with-tests/package.json b/playground/vuex-with-tests/package.json
index c5ed9ea6..880081a9 100644
--- a/playground/vuex-with-tests/package.json
+++ b/playground/vuex-with-tests/package.json
@@ -7,17 +7,17 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
     "vue": "^3.2.22",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "vite": "^2.6.14"
diff --git a/playground/vuex-with-tests/vite.config.js b/playground/vuex-with-tests/vite.config.js
index 24c2e504..6ff2d33a 100644
--- a/playground/vuex-with-tests/vite.config.js
+++ b/playground/vuex-with-tests/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/vuex/package.json b/playground/vuex/package.json
index 713fd879..0567cc2c 100644
--- a/playground/vuex/package.json
+++ b/playground/vuex/package.json
@@ -11,7 +11,7 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "vite": "^2.6.14"
   }
 }
diff --git a/playground/vuex/vite.config.js b/playground/vuex/vite.config.js
index 24c2e504..6ff2d33a 100644
--- a/playground/vuex/vite.config.js
+++ b/playground/vuex/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
diff --git a/playground/with-tests/package.json b/playground/with-tests/package.json
index a08d5670..4c32f83a 100644
--- a/playground/with-tests/package.json
+++ b/playground/with-tests/package.json
@@ -7,16 +7,16 @@
     "preview": "vite preview --port 5050",
     "test:unit": "cypress open-ct",
     "test:unit:ci": "cypress run-ct --quiet --reporter spec",
-    "test:e2e": "start-server-and-test preview 5050 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview 5050 'cypress run'"
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
     "vue": "^3.2.22"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
+    "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^3.0.5",
-    "@vitejs/plugin-vue": "^1.9.4",
+    "@vitejs/plugin-vue": "^1.10.0",
     "cypress": "^8.7.0",
     "start-server-and-test": "^1.14.0",
     "vite": "^2.6.14"
diff --git a/playground/with-tests/vite.config.js b/playground/with-tests/vite.config.js
index 24c2e504..6ff2d33a 100644
--- a/playground/with-tests/vite.config.js
+++ b/playground/with-tests/vite.config.js
@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'url'
+
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
@@ -6,7 +8,7 @@ export default defineConfig({
   plugins: [vue()],
   resolve: {
     alias: {
-      '@/': new URL('./src/', import.meta.url).pathname
+      '@/': fileURLToPath(new URL('./src/', import.meta.url))
     }
   }
 })
-- 
2.39.5