nuxt__ui/docs/content.config.ts

import { defineCollection, z } from '@nuxt/content'

const Image = z.object({
  src: z.string(),
  alt: z.string().optional(),
  width: z.number().optional(),
  height: z.number().optional()
})

const DualModeImage = z.object({
  light: z.string(),
  dark: z.string(),
  width: z.number().optional(),
  height: z.number().optional(),
  alt: z.string().optional()
})

const Button = z.object({
  label: z.string(),
  icon: z.string().optional(),
  leadingIcon: z.string().optional(),
  trailingIcon: z.string().optional(),
  to: z.string().optional(),
  color: z.enum(['primary', 'neutral', 'success', 'warning', 'error', 'info']).optional(),
  size: z.enum(['xs', 'sm', 'md', 'lg', 'xl']).optional(),
  variant: z.enum(['solid', 'outline', 'subtle', 'soft', 'ghost', 'link']).optional(),
  id: z.string().optional(),
  target: z.enum(['_blank', '_self']).optional(),
  class: z.string().optional()
})

const BaseSection = z.object({
  title: z.string(),
  description: z.string()
})

const Feature = z.object({
  title: z.string(),
  description: z.string().optional(),
  icon: z.string(),
  to: z.string().optional()
})

const TitleIconFeature = z.object({
  title: z.string(),
  icon: z.string()
})

const PageSection = BaseSection.extend({
  links: z.array(Button).optional(),
  features: z.array(Feature).optional()
})

export const collections = {
  docs: defineCollection({
    type: 'page',
    source: [{
      include: 'docs/**/*'
    }],
    schema: z.object({
      category: z.enum(['layout', 'form', 'element', 'navigation', 'data', 'overlay', 'dashboard', 'page', 'ai', 'color-mode', 'i18n']).optional(),
      framework: z.enum(['nuxt', 'vue']).optional(),
      navigation: z.object({
        title: z.string().optional()
      }),
      links: z.array(z.object({
        label: z.string(),
        icon: z.string(),
        avatar: z.object({
          src: z.string(),
          alt: z.string()
        }).optional(),
        to: z.string(),
        target: z.string().optional()
      }))
    })
  }),
  index: defineCollection({
    type: 'page',
    source: 'index.yml',
    schema: z.object({
      title: z.string(),
      description: z.string(),
      hero: BaseSection.extend({
        links: z.array(Button),
        features: z.array(Feature)
      }),
      features: z.array(Feature),
      design_system: PageSection.extend({
        code: z.string()
      }),
      css_variables: PageSection.extend({
        code: z.string()
      }),
      components: PageSection.extend({
        code: z.string()
      }),
      templates: PageSection,
      community: PageSection
    })
  }),
  figma: defineCollection({
    type: 'page',
    source: 'figma.yml',
    schema: z.object({
      title: z.string(),
      description: z.string(),
      headline: z.string().optional(),
      hero: BaseSection.extend({
        image: z.string(),
        links: z.array(Button).optional()
      }),
      features1: z.object({
        features: z.array(Feature)
      }),
      cta1: BaseSection.optional(),
      section1: BaseSection.extend({
        reverse: z.boolean().optional(),
        features: z.array(TitleIconFeature).optional(),
        tabs: z.array(z.object({
          label: z.string(),
          src: z.string(),
          width: z.number().optional(),
          height: z.number().optional(),
          alt: z.string().optional()
        })).optional(),
        links: z.array(Button).optional()
      }),
      section2: BaseSection.extend({
        features: z.array(TitleIconFeature).optional(),
        image: Image,
        links: z.array(Button).optional()
      }),
      section3: BaseSection.extend({
        reverse: z.boolean().optional(),
        features: z.array(TitleIconFeature).optional(),
        image: Image,
        links: z.array(Button).optional()
      }),
      features2: z.object({
        features: z.array(Feature)
      }),
      section4: BaseSection.extend({
        links: z.array(Button).optional(),
        steps: z.array(z.object({
          title: z.string(),
          description: z.string(),
          to: z.string().optional(),
          target: z.string().optional(),
          image: Image
        }))
      }),
      customers: z.object({
        title: z.string(),
        items: z.array(z.object({
          src: z.string(),
          alt: z.string()
        }))
      }),
      faq: z.object({
        title: z.string(),
        description: z.string(),
        items: z.array(z.object({
          label: z.string(),
          content: z.string(),
          defaultOpen: z.boolean().optional()
        }))
      })
    })
  }),
  showcase: defineCollection({
    type: 'page',
    source: 'showcase.yml',
    schema: z.object({
      title: z.string(),
      description: z.string(),
      navigation: z.boolean().optional(),
      hero: BaseSection.extend({
        links: z.array(Button).optional()
      }),
      items: z.array(z.object({
        name: z.string(),
        url: z.string(),
        screenshotUrl: z.string().optional(),
        screenshotOptions: z.object({
          delay: z.number()
        }).optional()
      }))
    })
  }),
  templates: defineCollection({
    type: 'page',
    source: 'templates.yml',
    schema: z.object({
      title: z.string(),
      description: z.string(),
      navigation: z.boolean().optional(),
      links: z.array(Button),
      hero: BaseSection,
      templates: z.array(z.object({
        title: z.string(),
        description: z.string(),
        icon: z.string(),
        framework: z.enum(['nuxt', 'vue']),
        thumbnail: DualModeImage,
        images: z.array(Image).optional(),
        features: z.array(TitleIconFeature).optional(),
        links: z.array(Button).optional(),
        deploy_links: z.array(Button).optional()
      }))
    })
  })
}