@unocss/core 0.21.0 → 0.22.1

package/dist/index.cjs

@@ -93,6 +93,32 @@ function mergeDeep(original, patch) {
   }
   return output;
 }
+function clone(val) {
+  let k, out, tmp;
+  if (Array.isArray(val)) {
+    out = Array(k = val.length);
+    while (k--)
+      out[k] = (tmp = val[k]) && typeof tmp === "object" ? clone(tmp) : tmp;
+    return out;
+  }
+  if (Object.prototype.toString.call(val) === "[object Object]") {
+    out = {};
+    for (k in val) {
+      if (k === "__proto__") {
+        Object.defineProperty(out, k, {
+          value: clone(val[k]),
+          configurable: true,
+          enumerable: true,
+          writable: true
+        });
+      } else {
+        out[k] = (tmp = val[k]) && typeof tmp === "object" ? clone(tmp) : tmp;
+      }
+    }
+    return out;
+  }
+  return val;
+}
 function isStaticRule(rule) {
   return typeof rule[0] === "string";
 }
@@ -135,6 +161,7 @@ function hex2rgba(hex = "") {
 
 const attributifyRE = /^\[(.+?)~?="(.*)"\]$/;
 const validateFilterRE = /(?!\d|-{2}|-\d)[a-zA-Z0-9\u00A0-\uFFFF-_:%-?]/;
+const CONTROL_SHORTCUT_NO_MERGE = "$$shortcut-no-merge";
 function isAttributifySelector(selector) {
   return selector.match(attributifyRE);
 }
@@ -332,10 +359,11 @@ function resolveConfig(userConfig = {}, defaults = {}) {
       delete rules[i];
     }
   });
-  const theme = [
+  const theme = clone([
     ...sortedPresets.map((p) => p.theme || {}),
     config.theme || {}
-  ].reduce((a, p) => mergeDeep(a, p), {});
+  ].reduce((a, p) => mergeDeep(a, p), {}));
+  mergePresets("extendTheme").forEach((extendTheme) => extendTheme(theme));
   return {
     mergeSelectors: true,
     warn: true,
@@ -360,7 +388,7 @@ function resolveConfig(userConfig = {}, defaults = {}) {
   };
 }
 
