ui/docs/nuxt.config.ts

/* @unocss-include */

import { defineNuxtConfig } from 'nuxt3'
import module from '../src/module'

// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({
  meta: {
    title: '@nuxthq/ui',
    meta: [
      { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1' }
    ],
    link: [
      { rel: 'stylesheet', href: 'https://rsms.me/inter/inter.css' }
    ],
    htmlAttrs: {
      class: 'u-bg-white'
    },
    bodyAttrs: {
      class: 'u-bg-gray-50 u-text-gray-700'
    }
  },
  buildModules: [
    module
  ],
  ui: {
    colors: {
      primary: 'blue'
    },
    preset: {
      container: {
        constrained: 'max-w-8xl'
      }
    },
    unocss: {
      theme: {
        fontFamily: {
          sans: '"Inter var", sans-serif'
        },
        maxWidth: {
          '8xl': '90rem'
        }
      }
    }
  }
})