开始之前

模块仅为 @weme-ui/weme-ui 提供辅助能力，如：加载主题配置，生成 @weme-ui/unocss-preset 配置，注册图标及工具库等。

如何开始

安装

pnpm add -D @weme-ui/nuxt @weme-ui/unocss-preset @unocss/nuxt @nuxt/icon @vueuse/nuxt unocss

// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@nuxt/icon',
    '@vueuse/nuxt',
    '@unocss/nuxt',
    '@weme-ui/nuxt',
  ],
})

配置

interface WemeNuxtOptions {
  /**
   * Prefix for css variables
   *
   * @default 'ui'
   */
  variablePrefix?: string

  /**
   * Custom accent colors
   */
  accentColors?: Record<string, string>

  /**
   * custom neutral colors
   */
  neutralColors?: Record<string, string>

  /**
   * Import themes from directories
   */
  imports?: {
    /**
     * Directories to import themes from
     */
    themes?: string[]
  }
}

许可证

MIT License © 2025 weme-ui