feat(nuxt): ui module

[productdevbook]

Bugs

• Warning from NuxtLayout: Your project has layouts but the <NuxtLayout /> component has not been used. nuxt/nuxt#24912

Description

In a mvp project I try to create the best ui/ux structure, I try to bring together the best tools in the ecosystem and combine them

export interface UIOptions {
  brand?: 'pergel'
  packages?: {
    /**
     * @default ['ph', 'carbon']
     * @see https://github.com/egoist/tailwindcss-icons
     */
    tailwindIcon?: CollectionNames[] | 'all' | IconsPluginOptions

    /**
     * @default true
     * @see https://tailwindcss.nuxtjs.org
     */
    tailwindcss?: boolean

    /**
     * @default true
     * @see https://github.com/nuxt-modules/color-mode
     */
    colorMode?: boolean
    /**
     * @default true
     * @see https://notivuedocs.netlify.app/push-usage/methods.html
     */
    notivue?: boolean

    /**
     * @default true
     * @see https://github.com/radix-vue/radix-vue
     */
    radixVue?: boolean

    /**
     * @default true
     * @see https://github.com/nuxt-modules/icon
     */
    nuxtIcon?: boolean

    /**
     * @default true
     * @see https://github.com/colinhacks/zod
     */
    zod?: boolean

    /**
     * @default true
     * @see https://vee-validate.logaretm.com/v4
     */
    veeValidate?: boolean

    /**
     * @default true
     * @see https://i18n.nuxtjs.org
     */
    i18n?: boolean

    /**
     * @default true
     * @see https://pinia.vuejs.org
     */
    pinia?: boolean
  }
  copyStructure?: boolean
}

Linked Issues

Additional context