@l4dybird/nuxt-ui-preset-unocss-unplugin

Nuxt UI 4.9.0 の Vite plugin、unstyled default theme、Tailwind 除去を統合します。

import vue from "@vitejs/plugin-vue";
import UnoCSS from "@unocss/vite";
import { defineConfig } from "vite";
import { nuxtUiUnoVite } from "@l4dybird/nuxt-ui-preset-unocss-unplugin/vite";

export default defineConfig({
  plugins: [
    vue(),
    nuxtUiUnoVite({
      router: false,
      colorMode: false,
      dts: false,
    }),
    UnoCSS(),
  ],
});

helper の引数は公式 NuxtUIOptions であり、本 integration 固有 options ではありません。

import presetMini from "@unocss/preset-mini";
import { defineConfig } from "unocss";
import { presetNuxtUi } from "@l4dybird/nuxt-ui-preset-unocss-unplugin";

export default defineConfig({
  presets: [presetMini(), presetNuxtUi(), userPreset()],
});

base preset の選択と優先順位は uno.config.ts が所有します。標準 utility は選択した UnoCSS preset が生成し、Nuxt UI compatibility preset は既知差分だけを補正します。

配布 theme は生成 theme module に入り、公式 ui option とはマージされません。ui と関数形式 slot replacement は Nuxt UI 本来の override として優先されます。component prefix は Pascal case と kebab-case の両方で自動検出に反映されます。Tailwind utility 用の theme.prefix は 未対応です。

production build は Vite root の component usage と Nuxt UI 内部依存を自動検出し、UnoCSS safelist だけを使用 component に絞ります。dev server は全 CSS を生成し、production で解析不能な 動的 component を検出した場合は全 theme CSS へ自動フォールバックします。