refactor: migrate to unrouting (#3931)

Author: danielroe

package.json

@@ -97,6 +97,7 @@
     "ufo": "^1.6.1",
     "unplugin": "^2.3.11",
     "unplugin-vue-router": "^0.16.0",
+    "unrouting": "^0.1.5",
     "unstorage": "^1.16.1",
     "vue-i18n": "^11.1.11",
     "vue-router": "^4.6.4"

pnpm-lock.yaml

@@ -4,7 +4,7 @@ import { isString } from '@intlify/shared'
 import { parse as parseSFC } from '@vue/compiler-sfc'
 import { parseAndWalk } from 'oxc-walker'
 import { mkdir, readFile, writeFile } from 'node:fs/promises'
-import { getRoutePath, parseSegment } from './utils/route-parsing'
+import { parseSegment, toVueRouterSegment } from 'unrouting'
 import { localizeRoutes } from './routing'
 import { dirname, parse as parsePath, resolve } from 'pathe'
 import { createRoutesContext } from 'unplugin-vue-router'
@@ -295,7 +295,7 @@ export function getRouteOptionsResolver(
 
 function resolveRoutePath(path: string): string {
   const tokens = parseSegment(path.slice(1))
-  return getRoutePath(tokens)
+  return '/' + toVueRouterSegment(tokens)
 }
 
 function getRouteFromConfig(

src/pages.ts

@@ -1,5 +1,5 @@
 import { resolveLocales } from '../src/utils'
-import { parseSegment, getRoutePath } from '../src/utils/route-parsing'
+import { parseSegment, toVueRouterSegment } from 'unrouting'
 import type { LocaleObject } from '../src/types'
 import { vi, beforeEach, afterEach, test, expect, beforeAll } from 'vitest'
 
@@ -132,17 +132,17 @@ test('resolveLocales', async () => {
 test('parseSegment', () => {
   const tokens = parseSegment('[foo]_[bar]:[...buz]_buz_[[qux]]')
   expect(tokens).toEqual([
-    { type: 1, value: 'foo' },
-    { type: 0, value: '_' },
-    { type: 1, value: 'bar' },
-    { type: 0, value: ':' },
-    { type: 3, value: 'buz' },
-    { type: 0, value: '_buz_' },
-    { type: 2, value: 'qux' }
+    { type: 'dynamic', value: 'foo' },
+    { type: 'static', value: '_' },
+    { type: 'dynamic', value: 'bar' },
+    { type: 'static', value: ':' },
+    { type: 'catchall', value: 'buz' },
+    { type: 'static', value: '_buz_' },
+    { type: 'optional', value: 'qux' },
   ])
 })
 
-test('getRoutePath', () => {
+test('toVueRouterSegment', () => {
   const tokens = parseSegment('[foo]_[bar]:[...buz]_buz_[[qux]]')
-  expect(getRoutePath(tokens)).toBe(`/:foo()_:bar()\\::buz(.*)*_buz_:qux?`)
+  expect('/' + toVueRouterSegment(tokens)).toBe(`/:foo()_:bar()\\::buz(.*)*_buz_:qux?`)
 })