fix(nuxt): escape colons in page paths (#21731)

packages/nuxt/src/pages/utils.ts

@@ -104,7 +104,7 @@ function getRoutePath (tokens: SegmentToken[]): string {
           ? `:${token.value}()`
           : token.type === SegmentTokenType.catchall
             ? `:${token.value}(.*)*`
-            : encodePath(token.value))
+            : encodePath(token.value).replace(/:/g, '\\:'))
     )
   }, '/')
 }

packages/nuxt/test/pages.test.ts

@@ -279,6 +279,20 @@ describe('pages:generateRoutesFromFiles', () => {
           children: []
         }
       ]
+    },
+    {
+      description: 'should allow pages with `:` in their path',
+      files: [
+        `${pagesDir}/test:name.vue`
+      ],
+      output: [
+        {
+          name: 'test:name',
+          path: '/test\\:name',
+          file: `${pagesDir}/test:name.vue`,
+          children: []
+        }
+      ]
     }
   ]