fix: improve meta and ignore native types

package.json

@@ -47,31 +47,31 @@
     "release": "pnpm test && release-it"
   },
   "dependencies": {
-    "@nuxt/kit": "^4.2.1",
+    "@nuxt/kit": "^4.2.2",
     "citty": "^0.1.6",
     "json-schema-to-zod": "^2.7.0",
     "mlly": "^1.8.0",
     "ohash": "^2.0.11",
     "scule": "^1.3.0",
     "typescript": "^5.9.3",
-    "ufo": "^1.6.1",
-    "vue-component-meta": "^3.1.5"
+    "ufo": "^1.6.2",
+    "vue-component-meta": "^3.2.2"
   },
   "devDependencies": {
     "@iconify/vue": "^5.0.0",
-    "@nuxt/content": "^3.8.2",
-    "@nuxt/eslint-config": "^1.11.0",
+    "@nuxt/content": "^3.10.0",
+    "@nuxt/eslint-config": "^1.12.1",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/test-utils": "^3.20.1",
+    "@nuxt/test-utils": "^3.23.0",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "ajv": "^8.17.1",
     "changelogen": "^0.6.2",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "jiti": "^2.6.1",
-    "nuxt": "^4.2.1",
-    "release-it": "^19.0.6",
-    "vitest": "^4.0.14",
-    "vue": "^3.5.25"
+    "nuxt": "^4.2.2",
+    "release-it": "^19.2.3",
+    "vitest": "^4.0.16",
+    "vue": "^3.5.26"
   },
   "build": {
     "entries": [
@@ -115,7 +115,7 @@
       "vue-demi"
     ]
   },
