@unocss/vite 0.38.1 → 0.39.1

package/dist/index.cjs

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const UnocssInspector = require('@unocss/inspector');
+const path = require('path');
 const crypto = require('crypto');
 const core = require('@unocss/core');
 const pluginutils = require('@rollup/pluginutils');
 const MagicString = require('magic-string');
 const fs = require('fs');
-const path = require('path');
 const url = require('url');
 const config = require('@unocss/config');
 
@@ -29,17 +29,16 @@ function resolveId(id) {
   for (const alias of VIRTUAL_ENTRY_ALIAS) {
     const match = id.match(alias);
     if (match) {
-      return match[1] ? {
-        id: `/__uno_${match[1]}.css`,
-        layer: match[1]
-      } : {
-        id: "/__uno.css",
-        layer: LAYER_MARK_ALL
-      };
+      return match[1] ? `/__uno_${match[1]}.css` : "/__uno.css";
     }
   }
 }
-const RESOLVED_ID_RE = /\/__uno(_.*?)?\.css$/;
+const RESOLVED_ID_RE = /\/__uno(?:(_.*?))?\.css$/;
+function resolveLayer(id) {
+  const match = id.match(RESOLVED_ID_RE);
+  if (match)
+    return match[1] || LAYER_MARK_ALL;
+}
 const LAYER_PLACEHOLDER_RE = /(\\?")?#--unocss--\s*{\s*layer\s*:\s*(.+?);?\s*}/g;
 function getLayerPlaceholder(layer) {
   return `#--unocss--{layer:${layer}}`;
@@ -60,6 +59,7 @@ function createContext(configOrPath, defaults = {}, extraConfigSources = [], res
   const uno = core.createGenerator(rawConfig, defaults);
   let rollupFilter = pluginutils.createFilter(defaultInclude, defaultExclude);
   const invalidations = [];
+  const reloadListeners = [];
   const modules = new core.BetterMap();
   const tokens = /* @__PURE__ */ new Set();
   let ready = reloadConfig();
@@ -73,6 +73,7 @@ function createContext(configOrPath, defaults = {}, extraConfigSources = [], res
     tokens.clear();
     await Promise.all(modules.map((code, id) => uno.applyExtractors(code, id, tokens)));
     invalidate();
+    dispatchReload();
     const presets = /* @__PURE__ */ new Set();
     uno.config.presets.forEach((i) => {
       if (!i.name)
@@ -94,6 +95,9 @@ function createContext(configOrPath, defaults = {}, extraConfigSources = [], res
   function invalidate() {
     invalidations.forEach((cb) => cb());
   }
+  function dispatchReload() {
+    reloadListeners.forEach((cb) => cb());
+  }
   async function extract(code, id) {
     if (id)
       modules.set(id, code);
@@ -123,6 +127,9 @@ function createContext(configOrPath, defaults = {}, extraConfigSources = [], res
     },
     filter,
     reloadConfig,
+    onReload(fn) {
+      reloadListeners.push(fn);
+    },
     uno,
     extract,
     getConfig,
@@ -202,13 +209,13 @@ function ChunkModeBuildPlugin({ uno, filter }) {
   };
 }
 
-function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, getConfig }) {
-  const vfsLayerMap = /* @__PURE__ */ new Map();
+function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig }) {
+  const vfsLayers = /* @__PURE__ */ new Set();
   const layerImporterMap = /* @__PURE__ */ new Map();
   let tasks = [];
   const cssPostPlugins = /* @__PURE__ */ new Map();
   const cssPlugins = /* @__PURE__ */ new Map();
-  async function transformCSS(css, id, dir) {
+  async function applyCssTransform(css, id, dir) {
     const {
       postcss = true
     } = await getConfig();
@@ -224,6 +231,16 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
     css = css.replace(/[\n\r]/g, "");
     return css;
   }
+  let lastTokenSize = 0;
+  let lastResult;
+  async function generateAll() {
+    await Promise.all(tasks);
+    if (lastResult && lastTokenSize === tokens.size)
+      return lastResult;
+    lastResult = await uno.generate(tokens, { minify: true });
+    lastTokenSize = tokens.size;
+    return lastResult;
+  }
   return [
     {
       name: "unocss:global:build:scan",
@@ -231,6 +248,8 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
       enforce: "pre",
       buildStart() {
         tasks = [];
+        lastTokenSize = 0;
+        lastResult = void 0;
       },
       transform(code, id) {
         if (filter(code, id))
@@ -246,14 +265,17 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
       resolveId(id, importer) {
         const entry = resolveId(id);
         if (entry) {
-          vfsLayerMap.set(entry.id, entry.layer);
-          if (importer)
-            layerImporterMap.set(importer, entry.id);
-          return entry.id;
+          const layer = resolveLayer(entry);
+          if (layer) {
+            vfsLayers.add(layer);
+            if (importer)
+              layerImporterMap.set(importer, entry);
+          }
+          return entry;
         }
       },
       load(id) {
-        const layer = vfsLayerMap.get(getPath(id));
+        const layer = resolveLayer(getPath(id));
         if (layer)
           return getLayerPlaceholder(layer);
       },
@@ -263,31 +285,28 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
         const layerKey = layerImporterMap.get(id);
         if (!importedIds.includes(layerKey)) {
           layerImporterMap.delete(id);
-          vfsLayerMap.delete(layerKey);
+          vfsLayers.delete(resolveLayer(layerKey));
         }
       },
       async configResolved(config) {
-        cssPostPlugins.set(config.build.outDir, config.plugins.find((i) => i.name === "vite:css-post"));
-        cssPlugins.set(config.build.outDir, config.plugins.find((i) => i.name === "vite:css"));
+        const distDir = path.resolve(config.root, config.build.outDir);
+        cssPostPlugins.set(distDir, config.plugins.find((i) => i.name === "vite:css-post"));
+        cssPlugins.set(distDir, config.plugins.find((i) => i.name === "vite:css"));
         await ready;
       },
       async renderChunk(_, chunk, options) {
-        if (!cssPostPlugins.get(options.dir))
+        if (!Object.keys(chunk.modules).some((i) => i.match(RESOLVED_ID_RE)))
           return null;
-        const chunks = Object.keys(chunk.modules).filter((i) => modules.has(i));
-        if (!chunks.length)
+        const cssPost = cssPostPlugins.get(options.dir);
+        if (!cssPost) {
+          this.warn("[unocss] failed to find vite:css-post plugin. It might be an internal bug of UnoCSS");
           return null;
+        }
+        let { css } = await generateAll();
         const fakeCssId = `${chunk.fileName}-unocss-hash.css`;
-        const tokens2 = /* @__PURE__ */ new Set();
-        await Promise.all(chunks.map((c) => uno.applyExtractors(modules.get(c) || "", c, tokens2)));
-        let { css } = await uno.generate(tokens2, { minify: true });
-        if (!css)
-          return null;
-        if (!Object.keys(chunk.modules).some((i) => i.match(RESOLVED_ID_RE)))
-          return null;
-        css = await transformCSS(css, fakeCssId, options.dir);
+        css = await applyCssTransform(css, fakeCssId, options.dir);
         const hash = getHash(css);
-        await cssPostPlugins.get(options.dir).transform(getHashPlaceholder(hash), fakeCssId);
+        await cssPost.transform.call({}, getHashPlaceholder(hash), fakeCssId);
         chunk.modules[fakeCssId] = {
           code: null,
           originalLength: 0,
@@ -309,13 +328,12 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
         const cssFiles = files.filter((i) => i.endsWith(".css"));
         if (!cssFiles.length)
           return;
-        if (!vfsLayerMap.size) {
+        if (!vfsLayers.size) {
           const msg = "[unocss] entry module not found, have you add `import 'uno.css'` in your main entry?";
           this.warn(msg);
           return;
         }
-        await Promise.all(tasks);
-        const result = await uno.generate(tokens, { minify: true });
+        const result = await generateAll();
         let replaced = false;
         for (const file of cssFiles) {
           const chunk = bundle[file];
@@ -323,7 +341,7 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
             const css = chunk.source.replace(HASH_PLACEHOLDER_RE, "");
             chunk.source = await replaceAsync(css, LAYER_PLACEHOLDER_RE, async (_, __, layer) => {
               replaced = true;
-              return await transformCSS(layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(vfsLayerMap.values())) : result.getLayer(layer) || "", `${chunk.fileName}.css`, options.dir);
+              return await applyCssTransform(layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(vfsLayers)) : result.getLayer(layer) || "", `${chunk.fileName}.css`, options.dir);
             });
           }
         }
@@ -340,7 +358,7 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   const servers = [];
   let base = "";
   const tasks = [];
-  const entries = /* @__PURE__ */ new Map();
+  const entries = /* @__PURE__ */ new Set();
   let invalidateTimer;
   let lastUpdate = Date.now();
   let lastServed = 0;
@@ -355,7 +373,7 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   }
   function invalidate(timer = 10) {
     for (const server of servers) {
-      for (const id of entries.keys()) {
+      for (const id of entries) {
         const mod = server.moduleGraph.getModuleById(id);
         if (!mod)
           continue;
@@ -370,7 +388,7 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
     for (const server of servers) {
       server.ws.send({
         type: "update",
-        updates: Array.from(entries.keys()).map((i) => ({
+        updates: Array.from(entries).map((i) => ({
           acceptedPath: i,
           path: i,
           timestamp: lastUpdate,
@@ -428,18 +446,18 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
         const entry = resolveId(id);
         if (entry) {
           resolved = true;
-          entries.set(entry.id, entry.layer);
-          return entry.id;
+          entries.add(entry);
+          return entry;
         }
       },
       async load(id) {
-        const layer = entries.get(getPath(id));
+        const layer = resolveLayer(getPath(id));
         if (!layer)
           return null;
         await Promise.all(tasks);
         const result = await uno.generate(tokens);
         lastServed = Date.now();
-        return layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(entries.values())) : result.getLayer(layer);
+        return layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(entries).map((i) => resolveLayer(i)).filter((i) => !!i)) : result.getLayer(layer);
       }
     },
     {
@@ -636,7 +654,10 @@ function ShadowDomModuleModePlugin({ uno }) {
   const transformWebComponent = async (code) => {
     if (!code.match(CSS_PLACEHOLDER))
       return code;
-    let { css, matched } = await uno.generate(code, { preflights: false });
+    let { css, matched } = await uno.generate(code, {
+      preflights: true,
+      safelist: true
+    });
     if (css && matched) {
       const useParts = Array.from(matched).reduce((acc, rule) => {
         const matcher = rule.match(partExtractorRegex);

package/dist/index.d.ts

@@ -41,7 +41,7 @@ declare function ChunkModeBuildPlugin({ uno, filter }: UnocssPluginContext): Plu
 
 declare function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }: UnocssPluginContext): Plugin[];
 
-declare function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, getConfig }: UnocssPluginContext<VitePluginConfig>): Plugin[];
+declare function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig }: UnocssPluginContext<VitePluginConfig>): Plugin[];
 
 declare function GlobalModePlugin(ctx: UnocssPluginContext): vite.Plugin[];
 

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import UnocssInspector from '@unocss/inspector';
+import { resolve, dirname } from 'path';
 import { createHash } from 'crypto';
 import { cssIdRE, createGenerator, BetterMap, toEscapedSelector } from '@unocss/core';
 import { createFilter } from '@rollup/pluginutils';
 import MagicString from 'magic-string';
 import fs from 'fs';
-import { resolve, dirname } from 'path';
 import { fileURLToPath } from 'url';
 import { loadConfig } from '@unocss/config';
 
@@ -19,17 +19,16 @@ function resolveId(id) {
   for (const alias of VIRTUAL_ENTRY_ALIAS) {
     const match = id.match(alias);
     if (match) {
-      return match[1] ? {
-        id: `/__uno_${match[1]}.css`,
-        layer: match[1]
-      } : {
-        id: "/__uno.css",
-        layer: LAYER_MARK_ALL
-      };
+      return match[1] ? `/__uno_${match[1]}.css` : "/__uno.css";
     }
   }
 }
-const RESOLVED_ID_RE = /\/__uno(_.*?)?\.css$/;
+const RESOLVED_ID_RE = /\/__uno(?:(_.*?))?\.css$/;
+function resolveLayer(id) {
+  const match = id.match(RESOLVED_ID_RE);
+  if (match)
+    return match[1] || LAYER_MARK_ALL;
+}
 const LAYER_PLACEHOLDER_RE = /(\\?")?#--unocss--\s*{\s*layer\s*:\s*(.+?);?\s*}/g;
 function getLayerPlaceholder(layer) {
   return `#--unocss--{layer:${layer}}`;
@@ -50,6 +49,7 @@ function createContext(configOrPath, defaults = {}, extraConfigSources = [], res
   const uno = createGenerator(rawConfig, defaults);
   let rollupFilter = createFilter(defaultInclude, defaultExclude);
   const invalidations = [];
+  const reloadListeners = [];
   const modules = new BetterMap();
   const tokens = /* @__PURE__ */ new Set();
   let ready = reloadConfig();
@@ -63,6 +63,7 @@ function createContext(configOrPath, defaults = {}, extraConfigSources = [], res
     tokens.clear();
     await Promise.all(modules.map((code, id) => uno.applyExtractors(code, id, tokens)));
     invalidate();
+    dispatchReload();
     const presets = /* @__PURE__ */ new Set();
     uno.config.presets.forEach((i) => {
       if (!i.name)
@@ -84,6 +85,9 @@ function createContext(configOrPath, defaults = {}, extraConfigSources = [], res
   function invalidate() {
     invalidations.forEach((cb) => cb());
   }
+  function dispatchReload() {
+    reloadListeners.forEach((cb) => cb());
+  }
   async function extract(code, id) {
     if (id)
       modules.set(id, code);
@@ -113,6 +117,9 @@ function createContext(configOrPath, defaults = {}, extraConfigSources = [], res
     },
     filter,
     reloadConfig,
+    onReload(fn) {
+      reloadListeners.push(fn);
+    },
     uno,
     extract,
     getConfig,
@@ -192,13 +199,13 @@ function ChunkModeBuildPlugin({ uno, filter }) {
   };
 }
 
-function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, getConfig }) {
-  const vfsLayerMap = /* @__PURE__ */ new Map();
+function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig }) {
+  const vfsLayers = /* @__PURE__ */ new Set();
   const layerImporterMap = /* @__PURE__ */ new Map();
   let tasks = [];
   const cssPostPlugins = /* @__PURE__ */ new Map();
   const cssPlugins = /* @__PURE__ */ new Map();
-  async function transformCSS(css, id, dir) {
+  async function applyCssTransform(css, id, dir) {
     const {
       postcss = true
     } = await getConfig();
@@ -214,6 +221,16 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
     css = css.replace(/[\n\r]/g, "");
     return css;
   }
+  let lastTokenSize = 0;
+  let lastResult;
+  async function generateAll() {
+    await Promise.all(tasks);
+    if (lastResult && lastTokenSize === tokens.size)
+      return lastResult;
+    lastResult = await uno.generate(tokens, { minify: true });
+    lastTokenSize = tokens.size;
+    return lastResult;
+  }
   return [
     {
       name: "unocss:global:build:scan",
@@ -221,6 +238,8 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
       enforce: "pre",
       buildStart() {
         tasks = [];
+        lastTokenSize = 0;
+        lastResult = void 0;
       },
       transform(code, id) {
         if (filter(code, id))
@@ -236,14 +255,17 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
       resolveId(id, importer) {
         const entry = resolveId(id);
         if (entry) {
-          vfsLayerMap.set(entry.id, entry.layer);
-          if (importer)
-            layerImporterMap.set(importer, entry.id);
-          return entry.id;
+          const layer = resolveLayer(entry);
+          if (layer) {
+            vfsLayers.add(layer);
+            if (importer)
+              layerImporterMap.set(importer, entry);
+          }
+          return entry;
         }
       },
       load(id) {
-        const layer = vfsLayerMap.get(getPath(id));
+        const layer = resolveLayer(getPath(id));
         if (layer)
           return getLayerPlaceholder(layer);
       },
@@ -253,31 +275,28 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
         const layerKey = layerImporterMap.get(id);
         if (!importedIds.includes(layerKey)) {
           layerImporterMap.delete(id);
-          vfsLayerMap.delete(layerKey);
+          vfsLayers.delete(resolveLayer(layerKey));
         }
       },
       async configResolved(config) {
-        cssPostPlugins.set(config.build.outDir, config.plugins.find((i) => i.name === "vite:css-post"));
-        cssPlugins.set(config.build.outDir, config.plugins.find((i) => i.name === "vite:css"));
+        const distDir = resolve(config.root, config.build.outDir);
+        cssPostPlugins.set(distDir, config.plugins.find((i) => i.name === "vite:css-post"));
+        cssPlugins.set(distDir, config.plugins.find((i) => i.name === "vite:css"));
         await ready;
       },
       async renderChunk(_, chunk, options) {
-        if (!cssPostPlugins.get(options.dir))
+        if (!Object.keys(chunk.modules).some((i) => i.match(RESOLVED_ID_RE)))
           return null;
-        const chunks = Object.keys(chunk.modules).filter((i) => modules.has(i));
-        if (!chunks.length)
+        const cssPost = cssPostPlugins.get(options.dir);
+        if (!cssPost) {
+          this.warn("[unocss] failed to find vite:css-post plugin. It might be an internal bug of UnoCSS");
           return null;
+        }
+        let { css } = await generateAll();
         const fakeCssId = `${chunk.fileName}-unocss-hash.css`;
-        const tokens2 = /* @__PURE__ */ new Set();
-        await Promise.all(chunks.map((c) => uno.applyExtractors(modules.get(c) || "", c, tokens2)));
-        let { css } = await uno.generate(tokens2, { minify: true });
-        if (!css)
-          return null;
-        if (!Object.keys(chunk.modules).some((i) => i.match(RESOLVED_ID_RE)))
-          return null;
-        css = await transformCSS(css, fakeCssId, options.dir);
+        css = await applyCssTransform(css, fakeCssId, options.dir);
         const hash = getHash(css);
-        await cssPostPlugins.get(options.dir).transform(getHashPlaceholder(hash), fakeCssId);
+        await cssPost.transform.call({}, getHashPlaceholder(hash), fakeCssId);
         chunk.modules[fakeCssId] = {
           code: null,
           originalLength: 0,
@@ -299,13 +318,12 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
         const cssFiles = files.filter((i) => i.endsWith(".css"));
         if (!cssFiles.length)
           return;
-        if (!vfsLayerMap.size) {
+        if (!vfsLayers.size) {
           const msg = "[unocss] entry module not found, have you add `import 'uno.css'` in your main entry?";
           this.warn(msg);
           return;
         }
-        await Promise.all(tasks);
-        const result = await uno.generate(tokens, { minify: true });
+        const result = await generateAll();
         let replaced = false;
         for (const file of cssFiles) {
           const chunk = bundle[file];
@@ -313,7 +331,7 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter, g
             const css = chunk.source.replace(HASH_PLACEHOLDER_RE, "");
             chunk.source = await replaceAsync(css, LAYER_PLACEHOLDER_RE, async (_, __, layer) => {
               replaced = true;
-              return await transformCSS(layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(vfsLayerMap.values())) : result.getLayer(layer) || "", `${chunk.fileName}.css`, options.dir);
+              return await applyCssTransform(layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(vfsLayers)) : result.getLayer(layer) || "", `${chunk.fileName}.css`, options.dir);
             });
           }
         }
@@ -330,7 +348,7 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   const servers = [];
   let base = "";
   const tasks = [];
-  const entries = /* @__PURE__ */ new Map();
+  const entries = /* @__PURE__ */ new Set();
   let invalidateTimer;
   let lastUpdate = Date.now();
   let lastServed = 0;
@@ -345,7 +363,7 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   }
   function invalidate(timer = 10) {
     for (const server of servers) {
-      for (const id of entries.keys()) {
+      for (const id of entries) {
         const mod = server.moduleGraph.getModuleById(id);
         if (!mod)
           continue;
@@ -360,7 +378,7 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
     for (const server of servers) {
       server.ws.send({
         type: "update",
-        updates: Array.from(entries.keys()).map((i) => ({
+        updates: Array.from(entries).map((i) => ({
           acceptedPath: i,
           path: i,
           timestamp: lastUpdate,
@@ -418,18 +436,18 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
         const entry = resolveId(id);
         if (entry) {
           resolved = true;
-          entries.set(entry.id, entry.layer);
-          return entry.id;
+          entries.add(entry);
+          return entry;
         }
       },
       async load(id) {
-        const layer = entries.get(getPath(id));
+        const layer = resolveLayer(getPath(id));
         if (!layer)
           return null;
         await Promise.all(tasks);
         const result = await uno.generate(tokens);
         lastServed = Date.now();
-        return layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(entries.values())) : result.getLayer(layer);
+        return layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(entries).map((i) => resolveLayer(i)).filter((i) => !!i)) : result.getLayer(layer);
       }
     },
     {
@@ -626,7 +644,10 @@ function ShadowDomModuleModePlugin({ uno }) {
   const transformWebComponent = async (code) => {
     if (!code.match(CSS_PLACEHOLDER))
       return code;
-    let { css, matched } = await uno.generate(code, { preflights: false });
+    let { css, matched } = await uno.generate(code, {
+      preflights: true,
+      safelist: true
+    });
     if (css && matched) {
       const useParts = Array.from(matched).reduce((acc, rule) => {
         const matcher = rule.match(partExtractorRegex);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/vite",
-  "version": "0.38.1",
+  "version": "0.39.1",
   "description": "The Vite plugin for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -43,15 +43,15 @@
   },
   "dependencies": {
     "@rollup/pluginutils": "^4.2.1",
-    "@unocss/config": "0.38.1",
-    "@unocss/core": "0.38.1",
-    "@unocss/inspector": "0.38.1",
-    "@unocss/scope": "0.38.1",
-    "@unocss/transformer-directives": "0.38.1",
+    "@unocss/config": "0.39.1",
+    "@unocss/core": "0.39.1",
+    "@unocss/inspector": "0.39.1",
+    "@unocss/scope": "0.39.1",
+    "@unocss/transformer-directives": "0.39.1",
     "magic-string": "^0.26.2"
   },
   "devDependencies": {
-    "@unocss/shared-integration": "0.38.1",
+    "@unocss/shared-integration": "0.39.1",
     "vite": "^2.9.9"
   },
   "scripts": {