fix(pages): route parsing

Author: antfu

packages/devtools/client/components/RoutePathItem.vue

@@ -16,7 +16,27 @@ const parts = computed(() => {
   return _
 })
 
-const path = computed(() => parts.value.map((i, idx) => i[0] === ':' ? partsInput.value[idx] : i).join('').replace(/\/+/g, '/'))
+function parseExpressRoute(route: string) {
+  return route
+    .split(/(:\w+[\?\*]?(?:\(\))?)/)
+    .filter(Boolean)
+    .map(i =>
+      i[0] === ':'
+        ? i.replace(/\(\)$/, '?')
+        : i,
+    )
+}
+
+const path = computed(() => parts.value
+  .map(
+    (i, idx) =>
+      i[0] === ':'
+        ? partsInput.value[idx]
+        : i,
+  )
+  .join('')
+  .replace(/\/+/g, '/'),
+)
 const hasWildcard = computed(() => props.route.path.includes(':'))
 
 function navigate() {

packages/devtools/client/composables/utils.ts

@@ -65,10 +65,6 @@ export function parseReadablePath(path: string, root: string) {
   }
 }
 
-export function parseExpressRoute(route: string) {
-  return route.split(/(:\w+[\?\*]?)/).filter(Boolean)
-}
-
 export function useAsyncState<T>(key: string, fn: () => Promise<T>, options?: AsyncDataOptions<T>) {
   const nuxt = useNuxtApp()
   if (!nuxt.payload.unique)