-const version = "0.21.0";
+const version = "0.22.1";
 
 class UnoGenerator {
   constructor(userConfig = {}, defaults = {}) {
@@ -472,33 +500,38 @@ class UnoGenerator {
     }
     const layerCache = {};
     const layers = this.config.sortLayers(Array.from(layerSet).sort((a, b) => (this.config.layers[a] ?? 0) - (this.config.layers[b] ?? 0) || a.localeCompare(b)));
+    let preflightsMap = {};
+    if (preflights) {
+      preflightsMap = Object.fromEntries(await Promise.all(layers.map(async (layer) => {
+        const preflights2 = await Promise.all(this.config.preflights.filter((i) => (i.layer || "default") === layer).map(async (i) => await i.getCSS()));
+        const css = preflights2.filter(Boolean).join(nl);
+        return [layer, css];
+      })));
+    }
     const getLayer = (layer) => {
       if (layerCache[layer])
         return layerCache[layer];
       let css = Array.from(sheet).sort((a, b) => (this.parentOrders.get(a[0]) ?? 0) - (this.parentOrders.get(b[0]) ?? 0) || a[0]?.localeCompare(b[0] || "") || 0).map(([parent, items]) => {
         const size = items.length;
-        const sorted = items.filter((i) => (i[4]?.layer || "default") === layer).sort((a, b) => a[0] - b[0] || a[1]?.localeCompare(b[1] || "") || 0).map((a) => [a[1] ? applyScope(a[1], scope) : a[1], a[2]]);
+        const sorted = items.filter((i) => (i[4]?.layer || "default") === layer).sort((a, b) => a[0] - b[0] || a[1]?.localeCompare(b[1] || "") || 0).map((a) => [a[1] ? applyScope(a[1], scope) : a[1], a[2], !!a[4]?.noMerge]).map((a) => [a[0] == null ? a[0] : [a[0]], a[1], a[2]]);
         if (!sorted.length)
           return void 0;
-        const rules = sorted.reverse().map(([selector, body], idx) => {
+        const rules = sorted.reverse().map(([selector, body, noMerge], idx) => {
           if (selector && this.config.mergeSelectors) {
             for (let i = idx + 1; i < size; i++) {
               const current = sorted[i];
-              if (current && current[0] && current[1] === body) {
-                current[0] = `${current[0]},${nl}${selector}`;
+              if (!noMerge && current && current[0] && current[1] === body) {
+                current[0].push(...selector);
                 return null;
               }
             }
           }
-          return selector ? `${selector}{${body}}` : body;
+          return selector ? `${[...new Set(selector)].join(`,${nl}`)}{${body}}` : body;
         }).filter(Boolean).reverse().join(nl);
         return parent ? `${parent}{${nl}${rules}${nl}}` : rules;
       }).filter(Boolean).join(nl);
       if (preflights) {
-        css = [
-          ...this.config.preflights.filter((i) => (i.layer || "default") === layer).map((i) => i.getCSS()).filter(Boolean),
-          css
-        ].join(nl);
+        css = [preflightsMap[layer], css].filter(Boolean).join(nl);
       }
       return layerCache[layer] = !minify && css ? `/* layer: ${layer} */${nl}${css}` : css;
     };
@@ -657,16 +690,18 @@ class UnoGenerator {
         continue;
       const { selector, entries, parent: parent2 } = this.applyVariants(item, [...item[4], ...parentVariants], raw);
       const mapItem = selectorMap.getFallback(selector, parent2, [[], item[0]]);
-      mapItem[0].push(...entries);
-      if (item[0] > mapItem[1])
-        mapItem[1] = item[0];
+      mapItem[0].push(entries);
     }
-    return selectorMap.map(([entries, index], selector, mediaQuery) => {
-      const body = entriesToCss(entries);
-      if (body)
-        return [index, selector, body, mediaQuery, meta];
-      return void 0;
-    }).filter(Boolean);
+    return selectorMap.map(([e2, index], selector, mediaQuery) => {
+      const split = e2.filter((entries) => entries.some((entry) => entry[0] === CONTROL_SHORTCUT_NO_MERGE));
+      const rest = e2.filter((entries) => entries.every((entry) => entry[0] !== CONTROL_SHORTCUT_NO_MERGE));
+      return [...split, rest.flat(1)].map((entries) => {
+        const body = entriesToCss(entries);
+        if (body)
+          return [index, selector, body, mediaQuery, meta];
+        return void 0;
+      });
+    }).flat(1).filter(Boolean);
   }
   isBlocked(raw) {
     return !raw || this.config.blocklist.some((e2) => typeof e2 === "string" ? e2 === raw : e2.test(raw));
@@ -683,18 +718,20 @@ function applyScope(css, scope) {
   else
     return scope ? `${scope} ${css}` : css;
 }
+const attributifyRe = /^\[(.+?)(~?=)"(.*)"\]$/;
 function toEscapedSelector(raw) {
-  if (raw.startsWith("["))
-    return raw.replace(/^\[(.+?)(~?=)"(.*)"\]$/, (_, n, s, i) => `[${e(n)}${s}"${e(i)}"]`);
-  else
-    return `.${e(raw)}`;
+  if (raw.startsWith("[") && attributifyRe.test(raw))
+    return raw.replace(attributifyRe, (_, n, s, i) => `[${e(n)}${s}"${e(i)}"]`);
+  return `.${e(raw)}`;
 }
 
 exports.BetterMap = BetterMap;
+exports.CONTROL_SHORTCUT_NO_MERGE = CONTROL_SHORTCUT_NO_MERGE;
 exports.TwoKeyMap = TwoKeyMap;
 exports.UnoGenerator = UnoGenerator;
 exports.attributifyRE = attributifyRE;
 exports.clearIdenticalEntries = clearIdenticalEntries;
+exports.clone = clone;
 exports.createGenerator = createGenerator;
 exports.createValueHandler = createValueHandler;
 exports.e = e;

package/dist/index.d.ts

@@ -23,6 +23,7 @@ declare function createGenerator(config?: UserConfig, defaults?: UserConfigDefau
 declare const hasScopePlaceholder: (css: string) => RegExpMatchArray | null;
 
 declare type Awaitable<T> = T | Promise<T>;
+declare type Arrayable<T> = T | T[];
 declare type ArgumentType<T> = T extends ((...args: infer A) => any) ? A : never;
 declare type Shift<T> = T extends [_: any, ...args: infer A] ? A : never;
 declare type RestArgs<T> = Shift<ArgumentType<T>>;
@@ -37,7 +38,7 @@ declare type RequiredByKey<T, K extends keyof T = keyof T> = FlatObjectTuple<Req
 declare type CSSObject = Record<string, string | number | undefined>;
 declare type CSSEntries = [string, string | number | undefined][];
 declare type RGBAColorValue = [number, number, number, number] | [number, number, number];
-declare type ParsedColorValue = {
+interface ParsedColorValue {
     /**
      * Parsed color value.
      */
@@ -62,7 +63,7 @@ declare type ParsedColorValue = {
      * Parsed rgba's alpha value.
      */
     alpha?: number | string;
-};
+}
 declare type PresetOptions = Record<string, any>;
 interface RuleContext<Theme extends {} = {}> {
     /**
@@ -122,6 +123,11 @@ interface RuleMeta {
      * @default 'default'
      */
     layer?: string;
+    /**
+     * Option to not merge this selector even if the body are the same.
+     * @default false
+     */
+    noMerge?: boolean;
     /**
      * Internal rules will only be matched for shortcuts but not the user code.
      * @default false
@@ -141,7 +147,7 @@ declare type UserShortcuts<Theme extends {} = {}> = StaticShortcutMap | (StaticS
 declare type Shortcut<Theme extends {} = {}> = StaticShortcut | DynamicShortcut<Theme>;
 declare type FilterPattern = ReadonlyArray<string | RegExp> | string | RegExp | null;
 interface Preflight {
-    getCSS: () => string | undefined;
+    getCSS: () => Promise<string | undefined> | string | undefined;
     layer?: string;
 }
 declare type BlocklistRule = string | RegExp;
@@ -168,7 +174,7 @@ interface VariantHandler {
     order?: number;
 }
 declare type VariantFunction<Theme extends {} = {}> = (matcher: string, context: Readonly<VariantContext<Theme>>) => string | VariantHandler | undefined;
-declare type VariantObject<Theme extends {} = {}> = {
+interface VariantObject<Theme extends {} = {}> {
     /**
      * The entry function to match and rewrite the selector for futher processing.
      */
@@ -179,10 +185,11 @@ declare type VariantObject<Theme extends {} = {}> = {
      * @default false
      */
     multiPass?: boolean;
-};
+}
 declare type Variant<Theme extends {} = {}> = VariantFunction<Theme> | VariantObject<Theme>;
 declare type Preprocessor = (matcher: string) => string | undefined;
 declare type Postprocessor = (util: UtilObject) => void;
+declare type ThemeExtender<T> = (theme: T) => void;
 interface ConfigBase<Theme extends {} = {}> {
     /**
      * Rules to generate CSS utilities
@@ -231,11 +238,15 @@ interface ConfigBase<Theme extends {} = {}> {
     /**
      * Preprocess the incoming utilities, return falsy value to exclude
      */
-    preprocess?: Preprocessor | Preprocessor[];
+    preprocess?: Arrayable<Preprocessor>;
     /**
      * Process the generate utils object
      */
-    postprocess?: Postprocessor | Postprocessor[];
+    postprocess?: Arrayable<Postprocessor>;
+    /**
+     * Custom functions to extend the theme object
+     */
+    extendTheme?: Arrayable<ThemeExtender<Theme>>;
 }
 interface Preset<Theme extends {} = {}> extends ConfigBase<Theme> {
     name: string;
@@ -392,6 +403,7 @@ declare function clearIdenticalEntries(entry: CSSEntries): CSSEntries;
 declare function entriesToCss(arr?: CSSEntries): string;
 declare function isObject(item: any): item is Record<string, any>;
 declare function mergeDeep<T>(original: T, patch: DeepPartial<T>): T;
+declare function clone<T>(val: T): T;
 declare function isStaticRule(rule: Rule): rule is StaticRule;
 declare function isStaticShortcut(sc: Shortcut): sc is StaticShortcut;
 
@@ -403,6 +415,7 @@ declare function hex2rgba(hex?: string): RGBAColorValue | undefined;
 
 declare const attributifyRE: RegExp;
 declare const validateFilterRE: RegExp;
+declare const CONTROL_SHORTCUT_NO_MERGE = "$$shortcut-no-merge";
 declare function isAttributifySelector(selector: string): RegExpMatchArray | null;
 declare function isValidSelector(selector?: string): selector is string;
 declare function normalizeVariant(variant: Variant): VariantObject;
@@ -445,4 +458,4 @@ declare const extractorSplit: Extractor;
 
 declare const extractorSvelte: Extractor;
 
-export { ArgumentType, Awaitable, BetterMap, BlocklistRule, CSSEntries, CSSObject, CSSValues, ConfigBase, DeepPartial, DynamicMatcher, DynamicRule, DynamicShortcut, DynamicShortcutMatcher, Extractor, ExtractorContext, FilterPattern, FlatObjectTuple, GenerateOptions, GenerateResult, GeneratorOptions, ParsedColorValue, ParsedUtil, PartialByKeys, PluginOptions, Postprocessor, Preflight, Preprocessor, Preset, PresetOptions, RGBAColorValue, RawUtil, RequiredByKey, ResolvedConfig, RestArgs, Rule, RuleContext, RuleMeta, Shift, Shortcut, StaticRule, StaticShortcut, StaticShortcutMap, StringifiedUtil, TwoKeyMap, UnoGenerator, UserConfig, UserConfigDefaults, UserOnlyOptions, UserShortcuts, UtilObject, ValueHandler, ValueHandlerCallback, Variant, VariantContext, VariantFunction, VariantHandler, VariantMatchedResult, VariantObject, attributifyRE, clearIdenticalEntries, createGenerator, createValueHandler, e, entriesToCss, escapeRegExp, escapeSelector, expandVariantGroup, extractorSplit, extractorSvelte, hasScopePlaceholder, hex2rgba, isAttributifySelector, isObject, isRawUtil, isStaticRule, isStaticShortcut, isValidSelector, mergeDeep, mergeSet, normalizeCSSEntries, normalizeCSSValues, normalizeVariant, notNull, regexClassGroup, toArray, uniq, validateFilterRE, warnOnce, withLayer };
+export { ArgumentType, Arrayable, Awaitable, BetterMap, BlocklistRule, CONTROL_SHORTCUT_NO_MERGE, CSSEntries, CSSObject, CSSValues, ConfigBase, DeepPartial, DynamicMatcher, DynamicRule, DynamicShortcut, DynamicShortcutMatcher, Extractor, ExtractorContext, FilterPattern, FlatObjectTuple, GenerateOptions, GenerateResult, GeneratorOptions, ParsedColorValue, ParsedUtil, PartialByKeys, PluginOptions, Postprocessor, Preflight, Preprocessor, Preset, PresetOptions, RGBAColorValue, RawUtil, RequiredByKey, ResolvedConfig, RestArgs, Rule, RuleContext, RuleMeta, Shift, Shortcut, StaticRule, StaticShortcut, StaticShortcutMap, StringifiedUtil, ThemeExtender, TwoKeyMap, UnoGenerator, UserConfig, UserConfigDefaults, UserOnlyOptions, UserShortcuts, UtilObject, ValueHandler, ValueHandlerCallback, Variant, VariantContext, VariantFunction, VariantHandler, VariantMatchedResult, VariantObject, attributifyRE, clearIdenticalEntries, clone, createGenerator, createValueHandler, e, entriesToCss, escapeRegExp, escapeSelector, expandVariantGroup, extractorSplit, extractorSvelte, hasScopePlaceholder, hex2rgba, isAttributifySelector, isObject, isRawUtil, isStaticRule, isStaticShortcut, isValidSelector, mergeDeep, mergeSet, normalizeCSSEntries, normalizeCSSValues, normalizeVariant, notNull, regexClassGroup, toArray, uniq, validateFilterRE, warnOnce, withLayer };

package/dist/index.mjs

@@ -89,6 +89,32 @@ function mergeDeep(original, patch) {
   }
   return output;
 }
+function clone(val) {
+  let k, out, tmp;
+  if (Array.isArray(val)) {
+    out = Array(k = val.length);
+    while (k--)
+      out[k] = (tmp = val[k]) && typeof tmp === "object" ? clone(tmp) : tmp;
+    return out;
+  }
+  if (Object.prototype.toString.call(val) === "[object Object]") {
+    out = {};
+    for (k in val) {
+      if (k === "__proto__") {
+        Object.defineProperty(out, k, {
+          value: clone(val[k]),
+          configurable: true,
+          enumerable: true,
+          writable: true
+        });
+      } else {
+        out[k] = (tmp = val[k]) && typeof tmp === "object" ? clone(tmp) : tmp;
+      }
+    }
+    return out;
+  }
+  return val;
+}
 function isStaticRule(rule) {
   return typeof rule[0] === "string";
 }
@@ -131,6 +157,7 @@ function hex2rgba(hex = "") {
 
 const attributifyRE = /^\[(.+?)~?="(.*)"\]$/;
 const validateFilterRE = /(?!\d|-{2}|-\d)[a-zA-Z0-9\u00A0-\uFFFF-_:%-?]/;
+const CONTROL_SHORTCUT_NO_MERGE = "$$shortcut-no-merge";
 function isAttributifySelector(selector) {
   return selector.match(attributifyRE);
 }
@@ -328,10 +355,11 @@ function resolveConfig(userConfig = {}, defaults = {}) {
       delete rules[i];
     }
   });
-  const theme = [
+  const theme = clone([
     ...sortedPresets.map((p) => p.theme || {}),
     config.theme || {}
-  ].reduce((a, p) => mergeDeep(a, p), {});
+  ].reduce((a, p) => mergeDeep(a, p), {}));
+  mergePresets("extendTheme").forEach((extendTheme) => extendTheme(theme));
   return {
     mergeSelectors: true,
     warn: true,
@@ -356,7 +384,7 @@ function resolveConfig(userConfig = {}, defaults = {}) {
   };
 }
 
-const version = "0.21.0";
+const version = "0.22.1";
 
 class UnoGenerator {
   constructor(userConfig = {}, defaults = {}) {
@@ -468,33 +496,38 @@ class UnoGenerator {
     }
     const layerCache = {};
     const layers = this.config.sortLayers(Array.from(layerSet).sort((a, b) => (this.config.layers[a] ?? 0) - (this.config.layers[b] ?? 0) || a.localeCompare(b)));
+    let preflightsMap = {};
+    if (preflights) {
+      preflightsMap = Object.fromEntries(await Promise.all(layers.map(async (layer) => {
+        const preflights2 = await Promise.all(this.config.preflights.filter((i) => (i.layer || "default") === layer).map(async (i) => await i.getCSS()));
+        const css = preflights2.filter(Boolean).join(nl);
+        return [layer, css];
+      })));
+    }
     const getLayer = (layer) => {
       if (layerCache[layer])
         return layerCache[layer];
       let css = Array.from(sheet).sort((a, b) => (this.parentOrders.get(a[0]) ?? 0) - (this.parentOrders.get(b[0]) ?? 0) || a[0]?.localeCompare(b[0] || "") || 0).map(([parent, items]) => {
         const size = items.length;
-        const sorted = items.filter((i) => (i[4]?.layer || "default") === layer).sort((a, b) => a[0] - b[0] || a[1]?.localeCompare(b[1] || "") || 0).map((a) => [a[1] ? applyScope(a[1], scope) : a[1], a[2]]);
+        const sorted = items.filter((i) => (i[4]?.layer || "default") === layer).sort((a, b) => a[0] - b[0] || a[1]?.localeCompare(b[1] || "") || 0).map((a) => [a[1] ? applyScope(a[1], scope) : a[1], a[2], !!a[4]?.noMerge]).map((a) => [a[0] == null ? a[0] : [a[0]], a[1], a[2]]);
         if (!sorted.length)
           return void 0;
-        const rules = sorted.reverse().map(([selector, body], idx) => {
+        const rules = sorted.reverse().map(([selector, body, noMerge], idx) => {
           if (selector && this.config.mergeSelectors) {
             for (let i = idx + 1; i < size; i++) {
               const current = sorted[i];
-              if (current && current[0] && current[1] === body) {
-                current[0] = `${current[0]},${nl}${selector}`;
+              if (!noMerge && current && current[0] && current[1] === body) {
+                current[0].push(...selector);
                 return null;
               }
             }
           }
-          return selector ? `${selector}{${body}}` : body;
+          return selector ? `${[...new Set(selector)].join(`,${nl}`)}{${body}}` : body;
         }).filter(Boolean).reverse().join(nl);
         return parent ? `${parent}{${nl}${rules}${nl}}` : rules;
       }).filter(Boolean).join(nl);
       if (preflights) {
-        css = [
-          ...this.config.preflights.filter((i) => (i.layer || "default") === layer).map((i) => i.getCSS()).filter(Boolean),
-          css
-        ].join(nl);
+        css = [preflightsMap[layer], css].filter(Boolean).join(nl);
       }
       return layerCache[layer] = !minify && css ? `/* layer: ${layer} */${nl}${css}` : css;
     };
@@ -653,16 +686,18 @@ class UnoGenerator {
         continue;
       const { selector, entries, parent: parent2 } = this.applyVariants(item, [...item[4], ...parentVariants], raw);
       const mapItem = selectorMap.getFallback(selector, parent2, [[], item[0]]);
-      mapItem[0].push(...entries);
-      if (item[0] > mapItem[1])
-        mapItem[1] = item[0];
+      mapItem[0].push(entries);
     }
-    return selectorMap.map(([entries, index], selector, mediaQuery) => {
-      const body = entriesToCss(entries);
-      if (body)
-        return [index, selector, body, mediaQuery, meta];
-      return void 0;
-    }).filter(Boolean);
+    return selectorMap.map(([e2, index], selector, mediaQuery) => {
+      const split = e2.filter((entries) => entries.some((entry) => entry[0] === CONTROL_SHORTCUT_NO_MERGE));
+      const rest = e2.filter((entries) => entries.every((entry) => entry[0] !== CONTROL_SHORTCUT_NO_MERGE));
+      return [...split, rest.flat(1)].map((entries) => {
+        const body = entriesToCss(entries);
+        if (body)
+          return [index, selector, body, mediaQuery, meta];
+        return void 0;
+      });
+    }).flat(1).filter(Boolean);
   }
   isBlocked(raw) {
     return !raw || this.config.blocklist.some((e2) => typeof e2 === "string" ? e2 === raw : e2.test(raw));
@@ -679,11 +714,11 @@ function applyScope(css, scope) {
   else
     return scope ? `${scope} ${css}` : css;
 }
+const attributifyRe = /^\[(.+?)(~?=)"(.*)"\]$/;
 function toEscapedSelector(raw) {
-  if (raw.startsWith("["))
-    return raw.replace(/^\[(.+?)(~?=)"(.*)"\]$/, (_, n, s, i) => `[${e(n)}${s}"${e(i)}"]`);
-  else
-    return `.${e(raw)}`;
+  if (raw.startsWith("[") && attributifyRe.test(raw))
+    return raw.replace(attributifyRe, (_, n, s, i) => `[${e(n)}${s}"${e(i)}"]`);
+  return `.${e(raw)}`;
 }
 
-export { BetterMap, TwoKeyMap, UnoGenerator, attributifyRE, clearIdenticalEntries, createGenerator, createValueHandler, e, entriesToCss, escapeRegExp, escapeSelector, expandVariantGroup, extractorSplit, extractorSvelte, hasScopePlaceholder, hex2rgba, isAttributifySelector, isObject, isRawUtil, isStaticRule, isStaticShortcut, isValidSelector, mergeDeep, mergeSet, normalizeCSSEntries, normalizeCSSValues, normalizeVariant, notNull, regexClassGroup, toArray, uniq, validateFilterRE, warnOnce, withLayer };
+export { BetterMap, CONTROL_SHORTCUT_NO_MERGE, TwoKeyMap, UnoGenerator, attributifyRE, clearIdenticalEntries, clone, createGenerator, createValueHandler, e, entriesToCss, escapeRegExp, escapeSelector, expandVariantGroup, extractorSplit, extractorSvelte, hasScopePlaceholder, hex2rgba, isAttributifySelector, isObject, isRawUtil, isStaticRule, isStaticShortcut, isValidSelector, mergeDeep, mergeSet, normalizeCSSEntries, normalizeCSSValues, normalizeVariant, notNull, regexClassGroup, toArray, uniq, validateFilterRE, warnOnce, withLayer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/core",
-  "version": "0.21.0",
+  "version": "0.22.1",
   "description": "The instant on-demand Atomic CSS engine.",
   "keywords": [
     "unocss",