nuxt content/studio nuxt ui components

nuxt4🖼️ui📰content

Hi,

I have setup nuxt content and nuxt ui, now i would like to be able to use nuxt ui components like the page hero from nuxt studio.

i have followed the docs at https://content.nuxt.com/docs/collections/inherit-schema-from-component
But when i try to add a nuxt ui component, i get the following error

Error: Export 'default' not found in 'PATHTOPROJECT/node_modules/.pnpm/@[email protected]_@nuxt+conten_9361f58f0cf2466d09564789a0fbb421/node_modules/@nuxt/ui/dist/runtime/components/Button.d.vue.ts'

Error: Export 'default' not found in 'PATHTOPROJECT/node_modules/.pnpm/@[email protected]_@nuxt+conten_9361f58f0cf2466d09564789a0fbb421/node_modules/@nuxt/ui/dist/runtime/components/Button.d.vue.ts'

i add the component the following way

import { defineContentConfig, defineCollection, property } from "@nuxt/content";
import { z } from "zod";
export default defineContentConfig({
  collections: {
    content: defineCollection({
      type: "page",
      source: "**/*.md",
      schema: z.object({
        // reuse props from a UI library component
        button: property(z.object({})).inherit(
          "@nuxt/ui/components/Button.vue",
        ),
      }),
    }),
  },
});

import { defineContentConfig, defineCollection, property } from "@nuxt/content";
import { z } from "zod";
export default defineContentConfig({
  collections: {
    content: defineCollection({
      type: "page",
      source: "**/*.md",
      schema: z.object({
        // reuse props from a UI library component
        button: property(z.object({})).inherit(
          "@nuxt/ui/components/Button.vue",
        ),
      }),
    }),
  },
});

Nuxt•2w ago•

6 replies

TheConsoleGardenMG

nuxt content/studio nuxt ui components

nuxt4🖼️ui📰content

Error: Export 'default' not found in 'PATHTOPROJECT/node_modules/.pnpm/@[email protected]_@nuxt+conten_9361f58f0cf2466d09564789a0fbb421/node_modules/@nuxt/ui/dist/runtime/components/Button.d.vue.ts'

Error: Export 'default' not found in 'PATHTOPROJECT/node_modules/.pnpm/@[email protected]_@nuxt+conten_9361f58f0cf2466d09564789a0fbb421/node_modules/@nuxt/ui/dist/runtime/components/Button.d.vue.ts'

i add the component the following way

import { defineContentConfig, defineCollection, property } from "@nuxt/content";
import { z } from "zod";
export default defineContentConfig({
  collections: {
    content: defineCollection({
      type: "page",
      source: "**/*.md",
      schema: z.object({
        // reuse props from a UI library component
        button: property(z.object({})).inherit(
          "@nuxt/ui/components/Button.vue",
        ),
      }),
    }),
  },
});

import { defineContentConfig, defineCollection, property } from "@nuxt/content";
import { z } from "zod";
export default defineContentConfig({
  collections: {
    content: defineCollection({
      type: "page",
      source: "**/*.md",
      schema: z.object({
        // reuse props from a UI library component
        button: property(z.object({})).inherit(
          "@nuxt/ui/components/Button.vue",
        ),
      }),
    }),
  },
});

nuxt content/studio nuxt ui components

Similar Threads

nuxt content/studio nuxt ui components

Similar Threads

Similar Threads

Similar Threads