@unocss/nuxt 0.8.0 → 0.9.2

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

package/dist/index.d.ts

@@ -1,5 +1,47 @@
 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 automatically
+     *
+     * @default true
+     */
+    autoImport?: 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 NuxtOptions {
+        unocss?: UnocssNuxtOptions;
+    }
+}
+
+export { UnocssNuxtOptions, _default as default };

package/dist/index.mjs

@@ -1,23 +1,51 @@
 // src/index.ts
-import { defineNuxtModule, extendViteConfig, extendWebpackConfig, addPluginTemplate } from "@nuxt/kit";
-import Unocss from "unocss/vite";
+import { dirname, resolve } from "path";
+import { fileURLToPath } from "url";
+import { defineNuxtModule, extendViteConfig, extendWebpackConfig, addPluginTemplate, addComponentsDir } from "@nuxt/kit";
+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 () => {};"
-    });
+  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: () => "import 'uno.css';export default () => {};"
+      });
+    }
+    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/index.cjs

@@ -0,0 +1,6 @@
+// CommonJS proxy to bypass jiti transforms from nuxt 2 and using native ESM
+module.exports = function(...args) {
+  return import('./dist/index.mjs').then(m => m.default.call(this, ...args))
+}
+
+module.exports.meta = require('./package.json')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/nuxt",
-  "version": "0.8.0",
+  "version": "0.9.2",
   "description": "Nuxt module for UnoCSS",
   "keywords": [
     "unocss",
@@ -23,18 +23,25 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "require": "./dist/index.js",
+      "require": "./index.cjs",
       "import": "./dist/index.mjs"
     }
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "./index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "index.cjs",
+    "runtime"
   ],
   "dependencies": {
-    "unocss": "0.8.0",
+    "@unocss/core": "0.9.2",
+    "@unocss/webpack": "0.9.2",
+    "@unocss/vite": "0.9.2",
+    "@unocss/preset-uno": "0.9.2",
+    "@unocss/preset-attributify": "0.9.2",
+    "@unocss/preset-icons": "0.9.2",
     "@nuxt/kit": "npm:@nuxt/kit-edge@latest"
   },
   "scripts": {

package/runtime/UnoIcon.vue

@@ -0,0 +1,3 @@
+<template>
+  <div />
+</template>

package/dist/index.js

@@ -1,52 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-
-// src/index.ts
-__export(exports, {
-  default: () => src_default
-});
-var import_kit = __toModule(require("@nuxt/kit"));
-var import_vite = __toModule(require("unocss/vite"));
-var src_default = (0, import_kit.defineNuxtModule)({
-  name: "unocss",
-  defaults: {},
-  configKey: "unocss",
-  setup(options, nuxt) {
-    nuxt.options.alias["/_nuxt/@unocss-entry.css"] = "/@unocss-entry.css";
-    (0, import_kit.addPluginTemplate)({
-      filename: "unocss.mjs",
-      src: "",
-      getContents: () => "import 'uno.css';export default () => {};"
-    });
-    (0, import_kit.extendViteConfig)((config) => {
-      config.plugins = config.plugins || [];
-      config.plugins.unshift(...(0, import_vite.default)(options));
-    });
-    (0, import_kit.extendWebpackConfig)(() => {
-      throw new Error("UnoCSS does not support Webpack at this moment");
-    });
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});