@slidev/cli 0.33.0 → 0.34.1

package/README.md

@@ -27,7 +27,6 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 <tbody>
 <td align="center">
 <img width="2000" height="0"><br>
-Status: <b>Public Beta 🎉</b><br>
 <sub>Made possible by my <a href="https://github.com/sponsors/antfu">Sponsor Program 💖</a></sub><br>
 <img width="2000" height="0">
 </td>
@@ -40,7 +39,7 @@ Status: <b>Public Beta 🎉</b><br>
 - 📝 [**Markdown-based**](https://sli.dev/guide/syntax.html) - use your favorite editors and workflow
 - 🧑‍💻 [**Developer Friendly**](https://sli.dev/guide/syntax.html#code-blocks) - built-in syntax highlighting, live coding, etc.
 - 🎨 [**Themable**](https://sli.dev/themes/gallery.html) - theme can be shared and used with npm packages.
-- 🌈 [**Stylish**](https://sli.dev/guide/syntax.html#embedded-styles) - [Windi CSS](https://windicss.org/) on-demand utilities, easy-to-use embedded stylesheets.
+- 🌈 [**Stylish**](https://sli.dev/guide/syntax.html#embedded-styles) - on-demand utilities via [Windi CSS](https://windicss.org/) or [UnoCSS](https://github.com/unocss/unocss).
 - 🤹 [**Interactive**](https://sli.dev/custom/directory-structure.html#components) - embedding Vue components seamlessly.
 - 🎙 [**Presenter Mode**](https://sli.dev/guide/presenter-mode.html) - use another window, or even your phone to control your slides.
 - 🧮 [**LaTeX**](https://sli.dev/guide/syntax.html#latex) - built-in LaTeX math equations support.
@@ -79,7 +78,7 @@ For a full example, you can check the [demo](https://github.com/slidevjs/slidev/
 
 - [Vite](https://vitejs.dev) - An extremely fast frontend tooling
 - [Vue 3](https://v3.vuejs.org/) powered [Markdown](https://daringfireball.net/projects/markdown/syntax) - Focus on the content while having the power of HTML and Vue components whenever needed
-- [Windi CSS](https://github.com/windicss/windicss) - On-demand utility-first CSS framework, style your slides at ease
+- [Windi CSS](https://github.com/windicss/windicss) / [UnoCSS](https://github.com/unocss/unocss) - On-demand utility-first CSS framework, style your slides at ease
 - [Prism](https://github.com/PrismJS/prism), [Shiki](https://github.com/shikijs/shiki), [Monaco Editor](https://github.com/Microsoft/monaco-editor) - First-class code snippets support with live coding capability
 - [RecordRTC](https://recordrtc.org) - Built-in recording and camera view
 - [VueUse](https://vueuse.org) family -  [`@vueuse/core`](https://github.com/vueuse/vueuse), [`@vueuse/head`](https://github.com/vueuse/head), [`@vueuse/motion`](https://github.com/vueuse/motion), etc.

package/dist/{build-P4Q57V2J.mjs → build-AZXVYLTZ.mjs}

@@ -2,13 +2,12 @@ import {
   ViteSlidevPlugin,
   getIndexHtml,
   mergeViteConfigs
-} from "./chunk-C7GPMAIX.mjs";
+} from "./chunk-BQ63PXSA.mjs";
 import {
   __require,
-  __spreadValues,
   __toESM,
   init_esm_shims
-} from "./chunk-ZWCVPYOA.mjs";
+} from "./chunk-GVA336JI.mjs";
 
 // node/build.ts
 init_esm_shims();
@@ -528,7 +527,7 @@ function is404(req, res) {
 }
 function send(req, res, file, stats, headers) {
   let code = 200, tmp, opts = {};
-  headers = __spreadValues({}, headers);
+  headers = { ...headers };
   for (let key in headers) {
     tmp = res.getHeader(key);
     if (tmp)
@@ -714,7 +713,7 @@ async function build(options, viteConfig = {}) {
     await fs2.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
 `, "utf-8");
   if ([true, "true", "auto"].includes(options.data.config.download)) {
-    const { exportSlides } = await Promise.resolve().then(() => __toESM(__require("./export-5R6FV775.mjs")));
+    const { exportSlides } = await Promise.resolve().then(() => __toESM(__require("./export-5OVMZQWE.mjs")));
     const port = 12445;
     const app = connect();
     const server = http.createServer(app);

package/dist/{build-JMQRM5SA.js → build-ONMHHPBT.js}

@@ -2,16 +2,15 @@
 
 
 
-var _chunkUNBXPUSGjs = require('./chunk-UNBXPUSG.js');
+var _chunkFD6XUAB4js = require('./chunk-FD6XUAB4.js');
 
 
 
 
-
-var _chunkFFZLS6QKjs = require('./chunk-FFZLS6QK.js');
+var _chunkSQLX75IOjs = require('./chunk-SQLX75IO.js');
 
 // node/build.ts
-_chunkFFZLS6QKjs.init_cjs_shims.call(void 0, );
+_chunkSQLX75IOjs.init_cjs_shims.call(void 0, );
 var _path = require('path');
 var _http = require('http'); var _http2 = _interopRequireDefault(_http);
 var _fsextra = require('fs-extra'); var _fsextra2 = _interopRequireDefault(_fsextra);
@@ -19,12 +18,12 @@ var _vite = require('vite');
 var _connect = require('connect'); var _connect2 = _interopRequireDefault(_connect);
 
 // ../../node_modules/.pnpm/sirv@2.0.2/node_modules/sirv/build.mjs
-_chunkFFZLS6QKjs.init_cjs_shims.call(void 0, );
+_chunkSQLX75IOjs.init_cjs_shims.call(void 0, );
 var _fs = require('fs'); var fs = _interopRequireWildcard(_fs);
 
 
 // ../../node_modules/.pnpm/totalist@3.0.0/node_modules/totalist/sync/index.mjs
-_chunkFFZLS6QKjs.init_cjs_shims.call(void 0, );
+_chunkSQLX75IOjs.init_cjs_shims.call(void 0, );
 
 
 function totalist(dir, callback, pre = "") {
@@ -39,7 +38,7 @@ function totalist(dir, callback, pre = "") {
 }
 
 // ../../node_modules/.pnpm/@polka+url@1.0.0-next.21/node_modules/@polka/url/build.mjs
-_chunkFFZLS6QKjs.init_cjs_shims.call(void 0, );
+_chunkSQLX75IOjs.init_cjs_shims.call(void 0, );
 var _querystring = require('querystring'); var qs = _interopRequireWildcard(_querystring);
 function parse2(req) {
   let raw = req.url;
@@ -63,7 +62,7 @@ function parse2(req) {
 }
 
 // ../../node_modules/.pnpm/mrmime@1.0.0/node_modules/mrmime/index.mjs
-_chunkFFZLS6QKjs.init_cjs_shims.call(void 0, );
+_chunkSQLX75IOjs.init_cjs_shims.call(void 0, );
 var mimes = {
   "ez": "application/andrew-inset",
   "aw": "application/applixware",
@@ -528,7 +527,7 @@ function is404(req, res) {
 }
 function send(req, res, file, stats, headers) {
   let code = 200, tmp, opts = {};
-  headers = _chunkFFZLS6QKjs.__spreadValues.call(void 0, {}, headers);
+  headers = { ...headers };
   for (let key in headers) {
     tmp = res.getHeader(key);
     if (tmp)
@@ -656,13 +655,13 @@ async function build(options, viteConfig = {}) {
   let originalIndexHTML;
   if (_fsextra2.default.existsSync(indexPath))
     originalIndexHTML = await _fsextra2.default.readFile(indexPath, "utf-8");
-  await _fsextra2.default.writeFile(indexPath, await _chunkUNBXPUSGjs.getIndexHtml.call(void 0, options), "utf-8");
+  await _fsextra2.default.writeFile(indexPath, await _chunkFD6XUAB4js.getIndexHtml.call(void 0, options), "utf-8");
   let config = void 0;
   try {
-    const inlineConfig = await _chunkUNBXPUSGjs.mergeViteConfigs.call(void 0, options, viteConfig, {
+    const inlineConfig = await _chunkFD6XUAB4js.mergeViteConfigs.call(void 0, options, viteConfig, {
       root: options.userRoot,
       plugins: [
-        await _chunkUNBXPUSGjs.ViteSlidevPlugin.call(void 0, options, pluginOptions),
+        await _chunkFD6XUAB4js.ViteSlidevPlugin.call(void 0, options, pluginOptions),
         {
           name: "resolve-config",
           configResolved(_config) {
@@ -680,7 +679,7 @@ async function build(options, viteConfig = {}) {
         console.log(_kolorist.yellow.call(void 0, "  Monaco is disabled in the build, to enabled it, set `monaco: true` in the frontmatter"));
       } else {
         console.log(_kolorist.blue.call(void 0, "  building for Monaco...\n"));
-        await _vite.build.call(void 0, await _chunkUNBXPUSGjs.mergeViteConfigs.call(void 0, options, inlineConfig, {
+        await _vite.build.call(void 0, await _chunkFD6XUAB4js.mergeViteConfigs.call(void 0, options, inlineConfig, {
           root: _path.join.call(void 0, options.clientRoot, "iframes/monaco"),
           base: `${config.base}iframes/monaco/`,
           build: {
@@ -714,7 +713,7 @@ async function build(options, viteConfig = {}) {
     await _fsextra2.default.writeFile(redirectsPath, `${config.base}*    ${config.base}index.html   200
 `, "utf-8");
   if ([true, "true", "auto"].includes(options.data.config.download)) {
-    const { exportSlides } = await Promise.resolve().then(() => _chunkFFZLS6QKjs.__toESM.call(void 0, _chunkFFZLS6QKjs.__require.call(void 0, "./export-LOKLMK66.js")));
+    const { exportSlides } = await Promise.resolve().then(() => _chunkSQLX75IOjs.__toESM.call(void 0, _chunkSQLX75IOjs.__require.call(void 0, "./export-TH7MNEXN.js")));
     const port = 12445;
     const app = _connect2.default.call(void 0, );
     const server = _http2.default.createServer(app);

package/dist/{chunk-C7GPMAIX.mjs → chunk-BQ63PXSA.mjs}

@@ -2,8 +2,6 @@ import {
   __commonJS,
   __filename,
   __require,
-  __spreadProps,
-  __spreadValues,
   __toESM,
   generateGoogleFontsUrl,
   init_esm_shims,
@@ -11,7 +9,7 @@ import {
   resolveImportPath,
   stringifyMarkdownTokens,
   toAtFS
-} from "./chunk-ZWCVPYOA.mjs";
+} from "./chunk-GVA336JI.mjs";
 
 // ../../node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/index.js
 var require_fast_deep_equal = __commonJS({
@@ -118,7 +116,6 @@ init_esm_shims();
 import { dirname, resolve as resolve2 } from "path";
 import { existsSync as existsSync3 } from "fs";
 import { slash, uniq as uniq2 } from "@antfu/utils";
-import WindiCSS, { defaultConfigureFiles } from "vite-plugin-windicss";
 import jiti2 from "jiti";
 
 // node/plugins/setupNode.ts
@@ -128,7 +125,7 @@ import { existsSync as existsSync2 } from "fs-extra";
 import { isObject } from "@antfu/utils";
 import jiti from "jiti";
 function deepMerge(a, b, rootPath = "") {
-  a = __spreadValues({}, a);
+  a = { ...a };
   Object.keys(b).forEach((key) => {
     if (isObject(a[key]))
       a[key] = deepMerge(a[key], b[key], rootPath ? `${rootPath}.${key}` : key);
@@ -156,6 +153,7 @@ async function loadSetups(roots, name, arg, initial, merge = true) {
 
 // node/plugins/windicss.ts
 async function createWindiCSSPlugin({ themeRoots, addonRoots, clientRoot, userRoot, roots, data }, { windicss: windiOptions }) {
+  const { default: WindiCSS, defaultConfigureFiles } = await Promise.resolve().then(() => __toESM(__require("vite-plugin-windicss")));
   const configFiles = uniq2([
     ...defaultConfigureFiles.map((i) => resolve2(userRoot, i)),
     ...themeRoots.map((i) => `${i}/windi.config.ts`),
@@ -167,7 +165,7 @@ async function createWindiCSSPlugin({ themeRoots, addonRoots, clientRoot, userRo
   if (config.default)
     config = config.default;
   config = await loadSetups(roots, "windicss.ts", {}, config, true);
-  return WindiCSS(__spreadValues({
+  return WindiCSS({
     configFiles: [configFile],
     config,
     onConfigResolved(config2) {
@@ -196,8 +194,9 @@ async function createWindiCSSPlugin({ themeRoots, addonRoots, clientRoot, userRo
       config2.scanOptions.exclude.push(dirname(resolveImportPath("monaco-editor/package.json", true)));
       config2.scanOptions.exclude.push(dirname(resolveImportPath("katex/package.json", true)));
       config2.scanOptions.exclude.push(dirname(resolveImportPath("prettier/package.json", true)));
-    }
-  }, windiOptions));
+    },
+    ...windiOptions
+  });
 }
 
 // node/plugins/preset.ts
@@ -268,7 +267,8 @@ var dependencies = {
   "@antfu/utils": "^0.5.2",
   "@slidev/parser": "workspace:*",
   "@slidev/types": "workspace:*",
-  "@vueuse/core": "^8.6.0",
+  "@unocss/reset": "^0.42.0",
+  "@vueuse/core": "^8.7.5",
   "@vueuse/head": "^0.7.6",
   "@vueuse/motion": "^2.0.0-beta.18",
   codemirror: "^5.65.5",
@@ -277,18 +277,19 @@ var dependencies = {
   "file-saver": "^2.0.5",
   "js-base64": "^3.7.2",
   "js-yaml": "^4.1.0",
-  katex: "^0.15.6",
-  mermaid: "^9.1.1",
+  katex: "^0.16.0",
+  mermaid: "^9.1.3",
   "monaco-editor": "^0.33.0",
-  nanoid: "^3.3.4",
-  prettier: "^2.6.2",
+  nanoid: "^4.0.0",
+  prettier: "^2.7.1",
   recordrtc: "^5.6.2",
-  resolve: "^1.22.0",
-  "vite-plugin-windicss": "^1.8.4",
-  vue: "^3.2.36",
-  "vue-router": "^4.0.15",
-  "vue-starport": "^0.2.11",
-  windicss: "^3.5.4"
+  resolve: "^1.22.1",
+  unocss: "^0.42.0",
+  "vite-plugin-windicss": "^1.8.6",
+  vue: "^3.2.37",
+  "vue-router": "^4.0.16",
+  "vue-starport": "^0.3.0",
+  windicss: "^3.5.5"
 };
 
 // node/vite/searchRoot.ts
@@ -340,6 +341,8 @@ var EXCLUDE = [
   "@slidev/types",
   "@vueuse/core",
   "@vueuse/shared",
+  "@unocss/reset",
+  "unocss",
   "mermaid",
   "vite-plugin-windicss",
   "vue-demi"
@@ -347,7 +350,7 @@ var EXCLUDE = [
 function createConfigPlugin(options) {
   return {
     name: "slidev:config",
-    config(config) {
+    async config(config) {
       const injection = {
         define: getDefine(options),
         resolve: {
@@ -373,6 +376,13 @@ function createConfigPlugin(options) {
           ],
           exclude: EXCLUDE
         },
+        css: options.data.config.css === "unocss" ? {
+          postcss: {
+            plugins: [
+              await Promise.resolve().then(() => __toESM(__require("postcss-nested"))).then((r) => r.default())
+            ]
+          }
+        } : {},
         server: {
           fs: {
             strict: true,
@@ -431,13 +441,13 @@ import * as parser from "@slidev/parser/fs";
 var regexId = /^\/\@slidev\/slide\/(\d+)\.(md|json)(?:\?import)?$/;
 var regexIdQuery = /(\d+?)\.(md|json)$/;
 function getBodyJson(req) {
-  return new Promise((resolve5, reject) => {
+  return new Promise((resolve6, reject) => {
     let body = "";
     req.on("data", (chunk) => body += chunk);
     req.on("error", reject);
     req.on("end", () => {
       try {
-        resolve5(JSON.parse(body) || {});
+        resolve6(JSON.parse(body) || {});
       } catch (e) {
         reject(e);
       }
@@ -452,9 +462,10 @@ md.use(mila, {
   }
 });
 function prepareSlideInfo(data) {
-  return __spreadProps(__spreadValues({}, data), {
+  return {
+    ...data,
     notesHTML: md.render((data == null ? void 0 : data.note) || "")
-  });
+  };
 }
 function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, userRoot, roots, remote }, pluginOptions, serverOptions, VuePlugin, MarkdownPlugin) {
   const slidePrefix = "/@slidev/slides/";
@@ -543,13 +554,14 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, u
           const file = `${slidePrefix}${i + 1}.md`;
           try {
             const md2 = await transformMarkdown(await MarkdownPlugin.transform((_a2 = newData.slides[i]) == null ? void 0 : _a2.content, file), i, newData);
-            return await VuePlugin.handleHotUpdate(__spreadProps(__spreadValues({}, ctx), {
+            return await VuePlugin.handleHotUpdate({
+              ...ctx,
               modules: Array.from(ctx.server.moduleGraph.getModulesByFile(file) || []),
               file,
               read() {
                 return md2;
               }
-            }));
+            });
           } catch {
           }
         }))).flatMap((i) => i || []);
@@ -592,7 +604,7 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, u
             code: data.slides.map(({ title }, i) => {
               return `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">${title}</template>`;
             }).join(""),
-            map: {}
+            map: { mappings: "" }
           };
         }
         if (id.startsWith(slidePrefix)) {
@@ -604,13 +616,13 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, u
             if (type === "md") {
               return {
                 code: (_a = data.slides[pageNo]) == null ? void 0 : _a.content,
-                map: {}
+                map: { mappings: "" }
               };
             }
           }
           return {
             code: "",
-            map: {}
+            map: { mappings: "" }
           };
         }
       }
@@ -660,7 +672,10 @@ function createSlidesLoader({ data, entry, clientRoot, themeRoots, addonRoots, u
   async function transformMarkdown(code, pageNo, data2) {
     var _a, _b;
     const layouts = await getLayouts();
-    const frontmatter = __spreadValues(__spreadValues({}, ((_a = data2.headmatter) == null ? void 0 : _a.defaults) || {}), ((_b = data2.slides[pageNo]) == null ? void 0 : _b.frontmatter) || {});
+    const frontmatter = {
+      ...((_a = data2.headmatter) == null ? void 0 : _a.defaults) || {},
+      ...((_b = data2.slides[pageNo]) == null ? void 0 : _b.frontmatter) || {}
+    };
     const layoutName = (frontmatter == null ? void 0 : frontmatter.layout) || (pageNo === 0 ? "cover" : "default");
     if (!layouts[layoutName])
       throw new Error(`Unknown layout "${layoutName}"`);
@@ -797,6 +812,13 @@ defineProps<{ no: number | string }>()`);
     }
     if (data.features.katex)
       imports.push(`import "${toAtFS(resolveImportPath("katex/dist/katex.min.css", true))}"`);
+    if (data.config.css === "unocss") {
+      imports.unshift('import "@unocss/reset/tailwind.css"', 'import "uno:preflights.css"', 'import "uno:typography.css"', 'import "uno:shortcuts.css"');
+      imports.push('import "uno.css"');
+    } else {
+      imports.unshift('import "virtual:windi-components.css"', 'import "virtual:windi-base.css"');
+      imports.push('import "virtual:windi-utilities.css"', 'import "virtual:windi-devtools"');
+    }
     return imports.join("\n");
   }
   async function generateMonacoTypes() {
@@ -827,11 +849,12 @@ ${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}
           return void 0;
         imports.push(`import n${no} from '${slidePrefix}${idx + 1}.md'`);
         const additions = {
-          slide: __spreadProps(__spreadValues({}, prepareSlideInfo(i)), {
+          slide: {
+            ...prepareSlideInfo(i),
             filepath: ((_b = i.source) == null ? void 0 : _b.filepath) || entry,
             id: idx,
             no
-          }),
+          },
           __clicksElements: [],
           __preloaded: false
         };
@@ -849,7 +872,7 @@ ${routes.join(",\n")}
     return [...imports, routesStr].join("\n");
   }
   function generateConfigs() {
-    const config = __spreadProps(__spreadValues({}, data.config), { remote });
+    const config = { ...data.config, remote };
     if (isString(config.title)) {
       const tokens = md.parseInline(config.title, {});
       config.title = stringifyMarkdownTokens(tokens);
@@ -993,7 +1016,7 @@ function createClientSetupPlugin({ clientRoot, themeRoots, addonRoots, userRoot
 
 // node/plugins/markdown.ts
 init_esm_shims();
-import Markdown2 from "vite-plugin-md";
+import Markdown2 from "vite-plugin-vue-markdown";
 import * as base64 from "js-base64";
 import { slash as slash5 } from "@antfu/utils";
 import mila2 from "markdown-it-link-attributes";
@@ -1234,13 +1257,14 @@ function resolveShikiOptions(options) {
       themes.push(options.theme);
     }
   }
-  return __spreadProps(__spreadValues({}, options), {
+  return {
+    ...options,
     themes,
     darkModeThemes: darkModeThemes ? {
       dark: getThemeName(darkModeThemes.dark),
       light: getThemeName(darkModeThemes.light)
     } : void 0
-  });
+  };
 }
 function trimEndNewLine(code) {
   return code.replace(/\n$/, "");
@@ -1281,17 +1305,18 @@ async function createMarkdownPlugin({ data: { config }, roots, mode, entry }, {
     setups.push((md2) => md2.use(markdownItPrism));
   }
   const KatexOptions = await loadSetups(roots, "katex.ts", {}, { strict: false }, false);
-  return Markdown2(__spreadProps(__spreadValues({
+  return Markdown2({
     wrapperClasses: "",
     headEnabled: false,
     frontmatter: false,
-    markdownItOptions: __spreadValues({
+    markdownItOptions: {
       quotes: `""''`,
       html: true,
       xhtmlOut: true,
-      linkify: true
-    }, mdOptions == null ? void 0 : mdOptions.markdownItOptions)
-  }, mdOptions), {
+      linkify: true,
+      ...mdOptions == null ? void 0 : mdOptions.markdownItOptions
+    },
+    ...mdOptions,
     markdownItSetup(md2) {
       var _a;
       md2.use(mila2, {
@@ -1319,7 +1344,7 @@ async function createMarkdownPlugin({ data: { config }, roots, mode, entry }, {
         return code;
       }
     }
-  }));
+  });
 }
 function transformMarkdownMonaco(md2) {
   md2 = md2.replace(/^```(\w+?)\s*{monaco}\s*?({.*?})?\s*?\n([\s\S]+?)^```/mg, (full, lang = "ts", options = "{}", code) => {
@@ -1441,6 +1466,36 @@ function createFixPlugins(options) {
   ];
 }
 
+// node/plugins/unocss.ts
+init_esm_shims();
+import { resolve as resolve5 } from "path";
+import { existsSync as existsSync6 } from "fs";
+import { deepMerge as deepMerge2, uniq as uniq6 } from "@antfu/utils";
+import jiti3 from "jiti";
+async function createUnocssPlugin({ themeRoots, addonRoots, clientRoot, roots, data }, { unocss: unoOptions }) {
+  var _a, _b, _c, _d;
+  const UnoCSS = await Promise.resolve().then(() => __toESM(__require("unocss/vite"))).then((r) => r.default);
+  const configFiles = uniq6([
+    ...themeRoots.map((i) => `${i}/uno.config.ts`),
+    ...addonRoots.map((i) => `${i}/uno.config.ts`),
+    resolve5(clientRoot, "uno.config.ts")
+  ]);
+  const configFile = configFiles.find((i) => existsSync6(i));
+  let config = jiti3(__filename)(configFile);
+  if ("default" in config)
+    config = config.default;
+  config = await loadSetups(roots, "unocss.ts", {}, config, true);
+  config.theme || (config.theme = {});
+  (_a = config.theme).fontFamily || (_a.fontFamily = {});
+  (_b = config.theme.fontFamily).sans || (_b.sans = data.config.fonts.sans.join(","));
+  (_c = config.theme.fontFamily).mono || (_c.mono = data.config.fonts.mono.join(","));
+  (_d = config.theme.fontFamily).serif || (_d.serif = data.config.fonts.serif.join(","));
+  return UnoCSS({
+    configFile: false,
+    ...deepMerge2(config, unoOptions || {})
+  });
+}
+
 // node/plugins/preset.ts
 var customElements = /* @__PURE__ */ new Set([
   "annotation",
@@ -1486,25 +1541,27 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     clientRoot,
     data: { config }
   } = options;
-  const VuePlugin = Vue(__spreadValues({
+  const VuePlugin = Vue({
     include: [/\.vue$/, /\.md$/],
     exclude: [],
-    template: __spreadValues({
+    template: {
       compilerOptions: {
         isCustomElement(tag) {
           return customElements.has(tag);
         }
-      }
-    }, vueOptions == null ? void 0 : vueOptions.template)
-  }, vueOptions));
+      },
+      ...vueOptions == null ? void 0 : vueOptions.template
+    },
+    ...vueOptions
+  });
   const MarkdownPlugin = await createMarkdownPlugin(options, pluginOptions);
   const drawingData = await loadDrawings(options);
   return [
-    await createWindiCSSPlugin(options, pluginOptions),
+    config.css === "unocss" ? await createUnocssPlugin(options, pluginOptions) : await createWindiCSSPlugin(options, pluginOptions),
     MarkdownPlugin,
     VuePlugin,
     createSlidesLoader(options, pluginOptions, serverOptions, VuePlugin, MarkdownPlugin),
-    Components(__spreadValues({
+    Components({
       extensions: ["vue", "md", "ts"],
       dirs: [
         `${clientRoot}/builtin`,
@@ -1521,13 +1578,15 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
           prefix: "",
           customCollections: Object.keys(iconsOptions.customCollections || [])
         })
-      ]
-    }, componentsOptions)),
-    Icons(__spreadValues({
+      ],
+      ...componentsOptions
+    }),
+    Icons({
       defaultClass: "slidev-icon",
-      autoInstall: true
-    }, iconsOptions)),
-    config.remoteAssets === true || config.remoteAssets === mode ? RemoteAssets(__spreadValues({
+      autoInstall: true,
+      ...iconsOptions
+    }),
+    config.remoteAssets === true || config.remoteAssets === mode ? RemoteAssets({
       rules: [
         ...DefaultRules,
         {
@@ -1536,18 +1595,20 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
         }
       ],
       resolveMode: (id) => id.endsWith("index.html") ? "relative" : "@fs",
-      awaitDownload: mode === "build"
-    }, remoteAssetsOptions)) : null,
+      awaitDownload: mode === "build",
+      ...remoteAssetsOptions
+    }) : null,
     ServerRef({
       debug: process.env.NODE_ENV === "development",
-      state: __spreadValues({
+      state: {
         sync: false,
         nav: {
           page: 0,
           clicks: 0
         },
-        drawings: drawingData
-      }, serverRefOptions.state),
+        drawings: drawingData,
+        ...serverRefOptions.state
+      },
       onChanged(key, data, patch, timestamp) {
         serverRefOptions.onChanged && serverRefOptions.onChanged(key, data, patch, timestamp);
         if (!options.data.config.drawings.persist)