@unocss/nuxt 0.8.1 → 0.9.3

package/README.md

@@ -2,6 +2,15 @@
 
 Nuxt module for UnoCSS
 
+## Supporting Status
+
+| | Nuxt 2 | Nuxt Bridge | Nuxt 3 |
+| --- | --- | --- | --- |
+| Webpack Dev | ✅ | ✅ | 🚧 |
+| Webpack Build | ✅ | ✅ | ✅ |
+| Vite Dev | - | ✅ | ✅ |
+| Vite Build | - | ✅ | ✅ |
+
 ## Installation
 
 ```bash
@@ -14,7 +23,10 @@ npm i -g @unocss/nuxt
 export default {
   buildModules: [
     '@unocss/nuxt'
-  ]
+  ],
+  unocss: {
+    // options
+  }
 }
 ```
 

package/dist/index.d.ts

@@ -1,5 +1,53 @@
 import * as _nuxt_kit from '@nuxt/kit';
+import { UserConfig } from '@unocss/core';
+import { AttributifyOptions } from '@unocss/preset-attributify';
+import { IconsOptions } from '@unocss/preset-icons';
 
+interface UnocssNuxtOptions extends UserConfig {
+    /**
+     * Injecting `uno.css` entry
+     *
+     * @default true
+     */
+    autoImport?: boolean;
+    /**
+     * Injecting `@unocss/reset/tailwind.css` entry
+     *
+     * @default false
+     */
+    preflight?: boolean;
+    /**
+     * Installing UnoCSS components
+     * - `<UnoIcon>`
+     *
+     * @default true
+     */
+    components?: boolean;
+    /**
+     * Enable the default preset
+     * Only works when `presets` is not specified
+     * @default true
+     */
+    uno?: boolean;
+    /**
+     * Enable attributify mode and the options of it
+     * Only works when `presets` is not specified
+     * @default false
+     */
+    attributify?: boolean | AttributifyOptions;
+    /**
+     * Enable icons preset and the options of it
+     * Only works when `presets` is not specified
+     * @default false
+     */
+    icons?: boolean | IconsOptions;
+}
 declare const _default: _nuxt_kit.LegacyNuxtModule;
 
-export { _default as default };
+declare module '@nuxt/kit' {
+    interface ConfigSchema {
+        unocss?: UnocssNuxtOptions;
+    }
+}
+
+export { UnocssNuxtOptions, _default as default };

package/dist/index.mjs

@@ -2,29 +2,58 @@
 import { dirname, resolve } from "path";
 import { fileURLToPath } from "url";
 import { defineNuxtModule, extendViteConfig, extendWebpackConfig, addPluginTemplate, addComponentsDir } from "@nuxt/kit";
-import Unocss from "unocss/vite";
+import presetUno from "@unocss/preset-uno";
+import presetAttributify from "@unocss/preset-attributify";
+import presetIcons from "@unocss/preset-icons";
+import WebpackPlugin from "@unocss/webpack";
+import VitePlugin from "@unocss/vite";
 var dir = dirname(fileURLToPath(import.meta.url));
 var src_default = defineNuxtModule({
   name: "unocss",
-  defaults: {},
+  defaults: {
+    autoImport: true,
+    components: true,
+    uno: true
+  },
   configKey: "unocss",
-  setup(options, nuxt) {
-    nuxt.options.alias["/_nuxt/@unocss-entry.css"] = "/@unocss-entry.css";
-    addPluginTemplate({
-      filename: "unocss.mjs",
-      src: "",
-      getContents: () => "import 'uno.css';export default () => {};"
-    });
-    addComponentsDir({
-      path: resolve(dir, "../runtime"),
-      watch: false
-    });
+  setup(options) {
+    if (options.presets == null) {
+      options.presets = [];
+      if (options.uno)
+        options.presets.push(presetUno());
+      if (options.attributify)
+        options.presets.push(presetAttributify(typeof options.attributify == "boolean" ? {} : options.attributify));
+      if (options.icons)
+        options.presets.push(presetIcons(typeof options.icons == "boolean" ? {} : options.icons));
+    }
+    if (options.autoImport) {
+      addPluginTemplate({
+        filename: "unocss.mjs",
+        src: "",
+        getContents: () => {
+          const lines = [
+            "import 'uno.css'",
+            "export default () => {};"
+          ];
+          if (options.preflight)
+            lines.unshift("import '@unocss/reset/tailwind.css'");
+          return lines.join("\n");
+        }
+      });
+    }
+    if (options.components) {
+      addComponentsDir({
+        path: resolve(dir, "../runtime"),
+        watch: false
+      });
+    }
     extendViteConfig((config) => {
       config.plugins = config.plugins || [];
-      config.plugins.unshift(...Unocss(options));
+      config.plugins.unshift(...VitePlugin(options));
     });
-    extendWebpackConfig(() => {
-      throw new Error("UnoCSS does not support Webpack at this moment");
+    extendWebpackConfig((config) => {
+      config.plugins = config.plugins || [];
+      config.plugins.unshift(WebpackPlugin(options));
     });
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/nuxt",
-  "version": "0.8.1",
+  "version": "0.9.3",
   "description": "Nuxt module for UnoCSS",
   "keywords": [
     "unocss",
@@ -36,7 +36,13 @@
     "runtime"
   ],
   "dependencies": {
-    "unocss": "0.8.1",
+    "@unocss/core": "0.9.3",
+    "@unocss/webpack": "0.9.3",
+    "@unocss/vite": "0.9.3",
+    "@unocss/reset": "0.9.3",
+    "@unocss/preset-uno": "0.9.3",
+    "@unocss/preset-attributify": "0.9.3",
+    "@unocss/preset-icons": "0.9.3",
     "@nuxt/kit": "npm:@nuxt/kit-edge@latest"
   },
   "scripts": {