feat: support TS in definePage

Close #57 Close #238
posva · Jun 18, 2024 · 4fbff23 · 4fbff23
1 parent d851b61
commit 4fbff23
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/playground/src/pages/[name].vue b/playground/src/pages/[name].vue
@@ -102,7 +102,8 @@ definePage({
   meta: {
     // hello: 'there',
     mySymbol: Symbol(),
-    // test: (to: RouteLocationNormalized) => console.log(to.name === '/[name]' ? to.params.name : 'nope'),
+    test: (to: RouteLocationNormalized) =>
+      console.log(to.name === '/[name]' ? to.params.name : 'nope'),
   },
 })
 

diff --git a/src/codegen/generateRouteRecords.ts b/src/codegen/generateRouteRecords.ts
@@ -81,7 +81,11 @@ ${startIndent}}`
     for (const [name, filePath] of node.value.components) {
       const pageDataImport = `_definePage_${name}_${importsMap.size}`
       definePageDataList.push(pageDataImport)
-      importsMap.addDefault(`${filePath}?definePage&vue`, pageDataImport)
+      importsMap.addDefault(
+        // TODO: apply the language used in the sfc
+        `${filePath}?definePage&vue&lang.tsx`,
+        pageDataImport
+      )
     }
 
     if (definePageDataList.length) {

diff --git a/src/index.ts b/src/index.ts
@@ -54,7 +54,7 @@ export default createUnplugin<Options | undefined>((opt = {}, _meta) => {
         pageFilePattern.map((pattern) => join(routeOption.src, pattern))
       ),
       // importing the definePage block
-      /definePage\&vue$/,
+      /\?.*\bdefinePage\&vue\b/,
     ],
     options.exclude
   )
@@ -97,6 +97,7 @@ export default createUnplugin<Options | undefined>((opt = {}, _meta) => {
 
     transform(code, id) {
       // console.log('👋 ', id)
+      // remove the `definePage()` from the file or isolate it
       return ctx.definePageTransform(code, id)
     },