fix: support definePageMeta in defineNuxtComponent (#1288)

nuxt · Aug 19, 2024 · 574e7ee · 574e7ee
1 parent 8959608
commit 574e7ee
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 1 deletion.
diff --git a/packages/bridge/src/page-meta/transform.ts b/packages/bridge/src/page-meta/transform.ts
@@ -202,7 +202,7 @@ function getObjectExpression (node: Node) {
 
   // ts and webpack
   if (node.type === 'CallExpression') {
-    if (node.callee.type === 'Identifier' && !node.callee.name.includes('defineComponent')) {
+    if (node.callee.type === 'Identifier' && !/define(Component|NuxtComponent)/.test(node.callee.name)) {
       return
     }
     if (node.arguments.length === 0) { return }

diff --git a/packages/bridge/test/page-meta.test.ts b/packages/bridge/test/page-meta.test.ts
@@ -166,6 +166,31 @@ export default {
         }));"
       `)
     })
+
+    it('defineNuxtComponent', async () => {
+      const input = `<script lang="ts">
+export default defineNuxtComponent({
+  setup() {
+    definePageMeta({
+      middleware: ['redirect'],
+    })
+
+    const route = useRoute()
+  }
+})
+</script>`
+      expect(await getResult(babelTransform(input))).toMatchInlineSnapshot(`
+        "const __nuxt_page_meta = {
+          middleware: ['redirect']
+        }
+        export default defineNuxtComponent({
+          ...__nuxt_page_meta,setup: function setup() {
+            ;
+            var route = useRoute();
+          }
+        });"
+      `)
+    })
   })
 
   describe('vite', () => {
@@ -280,5 +305,32 @@ export default {
         })"
       `)
     })
+    it('defineNuxtComponent', async () => {
+      const input = `<script lang="ts">
+export default defineNuxtComponent({
+  setup() {
+    definePageMeta({
+      middleware: ['redirect'],
+    })
+
+    const route = useRoute()
+  }
+})
+</script>`
+      expect(await getResult(viteTransform(input))).toMatchInlineSnapshot(`
+        "
+        const __nuxt_page_meta = {
+          middleware: ['redirect']
+        }
+        const _sfc_main = defineNuxtComponent({
+          ...__nuxt_page_meta,setup() {
+            
+
+            const route = useRoute()
+          }
+        })
+        "
+      `)
+    })
   })
 })