fix: encode path

Author: posva

src/codegen/__snapshots__/generateRouteRecords.spec.ts.snap

@@ -61,6 +61,36 @@ exports[`generateRouteRecord > correctly names index files 1`] = `
 ]"
 `;
 
+exports[`generateRouteRecord > encodes special characters in path segments 1`] = `
+"[
+  {
+    path: '/caf%C3%A9',
+    name: '/café',
+    component: () => import('café.vue'),
+    /* no children */
+  },
+  {
+    path: '/my%20page',
+    name: '/my page',
+    component: () => import('my page.vue'),
+    /* no children */
+  },
+  {
+    path: '/users',
+    /* internal name: '/users' */
+    /* no component */
+    children: [
+      {
+        path: 'hello%20world',
+        name: '/users/hello world',
+        component: () => import('users/hello world.vue'),
+        /* no children */
+      }
+    ],
+  }
+]"
+`;
+
 exports[`generateRouteRecord > generate custom imports 1`] = `
 "[
   {

src/codegen/generateRouteRecords.spec.ts

@@ -105,6 +105,14 @@ describe('generateRouteRecord', () => {
     expect(generateRouteRecordSimple(tree)).toMatchSnapshot()
   })
 
+  it('encodes special characters in path segments', () => {
+    const tree = new PrefixTree(DEFAULT_OPTIONS)
+    tree.insert('my page', 'my page.vue')
+    tree.insert('users/hello world', 'users/hello world.vue')
+    tree.insert('café', 'café.vue')
+    expect(generateRouteRecordSimple(tree)).toMatchSnapshot()
+  })
+
   it('generate static imports', () => {
     const options = resolveOptions({
       ...DEFAULT_OPTIONS,

src/core/treeNodeValue.ts

@@ -603,9 +603,13 @@ function parseFileSegment(
 
   function consumeBuffer() {
     if (state === ParseFileSegmentState.static) {
-      // add the buffer to the path segment as is
-      pathSegment += buffer
-      subSegments.push(buffer)
+      // Encode static segments for URL safety, but preserve slashes from dotNesting
+      const encodedBuffer = buffer
+        .split('/')
+        .map((part) => encodeURIComponent(part))
+        .join('/')
+      pathSegment += encodedBuffer
+      subSegments.push(encodedBuffer)
     } else if (state === ParseFileSegmentState.modifier) {
       currentTreeRouteParam.paramName = buffer
       currentTreeRouteParam.parser = paramParserBuffer || null