Merge branch 'main' of https://github.com/nuxtlabs/nuxt-component-meta

Author: farnabaz

src/parser.ts

@@ -8,6 +8,7 @@ import type { Component } from '@nuxt/schema'
 import { resolvePathSync } from 'mlly'
 import type { ModuleOptions } from './options'
 import type { NuxtComponentMeta } from './types'
+import { defu } from 'defu'
 
 export type ComponentMetaParserOptions = Omit<ModuleOptions, 'components' | 'metaSources'> & {
   components: Component[]
@@ -210,6 +211,12 @@ export function useComponentMetaParser (
       component.meta.exposed = component.meta.exposed.map((sch: any) => stripeTypeScriptInternalTypesSchema(sch, true))
       component.meta.events = component.meta.events.map((sch: any) => stripeTypeScriptInternalTypesSchema(sch, true))
 
+
+      const content = await readFile(component.fullPath, 'utf-8')
+      const extendComponentMetaMatch = content.match(/extendComponentMeta\((\{[\s\S]*?\})\)/);
+      const extendedComponentMeta =  extendComponentMetaMatch?.length ? eval(`(${extendComponentMetaMatch[1]})`) : null
+      component.meta = defu(component.meta, extendedComponentMeta)
+
       // Remove descriptional fileds to reduce chunk size
       removeFields(component.meta, ['declarations'])
 
@@ -260,7 +267,6 @@ function removeFields(obj: Record<string, any>, fieldsToRemove: string[]): any {
       }
     }
   }
-  
   return obj;
 }
 

src/runtime/composables/extendComponentMeta.ts

@@ -0,0 +1 @@
+export function extendComponentMeta(_meta: Record<string, any>) { /* Placeholder for extending component meta */ }

test/fixtures/basic/components/TestComponent.vue

@@ -7,6 +7,12 @@
 </template>
 
 <script setup>
+
+extendComponentMeta({
+  hello: 'world',
+  foo: 'bar'
+})
+
 defineProps({
   hello: {
     type: String,

test/fixtures/basic/nuxt.config.ts

@@ -1,4 +1,4 @@
-import nuxtMetaModule from 'nuxt-component-meta'
+import nuxtMetaModule from '../../../src/module'
 
 export default defineNuxtConfig({
   components: {

test/module.test.ts

@@ -76,4 +76,9 @@ describe('fixtures:basic', async () => {
     expect(component.meta.slots[0].name).toBe('title')
     expect(component.meta.slots[1].name).toBe('default')
   })
+
+  test('Test extendComponentMeta', async () => {
+    const component = await $fetch('/api/component-meta/TestComponent')
+    expect(component.meta).toMatchObject({ hello: 'world', foo: 'bar' })
+  })
 })