feat: upgrade to vue-router v5 to migrate away from unplugin-vue-router

Author: trueberryless

CONTRIBUTING.md

@@ -347,7 +347,7 @@ Ideally, extract utilities into separate files so they can be unit tested. 🙏
 
 ### Internal linking
 
-Always use **object syntax with named routes** for internal navigation. This makes links resilient to URL structure changes and provides type safety via `unplugin-vue-router`.
+Always use **object syntax with named routes** for internal navigation. This makes links resilient to URL structure changes and provides type safety via `vue-router`.
 
 ```vue
 <!-- Good: named route -->

knip.ts

@@ -25,8 +25,6 @@ const config: KnipConfig = {
       ignoreDependencies: [
         '@iconify-json/*',
         'puppeteer',
-        /** Needs to be explicitly installed, even though it is not imported, to avoid type errors. */
-        'unplugin-vue-router',
         'vite-plugin-pwa',
         '@vueuse/shared',
 

package.json

@@ -102,7 +102,6 @@
     "tinyglobby": "0.2.15",
     "ufo": "1.6.3",
     "unocss": "66.6.7",
-    "unplugin-vue-router": "0.19.2",
     "valibot": "1.3.0",
     "validate-npm-package-name": "7.0.2",
     "virtua": "0.48.8",

pnpm-lock.yaml

@@ -100,10 +100,9 @@
         "unctx": "^2.5.0",
         "unimport": "^5.6.0",
         "unplugin": "^3.0.0",
-        "unplugin-vue-router": "^0.19.2",
         "untyped": "^2.0.0",
         "vue": "^3.5.27",
-        "vue-router": "^4.6.4",
+        "vue-router": "^5.0.4",
         "@nuxt/kit": "4.3.1",
         "@nuxt/schema": "4.3.1",
         "@nuxt/vite-builder": "4.3.1",
@@ -324,7 +323,7 @@
         "oxc-parser": "^0.112.0",
         "oxc-walker": "^0.7.0",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.4",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.1.3",
         "@vue/shared": "^3.5.27",
         "@nuxt/schema": "3.21.1",
@@ -335,7 +334,6 @@
         "perfect-debounce": "^2.1.0",
         "@nuxt/nitro-server": "3.21.1",
         "@nuxt/vite-builder": "3.21.1",
-        "unplugin-vue-router": "^0.19.2",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -504,7 +502,7 @@
         "oxc-parser": "^0.110.0",
         "oxc-walker": "^0.7.0",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.4",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.1.2",
         "@vue/shared": "^3.5.27",
         "@nuxt/schema": "3.21.0",
@@ -515,7 +513,6 @@
         "perfect-debounce": "^2.0.0",
         "@nuxt/nitro-server": "3.21.0",
         "@nuxt/vite-builder": "3.21.0",
-        "unplugin-vue-router": "^0.19.2",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -683,7 +680,7 @@
         "oxc-parser": "^0.110.0",
         "oxc-walker": "^0.7.0",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.4",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.1.2",
         "@vue/shared": "^3.5.27",
         "@nuxt/schema": "4.3.0",
@@ -694,7 +691,6 @@
         "perfect-debounce": "^2.0.0",
         "@nuxt/nitro-server": "4.3.0",
         "@nuxt/vite-builder": "4.3.0",
-        "unplugin-vue-router": "^0.19.2",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -877,7 +873,7 @@
         "oxc-parser": "^0.102.0",
         "oxc-walker": "^0.6.0",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.3",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.0.19",
         "@vue/shared": "^3.5.25",
         "@nuxt/schema": "4.2.2",
@@ -888,7 +884,6 @@
         "perfect-debounce": "^2.0.0",
         "@nuxt/nitro-server": "4.2.2",
         "@nuxt/vite-builder": "4.2.2",
-        "unplugin-vue-router": "^0.19.0",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -1075,7 +1070,7 @@
         "oxc-parser": "^0.102.0",
         "oxc-walker": "^0.6.0",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.3",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.0.19",
         "@vue/shared": "^3.5.25",
         "@nuxt/schema": "3.20.2",
@@ -1086,7 +1081,6 @@
         "perfect-debounce": "^2.0.0",
         "@nuxt/nitro-server": "3.20.2",
         "@nuxt/vite-builder": "3.20.2",
-        "unplugin-vue-router": "^0.19.0",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -1270,7 +1264,7 @@
         "oxc-parser": "^0.96.0",
         "oxc-walker": "^0.5.2",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.3",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.0.19",
         "@vue/shared": "^3.5.23",
         "@nuxt/schema": "4.2.1",
@@ -1281,7 +1275,6 @@
         "perfect-debounce": "^2.0.0",
         "@nuxt/nitro-server": "4.2.1",
         "@nuxt/vite-builder": "4.2.1",
-        "unplugin-vue-router": "^0.16.1",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -1468,7 +1461,7 @@
         "oxc-parser": "^0.96.0",
         "oxc-walker": "^0.5.2",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.3",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.0.19",
         "@vue/shared": "^3.5.23",
         "@nuxt/schema": "3.20.1",
@@ -1479,7 +1472,6 @@
         "perfect-debounce": "^2.0.0",
         "@nuxt/nitro-server": "3.20.1",
         "@nuxt/vite-builder": "3.20.1",
-        "unplugin-vue-router": "^0.16.1",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -1667,7 +1659,7 @@
         "oxc-parser": "^0.94.0",
         "oxc-walker": "^0.5.2",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.3",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.0.14",
         "@vue/shared": "^3.5.22",
         "@nuxt/schema": "3.20.0",
@@ -1678,7 +1670,6 @@
         "perfect-debounce": "^2.0.0",
         "@nuxt/nitro-server": "3.20.0",
         "@nuxt/vite-builder": "3.20.0",
-        "unplugin-vue-router": "^0.16.0",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -1862,7 +1853,7 @@
         "oxc-parser": "^0.95.0",
         "oxc-walker": "^0.5.2",
         "tinyglobby": "^0.2.15",
-        "vue-router": "^4.6.3",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.0.19",
         "@vue/shared": "^3.5.22",
         "@nuxt/schema": "4.2.0",
@@ -1873,7 +1864,6 @@
         "perfect-debounce": "^2.0.0",
         "@nuxt/nitro-server": "4.2.0",
         "@nuxt/vite-builder": "4.2.0",
-        "unplugin-vue-router": "^0.16.0",
         "escape-string-regexp": "^5.0.0"
       },
       "_hasShrinkwrap": false,
@@ -2028,7 +2018,7 @@
         "source-map": "^0.7.0",
         "url-loader": "^0.6.2",
         "vue-loader": "^13.7.2",
-        "vue-router": "^3.0.1",
+        "vue-router": "^5.0.4",
         "compression": "^1.7.1",
         "es6-promise": "^4.2.4",
         "file-loader": "^1.1.6",
@@ -2343,7 +2333,7 @@
         "oxc-parser": "^0.74.0",
         "oxc-walker": "^0.3.0",
         "tinyglobby": "0.2.14",
-        "vue-router": "^4.5.1",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.0.10",
         "@vue/shared": "^3.5.17",
         "@nuxt/schema": "4.0.0-alpha.4",
@@ -2358,7 +2348,6 @@
         "perfect-debounce": "^1.0.0",
         "vue-devtools-stub": "^0.1.0",
         "@nuxt/vite-builder": "4.0.0-alpha.4",
-        "unplugin-vue-router": "^0.12.0",
         "vue-bundle-renderer": "^2.1.1",
         "escape-string-regexp": "^5.0.0"
       },
@@ -2551,7 +2540,7 @@
         "oxc-parser": "^0.75.1",
         "oxc-walker": "^0.3.0",
         "tinyglobby": "0.2.14",
-        "vue-router": "^4.5.1",
+        "vue-router": "^5.0.4",
         "@unhead/vue": "^2.0.12",
         "@vue/shared": "^3.5.17",
         "@nuxt/schema": "4.0.0-rc.0",
@@ -2566,7 +2555,6 @@
         "perfect-debounce": "^1.0.0",
         "vue-devtools-stub": "^0.1.0",
         "@nuxt/vite-builder": "4.0.0-rc.0",
-        "unplugin-vue-router": "^0.14.0",
         "vue-bundle-renderer": "^2.1.1",
         "escape-string-regexp": "^5.0.0"
       },