fix(inherit): type generation

Author: farnabaz

docs/app/pages/studio/pricing.vue

@@ -148,8 +148,7 @@ const columns: TableColumn<Feature>[] = [
     >
       <UColorModeImage
         class="size-full max-w-5xl mx-auto"
-        :dark="page.onboarding.image.dark"
-        :light="page.onboarding.image.light"
+        v-bind="page.onboarding.image"
         alt="Onboarding steps when creating a project on Nuxt Studio"
       />
     </UPageSection>

docs/content.config.ts

@@ -1,21 +1,5 @@
 import { defineContentConfig, defineCollection, property, z } from '@nuxt/content'
 
-const createPricingPlanSchema = () => z.object({
-  title: z.string(),
-  description: z.string(),
-  price: z.string(),
-  cycle: z.string().optional(),
-  features: z.array(z.string()),
-  badge: z.string().optional(),
-  hightlight: z.boolean().optional(),
-  button: z.object({
-    label: z.string(),
-    color: z.enum(['error', 'primary', 'neutral', 'secondary', 'success', 'info', 'warning']),
-    to: z.string(),
-    target: z.string().optional(),
-  }),
-})
-
 const createPricingFeatureSchema = () => z.object({
   title: z.string(),
   plans: z.array(z.enum(['solo', 'team', 'unlimited'])).optional(),
@@ -46,15 +30,14 @@ export default defineContentConfig({
         onboarding: z.object({
           title: z.string(),
           image: z.object({
-            // TODO: update editor usage to new syntax. This is kept to maintain backwards compatibility.
-            dark: z.string().editor({ input: 'media' }),
+            dark: property(z.string()).editor({ input: 'media' }),
             light: property(z.string()).editor({ input: 'media' }),
           }),
         }),
         plans: z.object({
-          solo: createPricingPlanSchema(),
-          team: createPricingPlanSchema(),
-          unlimited: createPricingPlanSchema(),
+          solo: property(z.object({})).inherit('@nuxt/ui-pro/runtime/components/PricingPlan.vue'),
+          team: property(z.object({})).inherit('@nuxt/ui-pro/runtime/components/PricingPlan.vue'),
+          unlimited: property(z.object({})).inherit('@nuxt/ui-pro/runtime/components/PricingPlan.vue'),
         }),
         features: z.object({
           title: z.string(),

package.json

@@ -86,7 +86,7 @@
     "micromatch": "^4.0.8",
     "minimark": "^0.2.0",
     "minimatch": "^10.0.3",
-    "nuxt-component-meta": "^0.13.1",
+    "nuxt-component-meta": "^0.14.0",
     "nypm": "^0.6.1",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",

pnpm-lock.yaml

@@ -60,12 +60,7 @@ export function property<T extends ContentStandardSchemaV1>(input: T): Property<
         const value = Reflect.get(_target, prop, receiver)
 
         if (typeof value === 'function') {
-          return (...args: unknown[]) => {
-            const result = value.apply(_target, args)
-            // If method is chainable and returns a new schema, re-attach $content and re-wrap
-            attachContent(result)
-            return createProxy(result)
-          }
+          return (...args: unknown[]) => value.apply(_target, args)
         }
 
         return value