-  "packageManager": "pnpm@10.24.0",
+  "packageManager": "pnpm@10.27.0",
   "release-it": {
     "git": {
       "commitMessage": "chore(release): release v${version}"

playground/assets/css/main.css → playground/app/assets/css/main.css

@@ -1,2 +1,2 @@
 @import 'tailwindcss';
-@import '@nuxt/ui-pro';
+@import '@nuxt/ui';

playground/app/components/Authors.vue

@@ -0,0 +1,76 @@
+<script setup lang="ts">
+  interface Author {
+    name: string
+    avatar?: string
+    role?: 'creator' | 'maintainer' | 'contributor'
+    bio?: string
+  }
+
+  const props = defineProps<{
+    authorsOne?: {
+      name: string
+      avatar?: string
+      role?: 'creator' | 'maintainer' | 'contributor'
+      bio?: string
+    }[]
+    authorsTwo?: Author[]
+  }>()
+
+  const selectedGroup = ref<'one' | 'two'>('one')
+
+  const displayedAuthors = computed(() => {
+    return selectedGroup.value === 'one' ? props.authorsOne : props.authorsTwo
+  })
+  </script>
+
+  <template>
+    <div class="space-y-6">
+      <UFieldGroup>
+        <UButton
+          :variant="selectedGroup === 'one' ? 'solid' : 'outline'"
+          color="neutral"
+          label="Authors One"
+          @click="selectedGroup = 'one'"
+        />
+        <UButton
+          :variant="selectedGroup === 'two' ? 'solid' : 'outline'"
+          color="neutral"
+          label="Authors Two"
+          @click="selectedGroup = 'two'"
+        />
+      </UFieldGroup>
+
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+        <div
+          v-for="author in displayedAuthors"
+          :key="author.name"
+          class="bg-elevated rounded-xl p-6 border border-default hover:border-accented transition-colors duration-200"
+        >
+          <div class="flex items-center gap-4">
+            <UAvatar
+              :src="author.avatar"
+              :alt="author.name"
+              size="xl"
+            />
+            <div class="flex-1 min-w-0">
+              <h3 class="text-highlighted font-semibold truncate">
+                {{ author.name }}
+              </h3>
+              <p
+                v-if="author.role"
+                class="text-muted text-sm"
+              >
+                {{ author.role }}
+              </p>
+            </div>
+          </div>
+          <p
+            v-if="author.bio"
+            class="mt-4 text-muted text-sm leading-relaxed"
+          >
+            {{ author.bio }}
+          </p>
+        </div>
+      </div>
+    </div>
+  </template>

playground/app/components/TestInterfaceArray.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+interface Author {
+  name: string
+  email: string
+  role?: 'admin' | 'user' | 'guest'
+}
+
+interface Book {
+  title: string
+  isbn: string
+  publishedYear: number
+}
+
+defineProps<{
+  // Test Interface[] syntax
+  authors?: Author[]
+  books: Book[]
+  // Test inline array types
+  tags?: string[]
+  ratings?: number[]
+}>()
+</script>
+
+<template>
+  <div>
+    <h2>Authors</h2>
+    <div v-for="author in authors" :key="author.email">
+      {{ author.name }} - {{ author.role }}
+    </div>
+
+    <h2>Books</h2>
+    <div v-for="book in books" :key="book.isbn">
+      {{ book.title }} ({{ book.publishedYear }})
+    </div>
+  </div>
+</template>
+

playground/app/components/TestJSComponent.vue

@@ -0,0 +1,23 @@
+<script>
+export default {
+  name: 'TestJSComponent',
+  props: {
+    message: {
+      type: String,
+      default: 'Hello from JS'
+    },
+    count: {
+      type: Number,
+      required: true
+    }
+  }
+}
+</script>
+
+<template>
+  <div>
+    <p>{{ message }}</p>
+    <p>Count: {{ count }}</p>
+  </div>
+</template>
+

playground/app/components/global/Button.vue

@@ -0,0 +1,14 @@
+<template>
+  <button :class="`btn-${size} btn-${appearance}`">
+    <slot />
+  </button>
+</template>
+
+<script lang="ts" setup>
+import type { ButtonProps } from '#imports'
+
+const {
+  size = 'medium',
+  appearance = 'default',
+} = defineProps<ButtonProps>()
+</script>

playground/app/components/global/ButtonInlineProps.vue

@@ -0,0 +1,14 @@
+<template>
+  <button :class="`btn-${size} btn-${appearance}`">
+    <slot />
+  </button>
+</template>
+
+<script lang="ts" setup>
+import type { ButtonInlineProps } from '../../../shared/types/button-inline-props'
+
+const {
+  size = 'medium',
+  appearance = 'default',
+} = defineProps<ButtonInlineProps>()
+</script>

playground/components/testTyped.vue → playground/app/components/testTyped.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(defineProps<{
+interface PropsObject {
   hello: string,
   booleanProp?: boolean,
   numberProp?: number,
@@ -20,7 +20,9 @@ withDefaults(defineProps<{
    * @since v1.0.0
    */
   foo?: string[]
-}>(), {
+  partialImage?: string | (Partial<HTMLImageElement> & { [key: string]: any })
+}
+withDefaults(defineProps<PropsObject>(), {
   numberProp: 42,
   foo: () => ['bar', 'baz']
 })

playground/nuxt.config.ts

@@ -16,7 +16,7 @@ export default defineNuxtConfig({
 
   modules: [
     '@nuxt/content',
-    '@nuxt/ui-pro',
+    '@nuxt/ui',
     nuxtMetaModule as any
   ],
 

playground/package.json

@@ -2,18 +2,19 @@
   "private": true,
   "name": "nuxt-component-meta-playground",
   "devDependencies": {
-    "@nuxt/content": "^3.8.2",
-    "@nuxt/ui-pro": "^3.3.7",
-    "nuxt": "^4.2.1",
+    "@nuxt/content": "^3.10.0",
+    "nuxt": "^4.2.2",
     "nuxt-component-meta": "link:.."
   },
   "scripts": {
     "dev": "nuxi dev",
     "build": "nuxi build",
-    "generate": "nuxi generate"
+    "generate": "nuxi generate",
+    "prepare": "nuxi prepare"
   },
   "dependencies": {
     "@amoayun/monaco-editor-vue3": "^1.0.20",
+    "@nuxt/ui": "^4.3.0",
     "monaco-editor": "^0.55.1"
   }
 }

playground/shared/types/button-inline-props.ts

@@ -0,0 +1,5 @@
+import type { SharedProps } from '#imports'
+
+export interface ButtonInlineProps extends Pick<SharedProps, 'size'> {
+  appearance: string
+}

playground/shared/types/button.ts

@@ -0,0 +1,5 @@
+import type { SharedProps } from '#imports'
+
+export interface ButtonProps extends Pick<SharedProps, 'size'> {
+  appearance: string
+}

playground/shared/types/shared-props.ts

@@ -0,0 +1,3 @@
+export interface SharedProps {
+  size: 'small' | 'medium' | 'large'
+}