feat: handle splats

Author: posva

package.json

@@ -203,7 +203,7 @@
     "vitepress-plugin-llms": "^1.7.3",
     "vitest": "^3.2.4",
     "vue": "^3.5.18",
-    "vue-router": "https://pkg.pr.new/vue-router@34703fb",
+    "vue-router": "https://pkg.pr.new/vue-router@2d1abf5",
     "vue-router-mock": "^2.0.0",
     "vue-tsc": "^3.0.5",
     "vuefire": "^3.2.2",

playground-experimental/package.json

@@ -18,6 +18,6 @@
     "mande": "^2.0.9",
     "pinia": "^3.0.3",
     "vue": "^3.5.18",
-    "vue-router": "https://pkg.pr.new/vue-router@34703fb"
+    "vue-router": "https://pkg.pr.new/vue-router@2d1abf5"
   }
 }

pnpm-lock.yaml

@@ -149,6 +149,43 @@ describe('generateRouteRecordPath', () => {
         ),"
     `)
   })
+
+  it('works with a catch all route', () => {
+    const node = new PrefixTree(DEFAULT_OPTIONS).insert(
+      '[...all]',
+      '[...all].vue'
+    )
+    expect(
+      generateRouteRecordPath({ importsMap, node, paramParsersMap: new Map() })
+    ).toMatchInlineSnapshot(`
+      "path: new MatcherPatternPathDynamic(
+          /^\\/(.*)$/i,
+          {
+            all: {},
+          },
+          [1],
+        ),"
+    `)
+  })
+
+  it('works with a splat param with a prefix', () => {
+    const node = new PrefixTree(DEFAULT_OPTIONS).insert(
+      'a/some-[id]/[...all]',
+      'a/some-[id]/[...all].vue'
+    )
+    expect(
+      generateRouteRecordPath({ importsMap, node, paramParsersMap: new Map() })
+    ).toMatchInlineSnapshot(`
+      "path: new MatcherPatternPathDynamic(
+          /^\\/a\\/some-([^/]+?)\\/(.*)$/i,
+          {
+            id: {},
+            all: {},
+          },
+          ["a",["some-",0],1],
+        ),"
+    `)
+  })
 })
 
 describe('generateRouteRecord', () => {

src/codegen/generateRouteResolver.spec.ts

@@ -329,8 +329,13 @@ export class TreeNode {
     let node: TreeNode | undefined = this
 
     while (node && !node.isRoot()) {
-      const subSegments = node.value.subSegments.map(
-        (segment) => (typeof segment === 'string' ? segment : 0) /* param */
+      const subSegments = node.value.subSegments.map((segment) =>
+        typeof segment === 'string'
+          ? segment
+          : // param
+            segment.isSplat
+            ? 1
+            : 0
       )
 
       if (subSegments.length > 1) {

src/core/tree.ts

@@ -80,10 +80,8 @@ export function _mergeRouteRecordExperimental(
   },
   ...routeRecords: Partial<DefinePage>[]
 ) {
-  return routeRecords.reduce((acc, routeRecord) => {
-    Object.assign(acc, routeRecord)
-    acc.meta = { ...acc.meta, ...routeRecord.meta }
-
-    return acc
-  }, main)
+  for (const record of routeRecords) {
+    main.meta = { ...main.meta, ...record.meta }
+  }
+  return main
 }