add test page

Author: posva

playground/src/pages/test-[a-id].vue

@@ -0,0 +1,8 @@
+<script lang="ts" setup>
+import { useRoute } from 'vue-router'
+const route = useRoute('/test-[a-id]')
+</script>
+
+<template>
+  <div>test {{ route.params.aId }}</div>
+</template>

playground/typed-router.d.ts

@@ -53,6 +53,7 @@ declare module 'vue-router/auto-routes' {
     '/n-[[n]]/[[more]]+/[final]': RouteRecordInfo<'/n-[[n]]/[[more]]+/[final]', '/n-:n?/:more*/:final', { n?: ParamValueZeroOrOne<true>, more?: ParamValueZeroOrMore<true>, final: ParamValue<true> }, { n?: ParamValueZeroOrOne<false>, more?: ParamValueZeroOrMore<false>, final: ParamValue<false> }>,
     '/partial-[name]': RouteRecordInfo<'/partial-[name]', '/partial-:name', { name: ParamValue<true> }, { name: ParamValue<false> }>,
     '/custom-path': RouteRecordInfo<'/custom-path', '/surprise-:id(\d+)', Record<never, never>, Record<never, never>>,
+    '/test-[a-id]': RouteRecordInfo<'/test-[a-id]', '/test-:a-id', { aId: ParamValue<true> }, { aId: ParamValue<false> }>,
     '/todos/': RouteRecordInfo<'/todos/', '/todos', Record<never, never>, Record<never, never>>,
     '/users/': RouteRecordInfo<'/users/', '/users', Record<never, never>, Record<never, never>>,
     '/users/[id]': RouteRecordInfo<'/users/[id]', '/users/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,

playground/vite.config.ts

@@ -31,7 +31,12 @@ export default defineConfig({
       extensions: ['.page.vue', '.vue'],
       importMode: 'async',
       extendRoute(route) {
-        // console.log('extending route', route.meta)
+        route.params.forEach((param, i) => {
+          // transform kebab-case to camelCase
+          param.paramName = param.paramName.replace(/-([a-z])/g, (g) =>
+            g[1].toUpperCase()
+          )
+        })
 
         // example of deleting routes
         // if (route.name.startsWith('/users')) {
@@ -96,7 +101,7 @@ export default defineConfig({
             file = file
               .slice(file.lastIndexOf(prefix) + prefix.length + 1)
               .replace('/pages', '')
-            console.log('👉 FILE', file)
+            // console.log('👉 FILE', file)
             return file
           },
         },