@slidev/cli 0.48.0-beta.15 → 0.48.0-beta.17

package/dist/{chunk-HHZ7SVZP.mjs → chunk-I5ZCLMQU.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   resolveImportPath,
   toAtFS
-} from "./chunk-7HOZGSL4.mjs";
+} from "./chunk-G3BP3FUT.mjs";
 import {
   __commonJS,
   __toESM
@@ -2496,7 +2496,7 @@ var require_semver2 = __commonJS({
 });
 
 // package.json
-var version = "0.48.0-beta.15";
+var version = "0.48.0-beta.17";
 
 // node/common.ts
 import { existsSync, promises as fs } from "node:fs";
@@ -2563,9 +2563,9 @@ async function mergeViteConfigs({ roots, entry }, viteConfig, config, command) {
 }
 
 // node/plugins/preset.ts
-import { join as join7 } from "node:path";
+import { join as join6 } from "node:path";
 import { existsSync as existsSync3 } from "node:fs";
-import process3 from "node:process";
+import process2 from "node:process";
 import { fileURLToPath } from "node:url";
 import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
@@ -2645,6 +2645,11 @@ var EXCLUDE = [
   "vue-demi",
   "vue"
 ];
+var ASYNC_MODULES = [
+  "file-saver",
+  "vue",
+  "@vue"
+];
 function createConfigPlugin(options) {
   return {
     name: "slidev:config",
@@ -2680,8 +2685,38 @@ function createConfigPlugin(options) {
             ])
           }
         },
-        publicDir: join3(options.userRoot, "public")
+        publicDir: join3(options.userRoot, "public"),
+        build: {
+          rollupOptions: {
+            output: {
+              chunkFileNames(chunkInfo) {
+                const DEFAULT = "assets/[name]-[hash].js";
+                if (chunkInfo.name.includes("/"))
+                  return DEFAULT;
+                if (chunkInfo.moduleIds.filter((i) => isSlidevClient(i)).length > chunkInfo.moduleIds.length * 0.6)
+                  return "assets/slidev/[name]-[hash].js";
+                if (chunkInfo.moduleIds.filter((i) => i.match(/\/monaco-editor(-core)?\//)).length > chunkInfo.moduleIds.length * 0.6)
+                  return "assets/monaco/[name]-[hash].js";
+                return DEFAULT;
+              },
+              manualChunks(id) {
+                if (id.startsWith("/@slidev-monaco-types/") || id.includes("/@slidev/monaco-types") || id.endsWith("?monaco-types&raw"))
+                  return "monaco/bundled-types";
+                if (id.includes("/shiki/") || id.includes("/@shikijs/"))
+                  return `modules/shiki`;
+                if (id.startsWith("~icons/"))
+                  return "modules/unplugin-icons";
+                const matchedAsyncModule = ASYNC_MODULES.find((i) => id.includes(`/node_modules/${i}`));
+                if (matchedAsyncModule)
+                  return `modules/${matchedAsyncModule.replace("@", "").replace("/", "-")}`;
+              }
+            }
+          }
+        }
       };
+      function isSlidevClient(id) {
+        return id.includes("/@slidev/") || id.includes("/slidev/packages/client/") || id.includes("/@vueuse/");
+      }
       if (isInstalledGlobally) {
         injection.cacheDir = join3(options.cliRoot, "node_modules/.vite");
         injection.root = options.cliRoot;
@@ -2718,1494 +2753,1560 @@ function getDefine(options) {
 }
 
 // node/plugins/loaders.ts
-import { basename as basename2, join as join4 } from "node:path";
-import { isString, isTruthy, notNullish, objectMap, range } from "@antfu/utils";
+import { basename as basename2, join as join4, resolve as resolve2 } from "node:path";
+import { builtinModules } from "node:module";
+import { isString, isTruthy as isTruthy2, notNullish, objectMap, range, uniq as uniq2 } from "@antfu/utils";
 import fg2 from "fast-glob";
-import fs3 from "fs-extra";
-import Markdown from "markdown-it";
+import fs5 from "fs-extra";
+import Markdown2 from "markdown-it";
 import { bold, gray, red, yellow } from "kolorist";
-import mila from "markdown-it-link-attributes";
+import mila2 from "markdown-it-link-attributes";
 import * as parser from "@slidev/parser/fs";
 import equal from "fast-deep-equal";
-var regexId = /^\/\@slidev\/slide\/(\d+)\.(md|json)(?:\?import)?$/;
-var regexIdQuery = /(\d+?)\.(md|json|frontmatter)$/;
-var templateInjectionMarker = "/* @slidev-injection */";
-var templateImportContextUtils = `import {
-  useSlideContext,
-  provideFrontmatter as _provideFrontmatter,
-  frontmatterToProps as _frontmatterToProps,
-} from "@slidev/client/context.ts"`.replace(/\n\s*/g, " ");
-var templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $page, $renderContext, $frontmatter } = useSlideContext()`;
-function getBodyJson(req) {
-  return new Promise((resolve3, reject) => {
-    let body = "";
-    req.on("data", (chunk) => body += chunk);
-    req.on("error", reject);
-    req.on("end", () => {
-      try {
-        resolve3(JSON.parse(body) || {});
-      } catch (e) {
-        reject(e);
+
+// node/plugins/markdown.ts
+import fs4 from "node:fs/promises";
+import Markdown from "unplugin-vue-markdown/vite";
+import { isTruthy, slash } from "@antfu/utils";
+
+// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/image-size/specialCharacters.js
+var SpecialCharacters;
+(function(SpecialCharacters2) {
+  SpecialCharacters2[SpecialCharacters2["EXCLAMATION_MARK"] = 33] = "EXCLAMATION_MARK";
+  SpecialCharacters2[SpecialCharacters2["OPENING_BRACKET"] = 91] = "OPENING_BRACKET";
+  SpecialCharacters2[SpecialCharacters2["OPENING_PARENTHESIS"] = 40] = "OPENING_PARENTHESIS";
+  SpecialCharacters2[SpecialCharacters2["WHITESPACE"] = 32] = "WHITESPACE";
+  SpecialCharacters2[SpecialCharacters2["NEW_LINE"] = 10] = "NEW_LINE";
+  SpecialCharacters2[SpecialCharacters2["EQUALS"] = 61] = "EQUALS";
+  SpecialCharacters2[SpecialCharacters2["LOWER_CASE_X"] = 120] = "LOWER_CASE_X";
+  SpecialCharacters2[SpecialCharacters2["NUMBER_ZERO"] = 48] = "NUMBER_ZERO";
+  SpecialCharacters2[SpecialCharacters2["NUMBER_NINE"] = 57] = "NUMBER_NINE";
+  SpecialCharacters2[SpecialCharacters2["PERCENTAGE"] = 37] = "PERCENTAGE";
+  SpecialCharacters2[SpecialCharacters2["CLOSING_PARENTHESIS"] = 41] = "CLOSING_PARENTHESIS";
+})(SpecialCharacters || (SpecialCharacters = {}));
+
+// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
+import Token from "markdown-it/lib/token.mjs";
+var checkboxRegex = /^ *\[([\sx])] /i;
+function taskLists(md2, options = { enabled: false, label: false, lineNumber: false }) {
+  md2.core.ruler.after("inline", "task-lists", (state) => processToken(state, options));
+  md2.renderer.rules.taskListItemCheckbox = (tokens) => {
+    const token = tokens[0];
+    const checkedAttribute = token.attrGet("checked") ? 'checked="" ' : "";
+    const disabledAttribute = token.attrGet("disabled") ? 'disabled="" ' : "";
+    const line = token.attrGet("line");
+    const idAttribute = `id="${token.attrGet("id")}" `;
+    const dataLineAttribute = line && options.lineNumber ? `data-line="${line}" ` : "";
+    return `<input class="task-list-item-checkbox" type="checkbox" ${checkedAttribute}${disabledAttribute}${dataLineAttribute}${idAttribute}/>`;
+  };
+  md2.renderer.rules.taskListItemLabel_close = () => {
+    return "</label>";
+  };
+  md2.renderer.rules.taskListItemLabel_open = (tokens) => {
+    const token = tokens[0];
+    const id = token.attrGet("id");
+    return `<label for="${id}">`;
+  };
+}
+function processToken(state, options) {
+  const allTokens = state.tokens;
+  for (let i = 2; i < allTokens.length; i++) {
+    if (!isTodoItem(allTokens, i)) {
+      continue;
+    }
+    todoify(allTokens[i], options);
+    allTokens[i - 2].attrJoin("class", `task-list-item ${options.enabled ? " enabled" : ""}`);
+    const parentToken = findParentToken(allTokens, i - 2);
+    if (parentToken) {
+      const classes = parentToken.attrGet("class") ?? "";
+      if (!classes.match(/(^| )contains-task-list/)) {
+        parentToken.attrJoin("class", "contains-task-list");
       }
-    });
-  });
+    }
+  }
+  return false;
 }
-var md = Markdown({ html: true });
-md.use(mila, {
-  attrs: {
-    target: "_blank",
-    rel: "noopener"
+function findParentToken(tokens, index) {
+  const targetLevel = tokens[index].level - 1;
+  for (let currentTokenIndex = index - 1; currentTokenIndex >= 0; currentTokenIndex--) {
+    if (tokens[currentTokenIndex].level === targetLevel) {
+      return tokens[currentTokenIndex];
+    }
   }
-});
-function renderNote(text = "") {
-  let clickCount = 0;
-  const html = md.render(
-    text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
-      clickCount += Number(count);
-      return `<span class="slidev-note-click-mark" data-clicks="${clickCount}"></span>`;
-    })
-  );
-  return html;
+  return void 0;
 }
-function withRenderedNote(data) {
+function isTodoItem(tokens, index) {
+  return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
+}
+function todoify(token, options) {
+  if (token.children == null) {
+    return;
+  }
+  const id = generateIdForToken(token);
+  token.children.splice(0, 0, createCheckboxToken(token, options.enabled, id));
+  token.children[1].content = token.children[1].content.replace(checkboxRegex, "");
+  if (options.label) {
+    token.children.splice(1, 0, createLabelBeginToken(id));
+    token.children.push(createLabelEndToken());
+  }
+}
+function generateIdForToken(token) {
+  if (token.map) {
+    return `task-item-${token.map[0]}`;
+  } else {
+    return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
+  }
+}
+function createCheckboxToken(token, enabled, id) {
+  const checkbox = new Token("taskListItemCheckbox", "", 0);
+  if (!enabled) {
+    checkbox.attrSet("disabled", "true");
+  }
+  if (token.map) {
+    checkbox.attrSet("line", token.map[0].toString());
+  }
+  checkbox.attrSet("id", id);
+  const checkboxRegexResult = checkboxRegex.exec(token.content);
+  const isChecked = checkboxRegexResult?.[1].toLowerCase() === "x";
+  if (isChecked) {
+    checkbox.attrSet("checked", "true");
+  }
+  return checkbox;
+}
+function createLabelBeginToken(id) {
+  const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
+  labelBeginToken.attrSet("id", id);
+  return labelBeginToken;
+}
+function createLabelEndToken() {
+  return new Token("taskListItemLabel_close", "", -1);
+}
+function isInline(token) {
+  return token.type === "inline";
+}
+function isParagraph(token) {
+  return token.type === "paragraph_open";
+}
+function isListItem(token) {
+  return token.type === "list_item_open";
+}
+function startsWithTodoMarkdown(token) {
+  return checkboxRegex.test(token.content);
+}
+
+// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/toc/plugin.js
+import { Optional } from "@mrdrogdrog/optional";
+
+// node/plugins/markdown.ts
+import { encode as encodePlantUml } from "plantuml-encoder";
+import Mdc from "markdown-it-mdc";
+import { codeToKeyedTokens, createMagicMoveMachine } from "shiki-magic-move/core";
+import mila from "markdown-it-link-attributes";
+import mif from "markdown-it-footnote";
+import lz from "lz-string";
+
+// node/plugins/markdown-it-katex.ts
+import katex from "katex";
+function isValidDelim(state, pos) {
+  const max = state.posMax;
+  let can_open = true;
+  let can_close = true;
+  const prevChar = pos > 0 ? state.src.charCodeAt(pos - 1) : -1;
+  const nextChar = pos + 1 <= max ? state.src.charCodeAt(pos + 1) : -1;
+  if (prevChar === 32 || prevChar === 9 || /* \t */
+  nextChar >= 48 && nextChar <= 57)
+    can_close = false;
+  if (nextChar === 32 || nextChar === 9)
+    can_open = false;
   return {
-    ...data,
-    noteHTML: renderNote(data?.note)
+    can_open,
+    can_close
   };
 }
-function createSlidesLoader({ data, clientRoot, roots, remote, mode }, pluginOptions, serverOptions) {
-  const slidePrefix = "/@slidev/slides/";
-  const hmrPages = /* @__PURE__ */ new Set();
-  let server;
-  let _layouts_cache_time = 0;
-  let _layouts_cache = {};
-  return [
-    {
-      name: "slidev:loader",
-      configureServer(_server) {
-        server = _server;
-        updateServerWatcher();
-        server.middlewares.use(async (req, res, next) => {
-          const match = req.url?.match(regexId);
-          if (!match)
-            return next();
-          const [, no, type] = match;
-          const idx = Number.parseInt(no);
-          if (type === "json" && req.method === "GET") {
-            res.write(JSON.stringify(withRenderedNote(data.slides[idx])));
-            return res.end();
-          }
-          if (type === "json" && req.method === "POST") {
-            const body = await getBodyJson(req);
-            const slide = data.slides[idx];
-            if (body.content && body.content !== slide.source.content)
-              hmrPages.add(idx);
-            Object.assign(slide.source, body);
-            parser.prettifySlide(slide.source);
-            await parser.save(data.markdownFiles[slide.source.filepath]);
-            res.statusCode = 200;
-            res.write(JSON.stringify(withRenderedNote(slide)));
-            return res.end();
-          }
-          next();
-        });
-      },
-      async handleHotUpdate(ctx) {
-        if (!data.watchFiles.includes(ctx.file))
-          return;
-        await ctx.read();
-        const newData = await serverOptions.loadData?.();
-        if (!newData)
-          return [];
-        const moduleIds = /* @__PURE__ */ new Set();
-        if (data.slides.length !== newData.slides.length) {
-          moduleIds.add("/@slidev/routes");
-          range(newData.slides.length).map((i) => hmrPages.add(i));
-        }
-        if (!equal(data.headmatter.defaults, newData.headmatter.defaults)) {
-          moduleIds.add("/@slidev/routes");
-          range(data.slides.length).map((i) => hmrPages.add(i));
-        }
-        if (!equal(data.config, newData.config))
-          moduleIds.add("/@slidev/configs");
-        if (!equal(data.features, newData.features)) {
-          setTimeout(() => {
-            ctx.server.ws.send({ type: "full-reload" });
-          }, 1);
-        }
-        const length = Math.max(data.slides.length, newData.slides.length);
-        for (let i = 0; i < length; i++) {
-          const a = data.slides[i];
-          const b = newData.slides[i];
-          if (a?.content.trim() === b?.content.trim() && a?.title?.trim() === b?.title?.trim() && equal(a.frontmatter, b.frontmatter) && Object.entries(a.snippetsUsed ?? {}).every(([file, oldContent]) => {
-            try {
-              const newContent = fs3.readFileSync(file, "utf-8");
-              return oldContent === newContent;
-            } catch {
-              return false;
-            }
-          })) {
-            if (a?.note !== b?.note) {
-              ctx.server.ws.send({
-                type: "custom",
-                event: "slidev-update-note",
-                data: {
-                  id: i,
-                  note: b.note || "",
-                  noteHTML: renderNote(b.note || "")
-                }
-              });
-            }
-            continue;
-          }
-          ctx.server.ws.send({
-            type: "custom",
-            event: "slidev-update",
-            data: {
-              id: i,
-              data: withRenderedNote(newData.slides[i])
-            }
-          });
-          hmrPages.add(i);
-        }
-        Object.assign(data, newData);
-        if (hmrPages.size > 0)
-          moduleIds.add("/@slidev/titles.md");
-        const vueModules = Array.from(hmrPages).flatMap((i) => [
-          ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.frontmatter`),
-          ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.md`)
-        ]);
-        hmrPages.clear();
-        const moduleEntries = [
-          ...vueModules,
-          ...Array.from(moduleIds).map((id) => ctx.server.moduleGraph.getModuleById(id))
-        ].filter(notNullish).filter((i) => !i.id?.startsWith("/@id/@vite-icons"));
-        updateServerWatcher();
-        return moduleEntries;
-      },
-      resolveId(id) {
-        if (id.startsWith(slidePrefix) || id.startsWith("/@slidev/"))
-          return id;
-        return null;
-      },
-      load(id) {
-        if (id === "/@slidev/routes")
-          return generateRoutes();
-        if (id === "/@slidev/layouts")
-          return generateLayouts();
-        if (id === "/@slidev/styles")
-          return generateUserStyles();
-        if (id === "/@slidev/monaco-types")
-          return generateMonacoTypes();
-        if (id === "/@slidev/configs")
-          return generateConfigs();
-        if (id === "/@slidev/global-components/top")
-          return generateGlobalComponents("top");
-        if (id === "/@slidev/global-components/bottom")
-          return generateGlobalComponents("bottom");
-        if (id === "/@slidev/custom-nav-controls")
-          return generateCustomNavControls();
-        if (id === "/@slidev/titles.md") {
-          return {
-            code: data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
-
-${title}
-
-</template>`).join(""),
-            map: { mappings: "" }
-          };
-        }
-        if (id.startsWith(slidePrefix)) {
-          const remaning = id.slice(slidePrefix.length);
-          const match = remaning.match(regexIdQuery);
-          if (match) {
-            const [, no, type] = match;
-            const pageNo = Number.parseInt(no) - 1;
-            const slide = data.slides[pageNo];
-            if (!slide)
-              return;
-            if (type === "md") {
-              return {
-                code: slide?.content,
-                map: { mappings: "" }
-              };
-            } else if (type === "frontmatter") {
-              const slideBase = {
-                ...withRenderedNote(slide),
-                frontmatter: void 0,
-                source: void 0,
-                // remove raw content in build, optimize the bundle size
-                ...mode === "build" ? { raw: "", content: "", note: "" } : {}
-              };
-              const fontmatter = getFrontmatter(pageNo);
-              return {
-                code: [
-                  "// @unocss-include",
-                  'import { reactive, computed } from "vue"',
-                  `export const frontmatter = reactive(${JSON.stringify(fontmatter)})`,
-                  `export const meta = reactive({
-                    layout: computed(() => frontmatter.layout),
-                    transition: computed(() => frontmatter.transition),
-                    class: computed(() => frontmatter.class),
-                    clicks: computed(() => frontmatter.clicks),
-                    name: computed(() => frontmatter.name),
-                    preload: computed(() => frontmatter.preload),
-                    slide: {
-                      ...(${JSON.stringify(slideBase)}),
-                      frontmatter,
-                      filepath: ${JSON.stringify(slide.source.filepath)},
-                      start: ${JSON.stringify(slide.source.start)},
-                      id: ${pageNo},
-                      no: ${no},
-                    },
-                    __clicksContext: null,
-                    __preloaded: false,
-                  })`,
-                  "export default frontmatter",
-                  // handle HMR, update frontmatter with update
-                  "if (import.meta.hot) {",
-                  "  import.meta.hot.accept(({ frontmatter: update }) => {",
-                  "    if(!update) return",
-                  "    Object.keys(frontmatter).forEach(key => {",
-                  "      if (!(key in update)) delete frontmatter[key]",
-                  "    })",
-                  "    Object.assign(frontmatter, update)",
-                  "  })",
-                  "}"
-                ].join("\n"),
-                map: { mappings: "" }
-              };
-            }
-          }
-          return {
-            code: "",
-            map: { mappings: "" }
-          };
-        }
-      }
-    },
-    {
-      name: "slidev:layout-transform:pre",
-      enforce: "pre",
-      async transform(code, id) {
-        if (!id.startsWith(slidePrefix))
-          return;
-        const remaning = id.slice(slidePrefix.length);
-        const match = remaning.match(regexIdQuery);
-        if (!match)
-          return;
-        const [, no, type] = match;
-        if (type !== "md")
-          return;
-        const pageNo = Number.parseInt(no) - 1;
-        return transformMarkdown(code, pageNo);
-      }
-    },
-    {
-      name: "slidev:context-transform:pre",
-      enforce: "pre",
-      async transform(code, id) {
-        if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/"))
-          return;
-        return transformVue(code);
-      }
-    },
-    {
-      name: "slidev:title-transform:pre",
-      enforce: "pre",
-      transform(code, id) {
-        if (id !== "/@slidev/titles.md")
-          return;
-        return transformTitles(code);
-      }
-    },
-    {
-      name: "slidev:slide-transform:post",
-      enforce: "post",
-      transform(code, id) {
-        if (!id.match(/\/@slidev\/slides\/\d+\.md($|\?)/))
-          return;
-        const replaced = code.replace("if (_rerender_only)", "if (false)");
-        if (replaced !== code)
-          return replaced;
-      }
-    },
-    {
-      name: "slidev:index-html-transform",
-      transformIndexHtml() {
-        const { info, author, keywords } = data.headmatter;
-        return [
-          {
-            tag: "title",
-            children: getTitle()
-          },
-          info && {
-            tag: "meta",
-            attrs: {
-              name: "description",
-              content: info
-            }
-          },
-          author && {
-            tag: "meta",
-            attrs: {
-              name: "author",
-              content: author
-            }
-          },
-          keywords && {
-            tag: "meta",
-            attrs: {
-              name: "keywords",
-              content: Array.isArray(keywords) ? keywords.join(", ") : keywords
-            }
-          }
-        ].filter(isTruthy);
-      }
-    }
-  ];
-  function updateServerWatcher() {
-    if (!server)
-      return;
-    server.watcher.add(data.watchFiles);
-  }
-  function getFrontmatter(pageNo) {
-    return {
-      ...data.headmatter?.defaults || {},
-      ...data.slides[pageNo]?.frontmatter || {}
-    };
+function math_inline(state, silent) {
+  let match, token, res, pos;
+  if (state.src[state.pos] !== "$")
+    return false;
+  res = isValidDelim(state, state.pos);
+  if (!res.can_open) {
+    if (!silent)
+      state.pending += "$";
+    state.pos += 1;
+    return true;
   }
-  async function transformMarkdown(code, pageNo) {
-    const layouts = await getLayouts();
-    const frontmatter = getFrontmatter(pageNo);
-    let layoutName = frontmatter?.layout || (pageNo === 0 ? "cover" : "default");
-    if (!layouts[layoutName]) {
-      console.error(red(`
-Unknown layout "${bold(layoutName)}".${yellow(" Available layouts are:")}`) + Object.keys(layouts).map((i, idx) => (idx % 3 === 0 ? "\n    " : "") + gray(i.padEnd(15, " "))).join("  "));
-      console.error();
-      layoutName = "default";
-    }
-    delete frontmatter.title;
-    const imports = [
-      `import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
-      `import frontmatter from "${toAtFS(`${slidePrefix + (pageNo + 1)}.frontmatter`)}"`,
-      templateImportContextUtils,
-      "_provideFrontmatter(frontmatter)",
-      templateInitContext,
-      templateInjectionMarker
-    ];
-    code = code.replace(/(<script setup.*>)/g, `$1
-${imports.join("\n")}
-`);
-    const injectA = code.indexOf("<template>") + "<template>".length;
-    const injectB = code.lastIndexOf("</template>");
-    let body = code.slice(injectA, injectB).trim();
-    if (body.startsWith("<div>") && body.endsWith("</div>"))
-      body = body.slice(5, -6);
-    code = `${code.slice(0, injectA)}
-<InjectedLayout v-bind="_frontmatterToProps(frontmatter,${pageNo})">
-${body}
-</InjectedLayout>
-${code.slice(injectB)}`;
-    return code;
+  const start = state.pos + 1;
+  match = start;
+  while ((match = state.src.indexOf("$", match)) !== -1) {
+    pos = match - 1;
+    while (state.src[pos] === "\\")
+      pos -= 1;
+    if ((match - pos) % 2 === 1)
+      break;
+    match += 1;
   }
-  function transformVue(code) {
-    if (code.includes(templateInjectionMarker) || code.includes("useSlideContext()"))
-      return code;
-    const imports = [
-      templateImportContextUtils,
-      templateInitContext,
-      templateInjectionMarker
-    ];
-    const matchScript = code.match(/<script((?!setup).)*(setup)?.*>/);
-    if (matchScript && matchScript[2]) {
-      return code.replace(/(<script.*>)/g, `$1
-${imports.join("\n")}
-`);
-    } else if (matchScript && !matchScript[2]) {
-      const matchExport = code.match(/export\s+default\s+{/);
-      if (matchExport) {
-        const exportIndex = (matchExport.index || 0) + matchExport[0].length;
-        let component = code.slice(exportIndex);
-        component = component.slice(0, component.indexOf("</script>"));
-        const scriptIndex = (matchScript.index || 0) + matchScript[0].length;
-        const provideImport = '\nimport { injectionSlidevContext } from "@slidev/client/constants.ts"\n';
-        code = `${code.slice(0, scriptIndex)}${provideImport}${code.slice(scriptIndex)}`;
-        let injectIndex = exportIndex + provideImport.length;
-        let injectObject = "$slidev: { from: injectionSlidevContext },";
-        const matchInject = component.match(/.*inject\s*:\s*([\[{])/);
-        if (matchInject) {
-          injectIndex += (matchInject.index || 0) + matchInject[0].length;
-          if (matchInject[1] === "[") {
-            let injects = component.slice((matchInject.index || 0) + matchInject[0].length);
-            const injectEndIndex = injects.indexOf("]");
-            injects = injects.slice(0, injectEndIndex);
-            injectObject += injects.split(",").map((inject) => `${inject}: {from: ${inject}}`).join(",");
-            return `${code.slice(0, injectIndex - 1)}{
-${injectObject}
-}${code.slice(injectIndex + injectEndIndex + 1)}`;
-          } else {
-            return `${code.slice(0, injectIndex)}
-${injectObject}
-${code.slice(injectIndex)}`;
-          }
-        }
-        return `${code.slice(0, injectIndex)}
-inject: { ${injectObject} },
-${code.slice(injectIndex)}`;
-      }
-    }
-    return `<script setup>
-${imports.join("\n")}
-</script>
-${code}`;
+  if (match === -1) {
+    if (!silent)
+      state.pending += "$";
+    state.pos = start;
+    return true;
   }
-  function transformTitles(code) {
-    return code.replace(/<template>\s*<div>\s*<p>/, "<template>").replace(/<\/p>\s*<\/div>\s*<\/template>/, "</template>").replace(/<script\ssetup>/, `<script setup lang="ts">
-defineProps<{ no: number | string }>()`);
+  if (match - start === 0) {
+    if (!silent)
+      state.pending += "$$";
+    state.pos = start + 1;
+    return true;
   }
-  async function getLayouts() {
-    const now = Date.now();
-    if (now - _layouts_cache_time < 2e3)
-      return _layouts_cache;
-    const layouts = {};
-    for (const root of [...roots, clientRoot]) {
-      const layoutPaths = await fg2("layouts/**/*.{vue,ts}", {
-        cwd: root,
-        absolute: true,
-        suppressErrors: true
-      });
-      for (const layoutPath of layoutPaths) {
-        const layout = basename2(layoutPath).replace(/\.\w+$/, "");
-        if (layouts[layout])
-          continue;
-        layouts[layout] = layoutPath;
-      }
-    }
-    _layouts_cache_time = now;
-    _layouts_cache = layouts;
-    return layouts;
+  res = isValidDelim(state, match);
+  if (!res.can_close) {
+    if (!silent)
+      state.pending += "$";
+    state.pos = start;
+    return true;
   }
-  async function resolveUrl(id) {
-    return toAtFS(await resolveImportPath(id, true));
+  if (!silent) {
+    token = state.push("math_inline", "math", 0);
+    token.markup = "$";
+    token.content = state.src.slice(start, match);
   }
-  function resolveUrlOfClient(name) {
-    return toAtFS(join4(clientRoot, name));
+  state.pos = match + 1;
+  return true;
+}
+function math_block(state, start, end, silent) {
+  let firstLine;
+  let lastLine;
+  let next;
+  let lastPos;
+  let found = false;
+  let pos = state.bMarks[start] + state.tShift[start];
+  let max = state.eMarks[start];
+  if (pos + 2 > max)
+    return false;
+  if (state.src.slice(pos, pos + 2) !== "$$")
+    return false;
+  pos += 2;
+  firstLine = state.src.slice(pos, max);
+  if (silent)
+    return true;
+  if (firstLine.trim().slice(-2) === "$$") {
+    firstLine = firstLine.trim().slice(0, -2);
+    found = true;
   }
-  async function generateUserStyles() {
-    const imports = [
-      `import "${resolveUrlOfClient("styles/vars.css")}"`,
-      `import "${resolveUrlOfClient("styles/index.css")}"`,
-      `import "${resolveUrlOfClient("styles/code.css")}"`,
-      `import "${resolveUrlOfClient("styles/katex.css")}"`,
-      `import "${resolveUrlOfClient("styles/transitions.css")}"`
-    ];
-    for (const root of roots) {
-      const styles = [
-        join4(root, "styles", "index.ts"),
-        join4(root, "styles", "index.js"),
-        join4(root, "styles", "index.css"),
-        join4(root, "styles.css"),
-        join4(root, "style.css")
-      ];
-      for (const style of styles) {
-        if (fs3.existsSync(style)) {
-          imports.push(`import "${toAtFS(style)}"`);
-          continue;
-        }
-      }
-    }
-    if (data.features.katex)
-      imports.push(`import "${await resolveUrl("katex/dist/katex.min.css")}"`);
-    if (data.config.highlighter === "shiki") {
-      imports.push(
-        `import "${await resolveUrl("@shikijs/vitepress-twoslash/style.css")}"`,
-        `import "${resolveUrlOfClient("styles/shiki-twoslash.css")}"`
-      );
+  for (next = start; !found; ) {
+    next++;
+    if (next >= end)
+      break;
+    pos = state.bMarks[next] + state.tShift[next];
+    max = state.eMarks[next];
+    if (pos < max && state.tShift[next] < state.blkIndent) {
+      break;
     }
-    if (data.config.css === "unocss") {
-      imports.unshift(
-        `import "${await resolveUrl("@unocss/reset/tailwind.css")}"`,
-        'import "uno:preflights.css"',
-        'import "uno:typography.css"',
-        'import "uno:shortcuts.css"'
-      );
-      imports.push('import "uno.css"');
+    if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
+      lastPos = state.src.slice(0, max).lastIndexOf("$$");
+      lastLine = state.src.slice(pos, lastPos);
+      found = true;
     }
-    return imports.join("\n");
   }
-  async function generateMonacoTypes() {
-    return `void 0; ${parser.scanMonacoModules(data.slides.map((s) => s.source.raw).join()).map((i) => `import('/@slidev-monaco-types/${i}')`).join("\n")}`;
+  state.line = next + 1;
+  const token = state.push("math_block", "math", 0);
+  token.block = true;
+  token.content = (firstLine && firstLine.trim() ? `${firstLine}
+` : "") + state.getLines(start + 1, next, state.tShift[start], true) + (lastLine && lastLine.trim() ? lastLine : "");
+  token.map = [start, state.line];
+  token.markup = "$$";
+  return true;
+}
+function math_plugin(md2, options) {
+  options = options || {};
+  const katexInline = function(latex) {
+    options.displayMode = false;
+    try {
+      return katex.renderToString(latex, options);
+    } catch (error) {
+      if (options.throwOnError)
+        console.warn(error);
+      return latex;
+    }
+  };
+  const inlineRenderer = function(tokens, idx) {
+    return katexInline(tokens[idx].content);
+  };
+  const katexBlock = function(latex) {
+    options.displayMode = true;
+    try {
+      return `<p>${katex.renderToString(latex, options)}</p>`;
+    } catch (error) {
+      if (options.throwOnError)
+        console.warn(error);
+      return latex;
+    }
+  };
+  const blockRenderer = function(tokens, idx) {
+    return `${katexBlock(tokens[idx].content)}
+`;
+  };
+  md2.inline.ruler.after("escape", "math_inline", math_inline);
+  md2.block.ruler.after("blockquote", "math_block", math_block, {
+    alt: ["paragraph", "reference", "blockquote", "list"]
+  });
+  md2.renderer.rules.math_inline = inlineRenderer;
+  md2.renderer.rules.math_block = blockRenderer;
+}
+
+// node/plugins/markdown-it-prism.ts
+import { createRequire } from "node:module";
+import Prism from "prismjs";
+import loadLanguages from "prismjs/components/index.js";
+import * as htmlparser2 from "htmlparser2";
+var require2 = createRequire(import.meta.url);
+var Tag = class {
+  tagname;
+  attributes;
+  constructor(tagname, attributes) {
+    this.tagname = tagname;
+    this.attributes = attributes;
   }
-  async function generateLayouts() {
-    const imports = [];
-    const layouts = objectMap(
-      await getLayouts(),
-      (k, v) => {
-        imports.push(`import __layout_${k} from "${toAtFS(v)}"`);
-        return [k, `__layout_${k}`];
-      }
-    );
-    return [
-      imports.join("\n"),
-      `export default {
-${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}
-}`
-    ].join("\n\n");
+  asOpen() {
+    return `<${this.tagname} ${Object.entries(this.attributes).map(([key, value]) => `${key}="${value}"`).join(" ")}>`;
   }
-  async function generateRoutes() {
-    const imports = [];
-    const redirects = [];
-    const layouts = await getLayouts();
-    imports.push(
-      `import { markRaw } from 'vue'`,
-      `import __layout__end from '${layouts.end}'`
-    );
-    let no = 1;
-    const routes = data.slides.map((i, idx) => {
-      imports.push(`import n${no} from '${slidePrefix}${idx + 1}.md'`);
-      imports.push(`import { meta as f${no} } from '${slidePrefix}${idx + 1}.frontmatter'`);
-      const route = `{ path: '${no}', name: 'page-${no}', component: n${no}, meta: f${no} }`;
-      if (i.frontmatter?.routeAlias)
-        redirects.push(`{ path: '${i.frontmatter?.routeAlias}', redirect: { path: '${no}' } }`);
-      no += 1;
-      return route;
-    });
-    const routesStr = `export const rawRoutes = [
-${routes.join(",\n")}
-].map(markRaw)`;
-    const redirectsStr = `export const redirects = [
-${redirects.join(",\n")}
-].map(markRaw)`;
-    return [...imports, routesStr, redirectsStr].join("\n");
+  asClosed() {
+    return `</${this.tagname}>`;
   }
-  function getTitle() {
-    if (isString(data.config.title)) {
-      const tokens = md.parseInline(data.config.title, {});
-      return stringifyMarkdownTokens(tokens);
-    }
-    return data.config.title;
+};
+var DEFAULTS = {
+  plugins: [],
+  init: () => {
+  },
+  defaultLanguageForUnknown: void 0,
+  defaultLanguageForUnspecified: void 0,
+  defaultLanguage: void 0
+};
+function loadPrismLang(lang) {
+  if (!lang)
+    return void 0;
+  let langObject = Prism.languages[lang];
+  if (langObject === void 0) {
+    loadLanguages([lang]);
+    langObject = Prism.languages[lang];
   }
-  function generateConfigs() {
-    const config = {
-      ...data.config,
-      remote,
-      title: getTitle()
-    };
-    if (isString(config.info))
-      config.info = md.render(config.info);
-    return `export default ${JSON.stringify(config)}`;
+  return langObject;
+}
+function loadPrismPlugin(name) {
+  try {
+    require2(`prismjs/plugins/${name}/prism-${name}`);
+  } catch (e) {
+    throw new Error(`Cannot load Prism plugin "${name}". Please check the spelling.`);
   }
-  async function generateGlobalComponents(layer) {
-    const components = roots.flatMap((root) => {
-      if (layer === "top") {
-        return [
-          join4(root, "global.vue"),
-          join4(root, "global-top.vue"),
-          join4(root, "GlobalTop.vue")
-        ];
-      } else {
-        return [
-          join4(root, "global-bottom.vue"),
-          join4(root, "GlobalBottom.vue")
-        ];
-      }
-    }).filter((i) => fs3.existsSync(i));
-    const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
-    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
-    return `
-${imports}
-import { h } from 'vue'
-export default {
-  render() {
-    return [${render}]
+}
+function selectLanguage(options, lang) {
+  let langToUse = lang;
+  if (langToUse === "" && options.defaultLanguageForUnspecified !== void 0)
+    langToUse = options.defaultLanguageForUnspecified;
+  let prismLang = loadPrismLang(langToUse);
+  if (prismLang === void 0 && options.defaultLanguageForUnknown !== void 0) {
+    langToUse = options.defaultLanguageForUnknown;
+    prismLang = loadPrismLang(langToUse);
   }
+  return [langToUse, prismLang];
+}
+function highlight(markdownit, options, text, lang) {
+  const [langToUse, prismLang] = selectLanguage(options, lang);
+  let code = text.trimEnd();
+  code = prismLang ? highlightPrism(code, prismLang, langToUse) : markdownit.utils.escapeHtml(code);
+  code = code.split(/\r?\n/g).map((line) => `<span class="line">${line}</span>`).join("\n");
+  const classAttribute = langToUse ? ` class="slidev-code ${markdownit.options.langPrefix}${markdownit.utils.escapeHtml(langToUse)}"` : "";
+  return escapeVueInCode(`<pre${classAttribute}><code>${code}</code></pre>`);
+}
+function highlightPrism(code, prismLang, langToUse) {
+  const openTags = [];
+  const parser2 = new htmlparser2.Parser({
+    onopentag(tagname, attributes) {
+      openTags.push(new Tag(tagname, attributes));
+    },
+    onclosetag() {
+      openTags.pop();
+    }
+  });
+  code = Prism.highlight(code, prismLang, langToUse);
+  code = code.split(/\r?\n/g).map((line) => {
+    const prefix = openTags.map((tag) => tag.asOpen()).join("");
+    parser2.write(line);
+    const postfix = openTags.reverse().map((tag) => tag.asClosed()).join("");
+    return prefix + line + postfix;
+  }).join("\n");
+  parser2.end();
+  return code;
 }
-`;
-  }
-  async function generateCustomNavControls() {
-    const components = roots.flatMap((root) => {
-      return [
-        join4(root, "custom-nav-controls.vue"),
-        join4(root, "CustomNavControls.vue")
-      ];
-    }).filter((i) => fs3.existsSync(i));
-    const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
-    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
-    return `
-${imports}
-import { h } from 'vue'
-export default {
-  render() {
-    return [${render}]
-  }
+function checkLanguageOption(options, optionName) {
+  const language = options[optionName];
+  if (language !== void 0 && loadPrismLang(language) === void 0)
+    throw new Error(`Bad option ${optionName}: There is no Prism language '${language}'.`);
 }
-`;
-  }
+function markdownItPrism(markdownit, useroptions) {
+  const options = Object.assign({}, DEFAULTS, useroptions);
+  checkLanguageOption(options, "defaultLanguage");
+  checkLanguageOption(options, "defaultLanguageForUnknown");
+  checkLanguageOption(options, "defaultLanguageForUnspecified");
+  options.defaultLanguageForUnknown = options.defaultLanguageForUnknown || options.defaultLanguage;
+  options.defaultLanguageForUnspecified = options.defaultLanguageForUnspecified || options.defaultLanguage;
+  options.plugins.forEach(loadPrismPlugin);
+  options.init(Prism);
+  markdownit.options.highlight = (text, lang) => highlight(markdownit, options, text, lang);
 }
 
-// node/plugins/monacoTransform.ts
-import { dirname as dirname2, join as join5 } from "node:path";
-import fs4 from "node:fs/promises";
-import process2 from "node:process";
-import { slash } from "@antfu/utils";
-import { findDepPkgJsonPath } from "vitefu";
-async function getPackageData(pkg) {
-  const pkgJsonPath = await findDepPkgJsonPath(pkg, process2.cwd());
-  if (!pkgJsonPath)
-    return;
-  const pkgJson = JSON.parse(await fs4.readFile(pkgJsonPath, "utf-8"));
-  const typePath = pkgJson.types || pkgJson.typings;
-  if (!typePath)
-    return;
-  return [dirname2(pkgJsonPath), pkgJson, typePath];
+// node/plugins/transformSnippet.ts
+import path from "node:path";
+import fs3 from "fs-extra";
+function dedent(text) {
+  const lines = text.split("\n");
+  const minIndentLength = lines.reduce((acc, line) => {
+    for (let i = 0; i < line.length; i++) {
+      if (line[i] !== " " && line[i] !== "	")
+        return Math.min(i, acc);
+    }
+    return acc;
+  }, Number.POSITIVE_INFINITY);
+  if (minIndentLength < Number.POSITIVE_INFINITY)
+    return lines.map((x) => x.slice(minIndentLength)).join("\n");
+  return text;
 }
-function createMonacoTypesLoader() {
-  return {
-    name: "slidev:monaco-types-loader",
-    resolveId(id) {
-      if (id.startsWith("/@slidev-monaco-types/"))
-        return id;
-      return null;
-    },
-    async load(id) {
-      const match = id.match(/^\/\@slidev-monaco-types\/(.*)$/);
-      if (match) {
-        const pkg = match[1];
-        const packageData = await getPackageData(pkg) || await getPackageData(`@types/${pkg}`);
-        if (!packageData)
-          return;
-        const [pkgDir, pkgJson, typePath] = packageData;
-        return [
-          "import * as monaco from 'monaco-editor'",
-          `import Type from "${slash(join5(pkgDir, typePath))}?raw"`,
-          ...Object.keys(pkgJson.dependencies || {}).map((i) => `import "/@slidev-monaco-types/${i}"`),
-          `monaco.languages.typescript.typescriptDefaults.addExtraLib(\`declare module "${pkg}" { \${Type} }\`)`
-        ].join("\n");
+function testLine(line, regexp, regionName, end = false) {
+  const [full, tag, name] = regexp.exec(line.trim()) || [];
+  return full && tag && name === regionName && tag.match(end ? /^[Ee]nd ?[rR]egion$/ : /^[rR]egion$/);
+}
+function findRegion(lines, regionName) {
+  const regionRegexps = [
+    /^\/\/ ?#?((?:end)?region) ([\w*-]+)$/,
+    // javascript, typescript, java
+    /^\/\* ?#((?:end)?region) ([\w*-]+) ?\*\/$/,
+    // css, less, scss
+    /^#pragma ((?:end)?region) ([\w*-]+)$/,
+    // C, C++
+    /^<!-- #?((?:end)?region) ([\w*-]+) -->$/,
+    // HTML, markdown
+    /^#((?:End )Region) ([\w*-]+)$/,
+    // Visual Basic
+    /^::#((?:end)region) ([\w*-]+)$/,
+    // Bat
+    /^# ?((?:end)?region) ([\w*-]+)$/
+    // C#, PHP, Powershell, Python, perl & misc
+  ];
+  let regexp = null;
+  let start = -1;
+  for (const [lineId, line] of lines.entries()) {
+    if (regexp === null) {
+      for (const reg of regionRegexps) {
+        if (testLine(line, reg, regionName)) {
+          start = lineId + 1;
+          regexp = reg;
+          break;
+        }
       }
+    } else if (testLine(line, regexp, regionName, true)) {
+      return { start, end: lineId, regexp };
     }
-  };
+  }
+  return null;
+}
+function transformSnippet(md2, options, id) {
+  const slideId = id.match(/(\d+)\.md$/)?.[1];
+  if (!slideId)
+    return md2;
+  const data = options.data;
+  const slideInfo = data.slides[+slideId - 1];
+  const dir = path.dirname(slideInfo.source?.filepath ?? options.entry ?? options.userRoot);
+  return md2.replace(
+    /^<<< *(.+?)(#[\w-]+)? *(?: (\S+?))? *(\{.*)?$/mg,
+    (full, filepath = "", regionName = "", lang = "", meta = "") => {
+      const firstLine = `\`\`\`${lang || path.extname(filepath).slice(1)} ${meta}`;
+      const src = /^\@[\/]/.test(filepath) ? path.resolve(options.userRoot, filepath.slice(2)) : path.resolve(dir, filepath);
+      data.watchFiles.push(src);
+      const isAFile = fs3.statSync(src).isFile();
+      if (!fs3.existsSync(src) || !isAFile) {
+        throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
+      }
+      let content = fs3.readFileSync(src, "utf8");
+      slideInfo.snippetsUsed ??= {};
+      slideInfo.snippetsUsed[src] = content;
+      if (regionName) {
+        const lines = content.split(/\r?\n/);
+        const region = findRegion(lines, regionName.slice(1));
+        if (region) {
+          content = dedent(
+            lines.slice(region.start, region.end).filter((line) => !region.regexp.test(line.trim())).join("\n")
+          );
+        }
+      }
+      return `${firstLine}
+${content}
+\`\`\``;
+    }
+  );
 }
 
-// node/plugins/setupClient.ts
-import { existsSync as existsSync2 } from "node:fs";
-import { join as join6, resolve as resolve2 } from "node:path";
-import { slash as slash2, uniq as uniq2 } from "@antfu/utils";
-function createClientSetupPlugin({ themeRoots, addonRoots, userRoot, clientRoot }) {
-  const setupEntry = slash2(resolve2(clientRoot, "setup"));
-  return {
-    name: "slidev:setup",
-    enforce: "pre",
-    async transform(code, id) {
-      if (id.startsWith(setupEntry)) {
-        let getInjections2 = function(isAwait = false, isChained = false) {
-          return injections.join("\n").replace(/:AWAIT:/g, isAwait ? "await " : "").replace(/(,\s*)?:LAST:/g, isChained ? "$1injection_return" : "");
-        };
-        var getInjections = getInjections2;
-        const name = id.slice(setupEntry.length + 1).replace(/\?.*$/, "");
-        const imports = [];
-        const injections = [];
-        const setups = uniq2([
-          ...themeRoots,
-          ...addonRoots,
-          userRoot
-        ]).map((i) => join6(i, "setup", name));
-        setups.forEach((path2, idx) => {
-          if (!existsSync2(path2))
-            return;
-          imports.push(`import __n${idx} from '${toAtFS(path2)}'`);
-          let fn = `:AWAIT:__n${idx}`;
-          if (/\binjection_return\b/g.test(code))
-            fn = `injection_return = ${fn}`;
-          if (/\binjection_arg\b/g.test(code)) {
-            fn += "(";
-            const matches = Array.from(code.matchAll(/\binjection_arg(_\d+)?\b/g));
-            const dedupedMatches = Array.from(new Set(matches.map((m) => m[0])));
-            fn += dedupedMatches.join(", ");
-            fn += ", :LAST:)";
-          } else {
-            fn += "(:LAST:)";
+// node/plugins/markdown.ts
+var shiki;
+var shikiOptions;
+async function createMarkdownPlugin(options, { markdown: mdOptions }) {
+  const { data: { config }, roots, mode, entry, clientRoot } = options;
+  const setups = [];
+  const entryPath = slash(entry);
+  if (config.highlighter === "shiki") {
+    const [
+      options2,
+      { getHighlighter, bundledLanguages },
+      markdownItShiki,
+      transformerTwoslash
+    ] = await Promise.all([
+      loadShikiSetups(clientRoot, roots),
+      import("shiki").then(({ getHighlighter: getHighlighter2, bundledLanguages: bundledLanguages2 }) => ({ bundledLanguages: bundledLanguages2, getHighlighter: getHighlighter2 })),
+      import("@shikijs/markdown-it/core").then(({ fromHighlighter }) => fromHighlighter),
+      import("@shikijs/vitepress-twoslash").then(({ transformerTwoslash: transformerTwoslash2 }) => transformerTwoslash2)
+    ]);
+    shikiOptions = options2;
+    shiki = await getHighlighter({
+      ...options2,
+      langs: options2.langs ?? Object.keys(bundledLanguages),
+      themes: "themes" in options2 ? Object.values(options2.themes) : [options2.theme]
+    });
+    const transformers = [
+      ...options2.transformers || [],
+      transformerTwoslash({
+        explicitTrigger: true,
+        twoslashOptions: {
+          handbookOptions: {
+            noErrorValidation: true
           }
-          injections.push(
-            `// ${path2}`,
-            fn
-          );
-        });
-        code = code.replace("/* __imports__ */", imports.join("\n"));
-        code = code.replace("/* __injections__ */", getInjections2());
-        code = code.replace("/* __async_injections__ */", getInjections2(true));
-        code = code.replace("/* __chained_injections__ */", getInjections2(false, true));
-        code = code.replace("/* __chained_async_injections__ */", getInjections2(true, true));
+        }
+      }),
+      {
+        pre(pre) {
+          this.addClassToHast(pre, "slidev-code");
+          delete pre.properties.tabindex;
+        },
+        postprocess(code) {
+          return escapeVueInCode(code);
+        }
+      }
+    ];
+    const plugin = markdownItShiki(shiki, {
+      ...options2,
+      transformers
+    });
+    setups.push((md2) => md2.use(plugin));
+  } else {
+    setups.push((md2) => md2.use(markdownItPrism));
+  }
+  if (config.mdc)
+    setups.push((md2) => md2.use(Mdc));
+  const KatexOptions = await loadSetups(options.clientRoot, roots, "katex.ts", {}, { strict: false }, false);
+  return Markdown({
+    include: [/\.md$/],
+    wrapperClasses: "",
+    headEnabled: false,
+    frontmatter: false,
+    escapeCodeTagInterpolation: false,
+    markdownItOptions: {
+      quotes: `""''`,
+      html: true,
+      xhtmlOut: true,
+      linkify: true,
+      ...mdOptions?.markdownItOptions
+    },
+    ...mdOptions,
+    markdownItSetup(md2) {
+      md2.use(mila, {
+        attrs: {
+          target: "_blank",
+          rel: "noopener"
+        }
+      });
+      md2.use(mif);
+      md2.use(taskLists, { enabled: true, lineNumber: true, label: true });
+      md2.use(math_plugin, KatexOptions);
+      setups.forEach((i) => i(md2));
+      mdOptions?.markdownItSetup?.(md2);
+    },
+    transforms: {
+      before(code, id) {
+        if (id === entryPath)
+          return "";
+        const monaco = config.monaco === true || config.monaco === mode ? transformMarkdownMonaco : truncateMancoMark;
+        if (config.highlighter === "shiki")
+          code = transformMagicMove(code, shiki, shikiOptions);
+        code = transformSlotSugar(code);
+        code = transformSnippet(code, options, id);
+        code = transformMermaid(code);
+        code = transformPlantUml(code, config.plantUmlServer);
+        code = monaco(code);
+        code = transformHighlighter(code);
+        code = transformPageCSS(code, id);
+        code = transformKaTex(code);
         return code;
       }
-      return null;
     }
-  };
+  });
 }
+function transformKaTex(md2) {
+  return md2.replace(
+    /^\$\$(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?\s*?)?\n([\s\S]+?)^\$\$/mg,
+    (full, rangeStr = "", options = "", code) => {
+      const ranges = rangeStr.split(/\|/g).map((i) => i.trim());
+      code = code.trimEnd();
+      options = options.trim() || "{}";
+      return `<KaTexBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
 
-// node/plugins/markdown.ts
-import fs6 from "node:fs/promises";
-import Markdown2 from "unplugin-vue-markdown/vite";
-import { slash as slash3 } from "@antfu/utils";
-
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/image-size/specialCharacters.js
-var SpecialCharacters;
-(function(SpecialCharacters2) {
-  SpecialCharacters2[SpecialCharacters2["EXCLAMATION_MARK"] = 33] = "EXCLAMATION_MARK";
-  SpecialCharacters2[SpecialCharacters2["OPENING_BRACKET"] = 91] = "OPENING_BRACKET";
-  SpecialCharacters2[SpecialCharacters2["OPENING_PARENTHESIS"] = 40] = "OPENING_PARENTHESIS";
-  SpecialCharacters2[SpecialCharacters2["WHITESPACE"] = 32] = "WHITESPACE";
-  SpecialCharacters2[SpecialCharacters2["NEW_LINE"] = 10] = "NEW_LINE";
-  SpecialCharacters2[SpecialCharacters2["EQUALS"] = 61] = "EQUALS";
-  SpecialCharacters2[SpecialCharacters2["LOWER_CASE_X"] = 120] = "LOWER_CASE_X";
-  SpecialCharacters2[SpecialCharacters2["NUMBER_ZERO"] = 48] = "NUMBER_ZERO";
-  SpecialCharacters2[SpecialCharacters2["NUMBER_NINE"] = 57] = "NUMBER_NINE";
-  SpecialCharacters2[SpecialCharacters2["PERCENTAGE"] = 37] = "PERCENTAGE";
-  SpecialCharacters2[SpecialCharacters2["CLOSING_PARENTHESIS"] = 41] = "CLOSING_PARENTHESIS";
-})(SpecialCharacters || (SpecialCharacters = {}));
-
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/task-lists/index.js
-import Token from "markdown-it/lib/token.mjs";
-var checkboxRegex = /^ *\[([\sx])] /i;
-function taskLists(md2, options = { enabled: false, label: false, lineNumber: false }) {
-  md2.core.ruler.after("inline", "task-lists", (state) => processToken(state, options));
-  md2.renderer.rules.taskListItemCheckbox = (tokens) => {
-    const token = tokens[0];
-    const checkedAttribute = token.attrGet("checked") ? 'checked="" ' : "";
-    const disabledAttribute = token.attrGet("disabled") ? 'disabled="" ' : "";
-    const line = token.attrGet("line");
-    const idAttribute = `id="${token.attrGet("id")}" `;
-    const dataLineAttribute = line && options.lineNumber ? `data-line="${line}" ` : "";
-    return `<input class="task-list-item-checkbox" type="checkbox" ${checkedAttribute}${disabledAttribute}${dataLineAttribute}${idAttribute}/>`;
-  };
-  md2.renderer.rules.taskListItemLabel_close = () => {
-    return "</label>";
-  };
-  md2.renderer.rules.taskListItemLabel_open = (tokens) => {
-    const token = tokens[0];
-    const id = token.attrGet("id");
-    return `<label for="${id}">`;
-  };
+$$
+${code}
+$$
+</KaTexBlockWrapper>
+`;
+    }
+  );
 }
-function processToken(state, options) {
-  const allTokens = state.tokens;
-  for (let i = 2; i < allTokens.length; i++) {
-    if (!isTodoItem(allTokens, i)) {
-      continue;
+function transformMarkdownMonaco(md2) {
+  md2 = md2.replace(
+    /^```(\w+?)\s*{monaco-diff}\s*?({.*?})?\s*?\n([\s\S]+?)^~~~\s*?\n([\s\S]+?)^```/mg,
+    (full, lang = "ts", options = "{}", code, diff) => {
+      lang = lang.trim();
+      options = options.trim() || "{}";
+      const encoded = lz.compressToBase64(code);
+      const encodedDiff = lz.compressToBase64(diff);
+      return `<Monaco code-lz="${encoded}" diff-lz="${encodedDiff}" lang="${lang}" v-bind="${options}" />`;
     }
-    todoify(allTokens[i], options);
-    allTokens[i - 2].attrJoin("class", `task-list-item ${options.enabled ? " enabled" : ""}`);
-    const parentToken = findParentToken(allTokens, i - 2);
-    if (parentToken) {
-      const classes = parentToken.attrGet("class") ?? "";
-      if (!classes.match(/(^| )contains-task-list/)) {
-        parentToken.attrJoin("class", "contains-task-list");
-      }
+  );
+  md2 = md2.replace(
+    /^```(\w+?)\s*{monaco}\s*?({.*?})?\s*?\n([\s\S]+?)^```/mg,
+    (full, lang = "ts", options = "{}", code) => {
+      lang = lang.trim();
+      options = options.trim() || "{}";
+      const encoded = lz.compressToBase64(code);
+      return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
     }
-  }
-  return false;
+  );
+  return md2;
 }
-function findParentToken(tokens, index) {
-  const targetLevel = tokens[index].level - 1;
-  for (let currentTokenIndex = index - 1; currentTokenIndex >= 0; currentTokenIndex--) {
-    if (tokens[currentTokenIndex].level === targetLevel) {
-      return tokens[currentTokenIndex];
+function scanMonacoModules(md2) {
+  const typeModules = /* @__PURE__ */ new Set();
+  md2.replace(
+    /^```(\w+?)\s*{monaco([\w:,-]*)}[\s\n]*([\s\S]+?)^```/mg,
+    (full, lang = "ts", options, code) => {
+      options = options || "";
+      lang = lang.trim();
+      if (lang === "ts" || lang === "typescript") {
+        Array.from(code.matchAll(/\s+from\s+(["'])([\/\w@-]+)\1/g)).map((i) => i[2]).filter(isTruthy).map((i) => typeModules.add(i));
+      }
+      return "";
     }
-  }
-  return void 0;
-}
-function isTodoItem(tokens, index) {
-  return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
-}
-function todoify(token, options) {
-  if (token.children == null) {
-    return;
-  }
-  const id = generateIdForToken(token);
-  token.children.splice(0, 0, createCheckboxToken(token, options.enabled, id));
-  token.children[1].content = token.children[1].content.replace(checkboxRegex, "");
-  if (options.label) {
-    token.children.splice(1, 0, createLabelBeginToken(id));
-    token.children.push(createLabelEndToken());
-  }
+  );
+  return Array.from(typeModules);
 }
-function generateIdForToken(token) {
-  if (token.map) {
-    return `task-item-${token.map[0]}`;
-  } else {
-    return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
-  }
+function truncateMancoMark(md2) {
+  return md2.replace(/{monaco.*?}/g, "");
 }
-function createCheckboxToken(token, enabled, id) {
-  const checkbox = new Token("taskListItemCheckbox", "", 0);
-  if (!enabled) {
-    checkbox.attrSet("disabled", "true");
-  }
-  if (token.map) {
-    checkbox.attrSet("line", token.map[0].toString());
-  }
-  checkbox.attrSet("id", id);
-  const checkboxRegexResult = checkboxRegex.exec(token.content);
-  const isChecked = checkboxRegexResult?.[1].toLowerCase() === "x";
-  if (isChecked) {
-    checkbox.attrSet("checked", "true");
-  }
-  return checkbox;
+function transformSlotSugar(md2) {
+  const lines = md2.split(/\r?\n/g);
+  let prevSlot = false;
+  const { isLineInsideCodeblocks } = getCodeBlocks(md2);
+  lines.forEach((line, idx) => {
+    if (isLineInsideCodeblocks(idx))
+      return;
+    const match = line.trimEnd().match(/^::\s*([\w\.\-\:]+)\s*::$/);
+    if (match) {
+      lines[idx] = `${prevSlot ? "\n\n</template>\n" : "\n"}<template v-slot:${match[1]}="slotProps">
+`;
+      prevSlot = true;
+    }
+  });
+  if (prevSlot)
+    lines[lines.length - 1] += "\n\n</template>";
+  return lines.join("\n");
 }
-function createLabelBeginToken(id) {
-  const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
-  labelBeginToken.attrSet("id", id);
-  return labelBeginToken;
+var reMagicMoveBlock = /^````(?:md|markdown) magic-move(?:[ ]*?({.*?})?([^\n]*?))?\n([\s\S]+?)^````$/mg;
+var reCodeBlock = /^```(\w+?)(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?(.*?))?\n([\s\S]+?)^```$/mg;
+function transformMagicMove(md2, shiki2, shikiOptions2) {
+  return md2.replace(
+    reMagicMoveBlock,
+    (full, _options = "", _attrs = "", body) => {
+      if (!shiki2 || !shikiOptions2)
+        throw new Error("Shiki is required for Magic Move. You may need to set `highlighter: shiki` in your Slidev config.");
+      const matches = Array.from(body.matchAll(reCodeBlock));
+      if (!matches.length)
+        throw new Error("Magic Move block must contain at least one code block");
+      const langs = new Set(matches.map((i) => i[1]));
+      if (langs.size > 1)
+        throw new Error(`Magic Move block must contain code blocks with the same language, got ${Array.from(langs).join(", ")}`);
+      const lang = Array.from(langs)[0];
+      const magicMove = createMagicMoveMachine(
+        (code) => codeToKeyedTokens(shiki2, code, {
+          ...shikiOptions2,
+          lang
+        })
+      );
+      const steps = matches.map((i) => magicMove.commit((i[5] || "").trimEnd()));
+      const compressed = lz.compressToBase64(JSON.stringify(steps));
+      return `<ShikiMagicMove steps-lz="${compressed}" />`;
+    }
+  );
 }
-function createLabelEndToken() {
-  return new Token("taskListItemLabel_close", "", -1);
+function transformHighlighter(md2) {
+  return md2.replace(
+    reCodeBlock,
+    (full, lang = "", rangeStr = "", options = "", attrs = "", code) => {
+      const ranges = !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
+      code = code.trimEnd();
+      options = options.trim() || "{}";
+      return `
+<CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
+
+\`\`\`${lang}${attrs}
+${code}
+\`\`\`
+
+</CodeBlockWrapper>`;
+    }
+  );
 }
-function isInline(token) {
-  return token.type === "inline";
+function getCodeBlocks(md2) {
+  const codeblocks = Array.from(md2.matchAll(/^```[\s\S]*?^```/mg)).map((m) => {
+    const start = m.index;
+    const end = m.index + m[0].length;
+    const startLine = md2.slice(0, start).match(/\n/g)?.length || 0;
+    const endLine = md2.slice(0, end).match(/\n/g)?.length || 0;
+    return [start, end, startLine, endLine];
+  });
+  return {
+    codeblocks,
+    isInsideCodeblocks(idx) {
+      return codeblocks.some(([s, e]) => s <= idx && idx <= e);
+    },
+    isLineInsideCodeblocks(line) {
+      return codeblocks.some(([, , s, e]) => s <= line && line <= e);
+    }
+  };
 }
-function isParagraph(token) {
-  return token.type === "paragraph_open";
+function transformPageCSS(md2, id) {
+  const page = id.match(/(\d+)\.md$/)?.[1];
+  if (!page)
+    return md2;
+  const { isInsideCodeblocks } = getCodeBlocks(md2);
+  const result = md2.replace(
+    /(\n<style[^>]*?>)([\s\S]+?)(<\/style>)/g,
+    (full, start, css, end, index) => {
+      if (index < 0 || isInsideCodeblocks(index))
+        return full;
+      if (!start.includes("scoped"))
+        start = start.replace("<style", "<style scoped");
+      return `${start}
+${css}${end}`;
+    }
+  );
+  return result;
 }
-function isListItem(token) {
-  return token.type === "list_item_open";
+function transformMermaid(md2) {
+  return md2.replace(/^```mermaid\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", code = "") => {
+    code = code.trim();
+    options = options.trim() || "{}";
+    const encoded = lz.compressToBase64(code);
+    return `<Mermaid code-lz="${encoded}" v-bind="${options}" />`;
+  });
 }
-function startsWithTodoMarkdown(token) {
-  return checkboxRegex.test(token.content);
+function transformPlantUml(md2, server) {
+  return md2.replace(/^```plantuml\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", content = "") => {
+    const code = encodePlantUml(content.trim());
+    options = options.trim() || "{}";
+    return `<PlantUml :code="'${code}'" :server="'${server}'" v-bind="${options}" />`;
+  });
 }
-
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.0.0/node_modules/@hedgedoc/markdown-it-plugins/dist/esm/toc/plugin.js
-import { Optional } from "@mrdrogdrog/optional";
-
-// node/plugins/markdown.ts
-import { encode as encodePlantUml } from "plantuml-encoder";
-import Mdc from "markdown-it-mdc";
-import { codeToKeyedTokens, createMagicMoveMachine } from "shiki-magic-move/core";
-import mila2 from "markdown-it-link-attributes";
-import mif from "markdown-it-footnote";
-import lz from "lz-string";
-
-// node/plugins/markdown-it-katex.ts
-import katex from "katex";
-function isValidDelim(state, pos) {
-  const max = state.posMax;
-  let can_open = true;
-  let can_close = true;
-  const prevChar = pos > 0 ? state.src.charCodeAt(pos - 1) : -1;
-  const nextChar = pos + 1 <= max ? state.src.charCodeAt(pos + 1) : -1;
-  if (prevChar === 32 || prevChar === 9 || /* \t */
-  nextChar >= 48 && nextChar <= 57)
-    can_close = false;
-  if (nextChar === 32 || nextChar === 9)
-    can_open = false;
-  return {
-    can_open,
-    can_close
-  };
+function escapeVueInCode(md2) {
+  return md2.replace(/{{/g, "&lbrace;&lbrace;");
 }
-function math_inline(state, silent) {
-  let match, token, res, pos;
-  if (state.src[state.pos] !== "$")
-    return false;
-  res = isValidDelim(state, state.pos);
-  if (!res.can_open) {
-    if (!silent)
-      state.pending += "$";
-    state.pos += 1;
-    return true;
-  }
-  const start = state.pos + 1;
-  match = start;
-  while ((match = state.src.indexOf("$", match)) !== -1) {
-    pos = match - 1;
-    while (state.src[pos] === "\\")
-      pos -= 1;
-    if ((match - pos) % 2 === 1)
-      break;
-    match += 1;
-  }
-  if (match === -1) {
-    if (!silent)
-      state.pending += "$";
-    state.pos = start;
-    return true;
-  }
-  if (match - start === 0) {
-    if (!silent)
-      state.pending += "$$";
-    state.pos = start + 1;
-    return true;
-  }
-  res = isValidDelim(state, match);
-  if (!res.can_close) {
-    if (!silent)
-      state.pending += "$";
-    state.pos = start;
-    return true;
+async function loadShikiSetups(clientRoot, roots) {
+  const result = await loadSetups(
+    clientRoot,
+    roots,
+    "shiki.ts",
+    {
+      /** @deprecated */
+      async loadTheme(path2) {
+        console.warn("[slidev] `loadTheme` in `setup/shiki.ts` is deprecated. Pass directly the theme name it's supported by Shiki. For custom themes, load it manually via `JSON.parse(fs.readFileSync(path, 'utf-8'))` and pass the raw JSON object instead.");
+        return JSON.parse(await fs4.readFile(path2, "utf-8"));
+      }
+    },
+    {},
+    false
+  );
+  if ("theme" in result && "themes" in result)
+    delete result.theme;
+  if (result.theme && typeof result.theme !== "string" && !result.theme.name && !result.theme.tokenColors) {
+    result.themes = result.theme;
+    delete result.theme;
   }
-  if (!silent) {
-    token = state.push("math_inline", "math", 0);
-    token.markup = "$";
-    token.content = state.src.slice(start, match);
+  if (!result.theme && !result.themes) {
+    result.themes = {
+      dark: "vitesse-dark",
+      light: "vitesse-light"
+    };
   }
-  state.pos = match + 1;
-  return true;
+  if (result.themes)
+    result.defaultColor = false;
+  return result;
 }
-function math_block(state, start, end, silent) {
-  let firstLine;
-  let lastLine;
-  let next;
-  let lastPos;
-  let found = false;
-  let pos = state.bMarks[start] + state.tShift[start];
-  let max = state.eMarks[start];
-  if (pos + 2 > max)
-    return false;
-  if (state.src.slice(pos, pos + 2) !== "$$")
-    return false;
-  pos += 2;
-  firstLine = state.src.slice(pos, max);
-  if (silent)
-    return true;
-  if (firstLine.trim().slice(-2) === "$$") {
-    firstLine = firstLine.trim().slice(0, -2);
-    found = true;
-  }
-  for (next = start; !found; ) {
-    next++;
-    if (next >= end)
-      break;
-    pos = state.bMarks[next] + state.tShift[next];
-    max = state.eMarks[next];
-    if (pos < max && state.tShift[next] < state.blkIndent) {
-      break;
-    }
-    if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
-      lastPos = state.src.slice(0, max).lastIndexOf("$$");
-      lastLine = state.src.slice(pos, lastPos);
-      found = true;
-    }
+
+// node/plugins/loaders.ts
+var regexId = /^\/\@slidev\/slide\/(\d+)\.(md|json)(?:\?import)?$/;
+var regexIdQuery = /(\d+?)\.(md|json|frontmatter)$/;
+var templateInjectionMarker = "/* @slidev-injection */";
+var templateImportContextUtils = `import {
+  useSlideContext,
+  provideFrontmatter as _provideFrontmatter,
+  frontmatterToProps as _frontmatterToProps,
+} from "@slidev/client/context.ts"`.replace(/\n\s*/g, " ");
+var templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $page, $renderContext, $frontmatter } = useSlideContext()`;
+function getBodyJson(req) {
+  return new Promise((resolve5, reject) => {
+    let body = "";
+    req.on("data", (chunk) => body += chunk);
+    req.on("error", reject);
+    req.on("end", () => {
+      try {
+        resolve5(JSON.parse(body) || {});
+      } catch (e) {
+        reject(e);
+      }
+    });
+  });
+}
+var md = Markdown2({ html: true });
+md.use(mila2, {
+  attrs: {
+    target: "_blank",
+    rel: "noopener"
   }
-  state.line = next + 1;
-  const token = state.push("math_block", "math", 0);
-  token.block = true;
-  token.content = (firstLine && firstLine.trim() ? `${firstLine}
-` : "") + state.getLines(start + 1, next, state.tShift[start], true) + (lastLine && lastLine.trim() ? lastLine : "");
-  token.map = [start, state.line];
-  token.markup = "$$";
-  return true;
+});
+function renderNote(text = "") {
+  let clickCount = 0;
+  const html = md.render(
+    text.replace(/\[click(?::(\d+))?\]/gi, (_, count = 1) => {
+      clickCount += Number(count);
+      return `<span class="slidev-note-click-mark" data-clicks="${clickCount}"></span>`;
+    })
+  );
+  return html;
 }
-function math_plugin(md2, options) {
-  options = options || {};
-  const katexInline = function(latex) {
-    options.displayMode = false;
-    try {
-      return katex.renderToString(latex, options);
-    } catch (error) {
-      if (options.throwOnError)
-        console.warn(error);
-      return latex;
-    }
-  };
-  const inlineRenderer = function(tokens, idx) {
-    return katexInline(tokens[idx].content);
-  };
-  const katexBlock = function(latex) {
-    options.displayMode = true;
-    try {
-      return `<p>${katex.renderToString(latex, options)}</p>`;
-    } catch (error) {
-      if (options.throwOnError)
-        console.warn(error);
-      return latex;
-    }
-  };
-  const blockRenderer = function(tokens, idx) {
-    return `${katexBlock(tokens[idx].content)}
-`;
+function withRenderedNote(data) {
+  return {
+    ...data,
+    noteHTML: renderNote(data?.note)
   };
-  md2.inline.ruler.after("escape", "math_inline", math_inline);
-  md2.block.ruler.after("blockquote", "math_block", math_block, {
-    alt: ["paragraph", "reference", "blockquote", "list"]
-  });
-  md2.renderer.rules.math_inline = inlineRenderer;
-  md2.renderer.rules.math_block = blockRenderer;
 }
+function createSlidesLoader({ data, clientRoot, roots, remote, mode, userRoot }, pluginOptions, serverOptions) {
+  const slidePrefix = "/@slidev/slides/";
+  const hmrPages = /* @__PURE__ */ new Set();
+  let server;
+  let _layouts_cache_time = 0;
+  let _layouts_cache = {};
+  return [
+    {
+      name: "slidev:loader",
+      configureServer(_server) {
+        server = _server;
+        updateServerWatcher();
+        server.middlewares.use(async (req, res, next) => {
+          const match = req.url?.match(regexId);
+          if (!match)
+            return next();
+          const [, no, type] = match;
+          const idx = Number.parseInt(no);
+          if (type === "json" && req.method === "GET") {
+            res.write(JSON.stringify(withRenderedNote(data.slides[idx])));
+            return res.end();
+          }
+          if (type === "json" && req.method === "POST") {
+            const body = await getBodyJson(req);
+            const slide = data.slides[idx];
+            if (body.content && body.content !== slide.source.content)
+              hmrPages.add(idx);
+            Object.assign(slide.source, body);
+            parser.prettifySlide(slide.source);
+            await parser.save(data.markdownFiles[slide.source.filepath]);
+            res.statusCode = 200;
+            res.write(JSON.stringify(withRenderedNote(slide)));
+            return res.end();
+          }
+          next();
+        });
+      },
+      async handleHotUpdate(ctx) {
+        if (!data.watchFiles.includes(ctx.file))
+          return;
+        await ctx.read();
+        const newData = await serverOptions.loadData?.();
+        if (!newData)
+          return [];
+        const moduleIds = /* @__PURE__ */ new Set();
+        if (data.slides.length !== newData.slides.length) {
+          moduleIds.add("/@slidev/routes");
+          range(newData.slides.length).map((i) => hmrPages.add(i));
+        }
+        if (!equal(data.headmatter.defaults, newData.headmatter.defaults)) {
+          moduleIds.add("/@slidev/routes");
+          range(data.slides.length).map((i) => hmrPages.add(i));
+        }
+        if (!equal(data.config, newData.config))
+          moduleIds.add("/@slidev/configs");
+        if (!equal(data.features, newData.features)) {
+          setTimeout(() => {
+            ctx.server.ws.send({ type: "full-reload" });
+          }, 1);
+        }
+        const length = Math.max(data.slides.length, newData.slides.length);
+        for (let i = 0; i < length; i++) {
+          const a = data.slides[i];
+          const b = newData.slides[i];
+          if (a?.content.trim() === b?.content.trim() && a?.title?.trim() === b?.title?.trim() && equal(a.frontmatter, b.frontmatter) && Object.entries(a.snippetsUsed ?? {}).every(([file, oldContent]) => {
+            try {
+              const newContent = fs5.readFileSync(file, "utf-8");
+              return oldContent === newContent;
+            } catch {
+              return false;
+            }
+          })) {
+            if (a?.note !== b?.note) {
+              ctx.server.ws.send({
+                type: "custom",
+                event: "slidev-update-note",
+                data: {
+                  id: i,
+                  note: b.note || "",
+                  noteHTML: renderNote(b.note || "")
+                }
+              });
+            }
+            continue;
+          }
+          ctx.server.ws.send({
+            type: "custom",
+            event: "slidev-update",
+            data: {
+              id: i,
+              data: withRenderedNote(newData.slides[i])
+            }
+          });
+          hmrPages.add(i);
+        }
+        Object.assign(data, newData);
+        if (hmrPages.size > 0)
+          moduleIds.add("/@slidev/titles.md");
+        const vueModules = Array.from(hmrPages).flatMap((i) => [
+          ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.frontmatter`),
+          ctx.server.moduleGraph.getModuleById(`${slidePrefix}${i + 1}.md`)
+        ]);
+        hmrPages.clear();
+        const moduleEntries = [
+          ...vueModules,
+          ...Array.from(moduleIds).map((id) => ctx.server.moduleGraph.getModuleById(id))
+        ].filter(notNullish).filter((i) => !i.id?.startsWith("/@id/@vite-icons"));
+        updateServerWatcher();
+        return moduleEntries;
+      },
+      resolveId(id) {
+        if (id.startsWith(slidePrefix) || id.startsWith("/@slidev/"))
+          return id;
+        return null;
+      },
+      load(id) {
+        if (id === "/@slidev/routes")
+          return generateRoutes();
+        if (id === "/@slidev/layouts")
+          return generateLayouts();
+        if (id === "/@slidev/styles")
+          return generateUserStyles();
+        if (id === "/@slidev/monaco-types")
+          return generateMonacoTypes();
+        if (id === "/@slidev/configs")
+          return generateConfigs();
+        if (id === "/@slidev/global-components/top")
+          return generateGlobalComponents("top");
+        if (id === "/@slidev/global-components/bottom")
+          return generateGlobalComponents("bottom");
+        if (id === "/@slidev/custom-nav-controls")
+          return generateCustomNavControls();
+        if (id === "/@slidev/shiki")
+          return generteShikiBundle();
+        if (id === "/@slidev/titles.md") {
+          return {
+            code: data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="+no === ${i + 1}">
 
-// node/plugins/markdown-it-prism.ts
-import { createRequire } from "node:module";
-import Prism from "prismjs";
-import loadLanguages from "prismjs/components/index.js";
-import * as htmlparser2 from "htmlparser2";
-var require2 = createRequire(import.meta.url);
-var Tag = class {
-  tagname;
-  attributes;
-  constructor(tagname, attributes) {
-    this.tagname = tagname;
-    this.attributes = attributes;
-  }
-  asOpen() {
-    return `<${this.tagname} ${Object.entries(this.attributes).map(([key, value]) => `${key}="${value}"`).join(" ")}>`;
+${title}
+
+</template>`).join(""),
+            map: { mappings: "" }
+          };
+        }
+        if (id.startsWith(slidePrefix)) {
+          const remaning = id.slice(slidePrefix.length);
+          const match = remaning.match(regexIdQuery);
+          if (match) {
+            const [, no, type] = match;
+            const pageNo = Number.parseInt(no) - 1;
+            const slide = data.slides[pageNo];
+            if (!slide)
+              return;
+            if (type === "md") {
+              return {
+                code: slide?.content,
+                map: { mappings: "" }
+              };
+            } else if (type === "frontmatter") {
+              const slideBase = {
+                ...withRenderedNote(slide),
+                frontmatter: void 0,
+                source: void 0,
+                // remove raw content in build, optimize the bundle size
+                ...mode === "build" ? { raw: "", content: "", note: "" } : {}
+              };
+              const fontmatter = getFrontmatter(pageNo);
+              return {
+                code: [
+                  "// @unocss-include",
+                  'import { reactive, computed } from "vue"',
+                  `export const frontmatter = reactive(${JSON.stringify(fontmatter)})`,
+                  `export const meta = reactive({
+                    layout: computed(() => frontmatter.layout),
+                    transition: computed(() => frontmatter.transition),
+                    class: computed(() => frontmatter.class),
+                    clicks: computed(() => frontmatter.clicks),
+                    name: computed(() => frontmatter.name),
+                    preload: computed(() => frontmatter.preload),
+                    slide: {
+                      ...(${JSON.stringify(slideBase)}),
+                      frontmatter,
+                      filepath: ${JSON.stringify(slide.source.filepath)},
+                      start: ${JSON.stringify(slide.source.start)},
+                      id: ${pageNo},
+                      no: ${no},
+                    },
+                    __clicksContext: null,
+                    __preloaded: false,
+                  })`,
+                  "export default frontmatter",
+                  // handle HMR, update frontmatter with update
+                  "if (import.meta.hot) {",
+                  "  import.meta.hot.accept(({ frontmatter: update }) => {",
+                  "    if(!update) return",
+                  "    Object.keys(frontmatter).forEach(key => {",
+                  "      if (!(key in update)) delete frontmatter[key]",
+                  "    })",
+                  "    Object.assign(frontmatter, update)",
+                  "  })",
+                  "}"
+                ].join("\n"),
+                map: { mappings: "" }
+              };
+            }
+          }
+          return {
+            code: "",
+            map: { mappings: "" }
+          };
+        }
+      }
+    },
+    {
+      name: "slidev:layout-transform:pre",
+      enforce: "pre",
+      async transform(code, id) {
+        if (!id.startsWith(slidePrefix))
+          return;
+        const remaning = id.slice(slidePrefix.length);
+        const match = remaning.match(regexIdQuery);
+        if (!match)
+          return;
+        const [, no, type] = match;
+        if (type !== "md")
+          return;
+        const pageNo = Number.parseInt(no) - 1;
+        return transformMarkdown(code, pageNo);
+      }
+    },
+    {
+      name: "slidev:context-transform:pre",
+      enforce: "pre",
+      async transform(code, id) {
+        if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/"))
+          return;
+        return transformVue(code);
+      }
+    },
+    {
+      name: "slidev:title-transform:pre",
+      enforce: "pre",
+      transform(code, id) {
+        if (id !== "/@slidev/titles.md")
+          return;
+        return transformTitles(code);
+      }
+    },
+    {
+      name: "slidev:slide-transform:post",
+      enforce: "post",
+      transform(code, id) {
+        if (!id.match(/\/@slidev\/slides\/\d+\.md($|\?)/))
+          return;
+        const replaced = code.replace("if (_rerender_only)", "if (false)");
+        if (replaced !== code)
+          return replaced;
+      }
+    },
+    {
+      name: "slidev:index-html-transform",
+      transformIndexHtml() {
+        const { info, author, keywords } = data.headmatter;
+        return [
+          {
+            tag: "title",
+            children: getTitle()
+          },
+          info && {
+            tag: "meta",
+            attrs: {
+              name: "description",
+              content: info
+            }
+          },
+          author && {
+            tag: "meta",
+            attrs: {
+              name: "author",
+              content: author
+            }
+          },
+          keywords && {
+            tag: "meta",
+            attrs: {
+              name: "keywords",
+              content: Array.isArray(keywords) ? keywords.join(", ") : keywords
+            }
+          }
+        ].filter(isTruthy2);
+      }
+    }
+  ];
+  function updateServerWatcher() {
+    if (!server)
+      return;
+    server.watcher.add(data.watchFiles);
   }
-  asClosed() {
-    return `</${this.tagname}>`;
+  function getFrontmatter(pageNo) {
+    return {
+      ...data.headmatter?.defaults || {},
+      ...data.slides[pageNo]?.frontmatter || {}
+    };
   }
-};
-var DEFAULTS = {
-  plugins: [],
-  init: () => {
-  },
-  defaultLanguageForUnknown: void 0,
-  defaultLanguageForUnspecified: void 0,
-  defaultLanguage: void 0
-};
-function loadPrismLang(lang) {
-  if (!lang)
-    return void 0;
-  let langObject = Prism.languages[lang];
-  if (langObject === void 0) {
-    loadLanguages([lang]);
-    langObject = Prism.languages[lang];
+  async function transformMarkdown(code, pageNo) {
+    const layouts = await getLayouts();
+    const frontmatter = getFrontmatter(pageNo);
+    let layoutName = frontmatter?.layout || (pageNo === 0 ? "cover" : "default");
+    if (!layouts[layoutName]) {
+      console.error(red(`
+Unknown layout "${bold(layoutName)}".${yellow(" Available layouts are:")}`) + Object.keys(layouts).map((i, idx) => (idx % 3 === 0 ? "\n    " : "") + gray(i.padEnd(15, " "))).join("  "));
+      console.error();
+      layoutName = "default";
+    }
+    delete frontmatter.title;
+    const imports = [
+      `import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
+      `import frontmatter from "${toAtFS(`${slidePrefix + (pageNo + 1)}.frontmatter`)}"`,
+      templateImportContextUtils,
+      "_provideFrontmatter(frontmatter)",
+      templateInitContext,
+      templateInjectionMarker
+    ];
+    code = code.replace(/(<script setup.*>)/g, `$1
+${imports.join("\n")}
+`);
+    const injectA = code.indexOf("<template>") + "<template>".length;
+    const injectB = code.lastIndexOf("</template>");
+    let body = code.slice(injectA, injectB).trim();
+    if (body.startsWith("<div>") && body.endsWith("</div>"))
+      body = body.slice(5, -6);
+    code = `${code.slice(0, injectA)}
+<InjectedLayout v-bind="_frontmatterToProps(frontmatter,${pageNo})">
+${body}
+</InjectedLayout>
+${code.slice(injectB)}`;
+    return code;
   }
-  return langObject;
-}
-function loadPrismPlugin(name) {
-  try {
-    require2(`prismjs/plugins/${name}/prism-${name}`);
-  } catch (e) {
-    throw new Error(`Cannot load Prism plugin "${name}". Please check the spelling.`);
+  function transformVue(code) {
+    if (code.includes(templateInjectionMarker) || code.includes("useSlideContext()"))
+      return code;
+    const imports = [
+      templateImportContextUtils,
+      templateInitContext,
+      templateInjectionMarker
+    ];
+    const matchScript = code.match(/<script((?!setup).)*(setup)?.*>/);
+    if (matchScript && matchScript[2]) {
+      return code.replace(/(<script.*>)/g, `$1
+${imports.join("\n")}
+`);
+    } else if (matchScript && !matchScript[2]) {
+      const matchExport = code.match(/export\s+default\s+{/);
+      if (matchExport) {
+        const exportIndex = (matchExport.index || 0) + matchExport[0].length;
+        let component = code.slice(exportIndex);
+        component = component.slice(0, component.indexOf("</script>"));
+        const scriptIndex = (matchScript.index || 0) + matchScript[0].length;
+        const provideImport = '\nimport { injectionSlidevContext } from "@slidev/client/constants.ts"\n';
+        code = `${code.slice(0, scriptIndex)}${provideImport}${code.slice(scriptIndex)}`;
+        let injectIndex = exportIndex + provideImport.length;
+        let injectObject = "$slidev: { from: injectionSlidevContext },";
+        const matchInject = component.match(/.*inject\s*:\s*([\[{])/);
+        if (matchInject) {
+          injectIndex += (matchInject.index || 0) + matchInject[0].length;
+          if (matchInject[1] === "[") {
+            let injects = component.slice((matchInject.index || 0) + matchInject[0].length);
+            const injectEndIndex = injects.indexOf("]");
+            injects = injects.slice(0, injectEndIndex);
+            injectObject += injects.split(",").map((inject) => `${inject}: {from: ${inject}}`).join(",");
+            return `${code.slice(0, injectIndex - 1)}{
+${injectObject}
+}${code.slice(injectIndex + injectEndIndex + 1)}`;
+          } else {
+            return `${code.slice(0, injectIndex)}
+${injectObject}
+${code.slice(injectIndex)}`;
+          }
+        }
+        return `${code.slice(0, injectIndex)}
+inject: { ${injectObject} },
+${code.slice(injectIndex)}`;
+      }
+    }
+    return `<script setup>
+${imports.join("\n")}
+</script>
+${code}`;
   }
-}
-function selectLanguage(options, lang) {
-  let langToUse = lang;
-  if (langToUse === "" && options.defaultLanguageForUnspecified !== void 0)
-    langToUse = options.defaultLanguageForUnspecified;
-  let prismLang = loadPrismLang(langToUse);
-  if (prismLang === void 0 && options.defaultLanguageForUnknown !== void 0) {
-    langToUse = options.defaultLanguageForUnknown;
-    prismLang = loadPrismLang(langToUse);
+  function transformTitles(code) {
+    return code.replace(/<template>\s*<div>\s*<p>/, "<template>").replace(/<\/p>\s*<\/div>\s*<\/template>/, "</template>").replace(/<script\ssetup>/, `<script setup lang="ts">
+defineProps<{ no: number | string }>()`);
   }
-  return [langToUse, prismLang];
-}
-function highlight(markdownit, options, text, lang) {
-  const [langToUse, prismLang] = selectLanguage(options, lang);
-  let code = text.trimEnd();
-  code = prismLang ? highlightPrism(code, prismLang, langToUse) : markdownit.utils.escapeHtml(code);
-  code = code.split(/\r?\n/g).map((line) => `<span class="line">${line}</span>`).join("\n");
-  const classAttribute = langToUse ? ` class="slidev-code ${markdownit.options.langPrefix}${markdownit.utils.escapeHtml(langToUse)}"` : "";
-  return escapeVueInCode(`<pre${classAttribute}><code>${code}</code></pre>`);
-}
-function highlightPrism(code, prismLang, langToUse) {
-  const openTags = [];
-  const parser2 = new htmlparser2.Parser({
-    onopentag(tagname, attributes) {
-      openTags.push(new Tag(tagname, attributes));
-    },
-    onclosetag() {
-      openTags.pop();
-    }
-  });
-  code = Prism.highlight(code, prismLang, langToUse);
-  code = code.split(/\r?\n/g).map((line) => {
-    const prefix = openTags.map((tag) => tag.asOpen()).join("");
-    parser2.write(line);
-    const postfix = openTags.reverse().map((tag) => tag.asClosed()).join("");
-    return prefix + line + postfix;
-  }).join("\n");
-  parser2.end();
-  return code;
-}
-function checkLanguageOption(options, optionName) {
-  const language = options[optionName];
-  if (language !== void 0 && loadPrismLang(language) === void 0)
-    throw new Error(`Bad option ${optionName}: There is no Prism language '${language}'.`);
-}
-function markdownItPrism(markdownit, useroptions) {
-  const options = Object.assign({}, DEFAULTS, useroptions);
-  checkLanguageOption(options, "defaultLanguage");
-  checkLanguageOption(options, "defaultLanguageForUnknown");
-  checkLanguageOption(options, "defaultLanguageForUnspecified");
-  options.defaultLanguageForUnknown = options.defaultLanguageForUnknown || options.defaultLanguage;
-  options.defaultLanguageForUnspecified = options.defaultLanguageForUnspecified || options.defaultLanguage;
-  options.plugins.forEach(loadPrismPlugin);
-  options.init(Prism);
-  markdownit.options.highlight = (text, lang) => highlight(markdownit, options, text, lang);
-}
-
-// node/plugins/transformSnippet.ts
-import path from "node:path";
-import fs5 from "fs-extra";
-function dedent(text) {
-  const lines = text.split("\n");
-  const minIndentLength = lines.reduce((acc, line) => {
-    for (let i = 0; i < line.length; i++) {
-      if (line[i] !== " " && line[i] !== "	")
-        return Math.min(i, acc);
-    }
-    return acc;
-  }, Number.POSITIVE_INFINITY);
-  if (minIndentLength < Number.POSITIVE_INFINITY)
-    return lines.map((x) => x.slice(minIndentLength)).join("\n");
-  return text;
-}
-function testLine(line, regexp, regionName, end = false) {
-  const [full, tag, name] = regexp.exec(line.trim()) || [];
-  return full && tag && name === regionName && tag.match(end ? /^[Ee]nd ?[rR]egion$/ : /^[rR]egion$/);
-}
-function findRegion(lines, regionName) {
-  const regionRegexps = [
-    /^\/\/ ?#?((?:end)?region) ([\w*-]+)$/,
-    // javascript, typescript, java
-    /^\/\* ?#((?:end)?region) ([\w*-]+) ?\*\/$/,
-    // css, less, scss
-    /^#pragma ((?:end)?region) ([\w*-]+)$/,
-    // C, C++
-    /^<!-- #?((?:end)?region) ([\w*-]+) -->$/,
-    // HTML, markdown
-    /^#((?:End )Region) ([\w*-]+)$/,
-    // Visual Basic
-    /^::#((?:end)region) ([\w*-]+)$/,
-    // Bat
-    /^# ?((?:end)?region) ([\w*-]+)$/
-    // C#, PHP, Powershell, Python, perl & misc
-  ];
-  let regexp = null;
-  let start = -1;
-  for (const [lineId, line] of lines.entries()) {
-    if (regexp === null) {
-      for (const reg of regionRegexps) {
-        if (testLine(line, reg, regionName)) {
-          start = lineId + 1;
-          regexp = reg;
-          break;
-        }
+  async function getLayouts() {
+    const now = Date.now();
+    if (now - _layouts_cache_time < 2e3)
+      return _layouts_cache;
+    const layouts = {};
+    for (const root of [...roots, clientRoot]) {
+      const layoutPaths = await fg2("layouts/**/*.{vue,ts}", {
+        cwd: root,
+        absolute: true,
+        suppressErrors: true
+      });
+      for (const layoutPath of layoutPaths) {
+        const layout = basename2(layoutPath).replace(/\.\w+$/, "");
+        if (layouts[layout])
+          continue;
+        layouts[layout] = layoutPath;
       }
-    } else if (testLine(line, regexp, regionName, true)) {
-      return { start, end: lineId, regexp };
     }
+    _layouts_cache_time = now;
+    _layouts_cache = layouts;
+    return layouts;
   }
-  return null;
-}
-function transformSnippet(md2, options, id) {
-  const slideId = id.match(/(\d+)\.md$/)?.[1];
-  if (!slideId)
-    return md2;
-  const data = options.data;
-  const slideInfo = data.slides[+slideId - 1];
-  const dir = path.dirname(slideInfo.source?.filepath ?? options.entry ?? options.userRoot);
-  return md2.replace(
-    /^<<< *(.+?)(#[\w-]+)? *(?: (\S+?))? *(\{.*)?$/mg,
-    (full, filepath = "", regionName = "", lang = "", meta = "") => {
-      const firstLine = `\`\`\`${lang || path.extname(filepath).slice(1)} ${meta}`;
-      const src = /^\@[\/]/.test(filepath) ? path.resolve(options.userRoot, filepath.slice(2)) : path.resolve(dir, filepath);
-      data.watchFiles.push(src);
-      const isAFile = fs5.statSync(src).isFile();
-      if (!fs5.existsSync(src) || !isAFile) {
-        throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
-      }
-      let content = fs5.readFileSync(src, "utf8");
-      slideInfo.snippetsUsed ??= {};
-      slideInfo.snippetsUsed[src] = content;
-      if (regionName) {
-        const lines = content.split(/\r?\n/);
-        const region = findRegion(lines, regionName.slice(1));
-        if (region) {
-          content = dedent(
-            lines.slice(region.start, region.end).filter((line) => !region.regexp.test(line.trim())).join("\n")
-          );
+  async function resolveUrl(id) {
+    return toAtFS(await resolveImportPath(id, true));
+  }
+  function resolveUrlOfClient(name) {
+    return toAtFS(join4(clientRoot, name));
+  }
+  async function generateUserStyles() {
+    const imports = [
+      `import "${resolveUrlOfClient("styles/vars.css")}"`,
+      `import "${resolveUrlOfClient("styles/index.css")}"`,
+      `import "${resolveUrlOfClient("styles/code.css")}"`,
+      `import "${resolveUrlOfClient("styles/katex.css")}"`,
+      `import "${resolveUrlOfClient("styles/transitions.css")}"`,
+      `import "${resolveUrlOfClient("styles/monaco.css")}"`
+    ];
+    for (const root of roots) {
+      const styles = [
+        join4(root, "styles", "index.ts"),
+        join4(root, "styles", "index.js"),
+        join4(root, "styles", "index.css"),
+        join4(root, "styles.css"),
+        join4(root, "style.css")
+      ];
+      for (const style of styles) {
+        if (fs5.existsSync(style)) {
+          imports.push(`import "${toAtFS(style)}"`);
+          continue;
         }
       }
-      return `${firstLine}
-${content}
-\`\`\``;
     }
-  );
-}
-
-// node/plugins/markdown.ts
-var shiki;
-var shikiOptions;
-async function createMarkdownPlugin(options, { markdown: mdOptions }) {
-  const { data: { config }, roots, mode, entry, clientRoot } = options;
-  const setups = [];
-  const entryPath = slash3(entry);
-  if (config.highlighter === "shiki") {
-    const [
-      options2,
-      { getHighlighter, bundledLanguages },
-      markdownItShiki,
-      transformerTwoslash
-    ] = await Promise.all([
-      loadShikiSetups(clientRoot, roots),
-      import("shiki").then(({ getHighlighter: getHighlighter2, bundledLanguages: bundledLanguages2 }) => ({ bundledLanguages: bundledLanguages2, getHighlighter: getHighlighter2 })),
-      import("@shikijs/markdown-it/core").then(({ fromHighlighter }) => fromHighlighter),
-      import("@shikijs/vitepress-twoslash").then(({ transformerTwoslash: transformerTwoslash2 }) => transformerTwoslash2)
-    ]);
-    shikiOptions = options2;
-    shiki = await getHighlighter({
-      ...options2,
-      langs: options2.langs ?? Object.keys(bundledLanguages),
-      themes: "themes" in options2 ? Object.values(options2.themes) : [options2.theme]
-    });
-    const transformers = [
-      ...options2.transformers || [],
-      transformerTwoslash({
-        explicitTrigger: true,
-        twoslashOptions: {
-          handbookOptions: {
-            noErrorValidation: true
-          }
-        }
-      }),
-      {
-        pre(pre) {
-          this.addClassToHast(pre, "slidev-code");
-          delete pre.properties.tabindex;
-        },
-        postprocess(code) {
-          return escapeVueInCode(code);
-        }
+    if (data.features.katex)
+      imports.push(`import "${await resolveUrl("katex/dist/katex.min.css")}"`);
+    if (data.config.highlighter === "shiki") {
+      imports.push(
+        `import "${await resolveUrl("@shikijs/vitepress-twoslash/style.css")}"`,
+        `import "${resolveUrlOfClient("styles/shiki-twoslash.css")}"`
+      );
+    }
+    if (data.config.css === "unocss") {
+      imports.unshift(
+        `import "${await resolveUrl("@unocss/reset/tailwind.css")}"`,
+        'import "uno:preflights.css"',
+        'import "uno:typography.css"',
+        'import "uno:shortcuts.css"'
+      );
+      imports.push('import "uno.css"');
+    }
+    return imports.join("\n");
+  }
+  async function generateMonacoTypes() {
+    const typesRoot = join4(userRoot, "snippets");
+    const files = await fg2(["**/*.ts", "**/*.mts", "**/*.cts"], { cwd: typesRoot });
+    let result = [
+      'import * as monaco from "monaco-editor"',
+      "async function addFile(mod, path) {",
+      "  const code = (await mod).default",
+      '  monaco.languages.typescript.typescriptDefaults.addExtraLib(code, "file:///" + path)',
+      '  monaco.editor.createModel(code, "javascript", monaco.Uri.file(path))',
+      "}"
+    ].join("\n");
+    for (const file of files) {
+      const url = `${toAtFS(resolve2(typesRoot, file))}?monaco-types&raw`;
+      result += `addFile(import(${JSON.stringify(url)}), ${JSON.stringify(file)})
+`;
+    }
+    const deps = data.config.monacoTypesAdditionalPackages;
+    if (data.config.monacoTypesSource === "local")
+      deps.push(...scanMonacoModules(data.slides.map((s) => s.source.raw).join()));
+    function mapModuleNameToModule(moduleSpecifier) {
+      if (moduleSpecifier.startsWith("node:"))
+        return "node";
+      if (builtinModules.includes(moduleSpecifier))
+        return "node";
+      const mainPackageName = moduleSpecifier.split("/")[0];
+      if (builtinModules.includes(mainPackageName) && !mainPackageName.startsWith("@"))
+        return "node";
+      const [a = "", b = ""] = moduleSpecifier.split("/");
+      const moduleName = a.startsWith("@") ? `${a}/${b}` : a;
+      return moduleName;
+    }
+    for (const specifier of uniq2(deps)) {
+      if (specifier[0] === ".")
+        continue;
+      const moduleName = mapModuleNameToModule(specifier);
+      result += `import(${JSON.stringify(`/@slidev-monaco-types/resolve?pkg=${moduleName}`)})
+`;
+    }
+    return result;
+  }
+  async function generateLayouts() {
+    const imports = [];
+    const layouts = objectMap(
+      await getLayouts(),
+      (k, v) => {
+        imports.push(`import __layout_${k} from "${toAtFS(v)}"`);
+        return [k, `__layout_${k}`];
       }
-    ];
-    const plugin = markdownItShiki(shiki, {
-      ...options2,
-      transformers
+    );
+    return [
+      imports.join("\n"),
+      `export default {
+${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}
+}`
+    ].join("\n\n");
+  }
+  async function generateRoutes() {
+    const imports = [];
+    const redirects = [];
+    const layouts = await getLayouts();
+    imports.push(
+      `import { markRaw } from 'vue'`,
+      `import __layout__end from '${layouts.end}'`
+    );
+    let no = 1;
+    const routes = data.slides.map((i, idx) => {
+      imports.push(`import n${no} from '${slidePrefix}${idx + 1}.md'`);
+      imports.push(`import { meta as f${no} } from '${slidePrefix}${idx + 1}.frontmatter'`);
+      const route = `{ path: '${no}', name: 'page-${no}', component: n${no}, meta: f${no} }`;
+      if (i.frontmatter?.routeAlias)
+        redirects.push(`{ path: '${i.frontmatter?.routeAlias}', redirect: { path: '${no}' } }`);
+      no += 1;
+      return route;
     });
-    setups.push((md2) => md2.use(plugin));
-  } else {
-    setups.push((md2) => md2.use(markdownItPrism));
+    const routesStr = `export const rawRoutes = [
+${routes.join(",\n")}
+].map(markRaw)`;
+    const redirectsStr = `export const redirects = [
+${redirects.join(",\n")}
+].map(markRaw)`;
+    return [...imports, routesStr, redirectsStr].join("\n");
   }
-  if (config.mdc)
-    setups.push((md2) => md2.use(Mdc));
-  const KatexOptions = await loadSetups(options.clientRoot, roots, "katex.ts", {}, { strict: false }, false);
-  return Markdown2({
-    include: [/\.md$/],
-    wrapperClasses: "",
-    headEnabled: false,
-    frontmatter: false,
-    escapeCodeTagInterpolation: false,
-    markdownItOptions: {
-      quotes: `""''`,
-      html: true,
-      xhtmlOut: true,
-      linkify: true,
-      ...mdOptions?.markdownItOptions
-    },
-    ...mdOptions,
-    markdownItSetup(md2) {
-      md2.use(mila2, {
-        attrs: {
-          target: "_blank",
-          rel: "noopener"
-        }
-      });
-      md2.use(mif);
-      md2.use(taskLists, { enabled: true, lineNumber: true, label: true });
-      md2.use(math_plugin, KatexOptions);
-      setups.forEach((i) => i(md2));
-      mdOptions?.markdownItSetup?.(md2);
-    },
-    transforms: {
-      before(code, id) {
-        if (id === entryPath)
-          return "";
-        const monaco = config.monaco === true || config.monaco === mode ? transformMarkdownMonaco : truncateMancoMark;
-        if (config.highlighter === "shiki")
-          code = transformMagicMove(code, shiki, shikiOptions);
-        code = transformSlotSugar(code);
-        code = transformSnippet(code, options, id);
-        code = transformMermaid(code);
-        code = transformPlantUml(code, config.plantUmlServer);
-        code = monaco(code);
-        code = transformHighlighter(code);
-        code = transformPageCSS(code, id);
-        code = transformKaTex(code);
-        return code;
-      }
+  function getTitle() {
+    if (isString(data.config.title)) {
+      const tokens = md.parseInline(data.config.title, {});
+      return stringifyMarkdownTokens(tokens);
     }
-  });
+    return data.config.title;
+  }
+  function generateConfigs() {
+    const config = {
+      ...data.config,
+      remote,
+      title: getTitle()
+    };
+    if (isString(config.info))
+      config.info = md.render(config.info);
+    return `export default ${JSON.stringify(config)}`;
+  }
+  async function generateGlobalComponents(layer) {
+    const components = roots.flatMap((root) => {
+      if (layer === "top") {
+        return [
+          join4(root, "global.vue"),
+          join4(root, "global-top.vue"),
+          join4(root, "GlobalTop.vue")
+        ];
+      } else {
+        return [
+          join4(root, "global-bottom.vue"),
+          join4(root, "GlobalBottom.vue")
+        ];
+      }
+    }).filter((i) => fs5.existsSync(i));
+    const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
+    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
+    return `
+${imports}
+import { h } from 'vue'
+export default {
+  render() {
+    return [${render}]
+  }
 }
-function transformKaTex(md2) {
-  return md2.replace(/^\$\$(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?\s*?)?\n([\s\S]+?)^\$\$/mg, (full, rangeStr = "", options = "", code) => {
-    const ranges = rangeStr.split(/\|/g).map((i) => i.trim());
-    code = code.trimEnd();
-    options = options.trim() || "{}";
-    return `<KaTexBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
-
-$$
-${code}
-$$
-</KaTexBlockWrapper>
 `;
-  });
-}
-function transformMarkdownMonaco(md2) {
-  md2 = md2.replace(/^```(\w+?)\s*{monaco-diff}\s*?({.*?})?\s*?\n([\s\S]+?)^~~~\s*?\n([\s\S]+?)^```/mg, (full, lang = "ts", options = "{}", code, diff) => {
-    lang = lang.trim();
-    options = options.trim() || "{}";
-    const encoded = lz.compressToBase64(code);
-    const encodedDiff = lz.compressToBase64(diff);
-    return `<Monaco code-lz="${encoded}" diff-lz="${encodedDiff}" lang="${lang}" v-bind="${options}" />`;
-  });
-  md2 = md2.replace(/^```(\w+?)\s*{monaco}\s*?({.*?})?\s*?\n([\s\S]+?)^```/mg, (full, lang = "ts", options = "{}", code) => {
-    lang = lang.trim();
-    options = options.trim() || "{}";
-    const encoded = lz.compressToBase64(code);
-    return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
-  });
-  return md2;
-}
-function truncateMancoMark(md2) {
-  return md2.replace(/{monaco.*?}/g, "");
+  }
+  async function generateCustomNavControls() {
+    const components = roots.flatMap((root) => {
+      return [
+        join4(root, "custom-nav-controls.vue"),
+        join4(root, "CustomNavControls.vue")
+      ];
+    }).filter((i) => fs5.existsSync(i));
+    const imports = components.map((i, idx) => `import __n${idx} from '${toAtFS(i)}'`).join("\n");
+    const render = components.map((i, idx) => `h(__n${idx})`).join(",");
+    return `
+${imports}
+import { h } from 'vue'
+export default {
+  render() {
+    return [${render}]
+  }
 }
-function transformSlotSugar(md2) {
-  const lines = md2.split(/\r?\n/g);
-  let prevSlot = false;
-  const { isLineInsideCodeblocks } = getCodeBlocks(md2);
-  lines.forEach((line, idx) => {
-    if (isLineInsideCodeblocks(idx))
-      return;
-    const match = line.trimEnd().match(/^::\s*([\w\.\-\:]+)\s*::$/);
-    if (match) {
-      lines[idx] = `${prevSlot ? "\n\n</template>\n" : "\n"}<template v-slot:${match[1]}="slotProps">
 `;
-      prevSlot = true;
+  }
+  async function generteShikiBundle() {
+    const options = await loadShikiSetups(clientRoot, roots);
+    const langs = await resolveLangs(options.langs || ["javascript", "typescript", "html", "css"]);
+    const resolvedThemeOptions = "themes" in options ? {
+      themes: Object.fromEntries(await Promise.all(
+        Object.entries(options.themes).map(async ([name, value]) => [name, await resolveTheme(value)])
+      ))
+    } : {
+      theme: await resolveTheme(options.theme || "vitesse-dark")
+    };
+    const themes = resolvedThemeOptions.themes ? Object.values(resolvedThemeOptions.themes) : [resolvedThemeOptions.theme];
+    const themeOptionsNames = resolvedThemeOptions.themes ? { themes: Object.fromEntries(Object.entries(resolvedThemeOptions.themes).map(([name, value]) => [name, typeof value === "string" ? value : value.name])) } : { theme: typeof resolvedThemeOptions.theme === "string" ? resolvedThemeOptions.theme : resolvedThemeOptions.theme.name };
+    async function normalizeGetter(p) {
+      return Promise.resolve(typeof p === "function" ? p() : p).then((r) => r.default || r);
     }
-  });
-  if (prevSlot)
-    lines[lines.length - 1] += "\n\n</template>";
-  return lines.join("\n");
-}
-var reMagicMoveBlock = /^````(?:md|markdown) magic-move(?:[ ]*?({.*?})?([^\n]*?))?\n([\s\S]+?)^````$/mg;
-var reCodeBlock = /^```(\w+?)(?:\s*{([\d\w*,\|-]+)}\s*?({.*?})?(.*?))?\n([\s\S]+?)^```$/mg;
-function transformMagicMove(md2, shiki2, shikiOptions2) {
-  return md2.replace(
-    reMagicMoveBlock,
-    (full, _options = "", _attrs = "", body) => {
-      if (!shiki2 || !shikiOptions2)
-        throw new Error("Shiki is required for Magic Move. You may need to set `highlighter: shiki` in your Slidev config.");
-      const matches = Array.from(body.matchAll(reCodeBlock));
-      if (!matches.length)
-        throw new Error("Magic Move block must contain at least one code block");
-      const langs = new Set(matches.map((i) => i[1]));
-      if (langs.size > 1)
-        throw new Error(`Magic Move block must contain code blocks with the same language, got ${Array.from(langs).join(", ")}`);
-      const lang = Array.from(langs)[0];
-      const magicMove = createMagicMoveMachine(
-        (code) => codeToKeyedTokens(shiki2, code, {
-          ...shikiOptions2,
-          lang
-        })
-      );
-      const steps = matches.map((i) => magicMove.commit((i[5] || "").trimEnd()));
-      const compressed = lz.compressToBase64(JSON.stringify(steps));
-      return `<ShikiMagicMove steps-lz="${compressed}" />`;
+    async function resolveLangs(langs2) {
+      return Array.from(new Set((await Promise.all(
+        langs2.map(async (lang) => await normalizeGetter(lang).then((r) => Array.isArray(r) ? r : [r]))
+      )).flat()));
     }
-  );
-}
-function transformHighlighter(md2) {
-  return md2.replace(
-    reCodeBlock,
-    (full, lang = "", rangeStr = "", options = "", attrs = "", code) => {
-      const ranges = rangeStr.split(/\|/g).map((i) => i.trim());
-      code = code.trimEnd();
-      options = options.trim() || "{}";
-      return `
-<CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
-
-\`\`\`${lang}${attrs}
-${code}
-\`\`\`
-
-</CodeBlockWrapper>`;
+    async function resolveTheme(theme) {
+      return typeof theme === "string" ? theme : await normalizeGetter(theme);
     }
-  );
+    const langsInit = await Promise.all(
+      langs.map(async (lang) => typeof lang === "string" ? `import('${await resolveUrl(`shiki/langs/${lang}.mjs`)}')` : JSON.stringify(lang))
+    );
+    const themesInit = await Promise.all(themes.map(async (theme) => typeof theme === "string" ? `import('${await resolveUrl(`shiki/themes/${theme}.mjs`)}')` : JSON.stringify(theme)));
+    const langNames = langs.flatMap((lang) => typeof lang === "string" ? lang : lang.name);
+    const lines = [];
+    lines.push(
+      `import { getHighlighterCore } from "${await resolveUrl("shiki/core")}"`,
+      `export { shikiToMonaco } from "${await resolveUrl("@shikijs/monaco")}"`,
+      `export const languages = ${JSON.stringify(langNames)}`,
+      `export const themes = ${JSON.stringify(themeOptionsNames.themes || themeOptionsNames.theme)}`,
+      "export const shiki = getHighlighterCore({",
+      `  themes: [${themesInit.join(",")}],`,
+      `  langs: [${langsInit.join(",")}],`,
+      `  loadWasm: import('${await resolveUrl("shiki/wasm")}'),`,
+      "})"
+    );
+    return lines.join("\n");
+  }
 }
-function getCodeBlocks(md2) {
-  const codeblocks = Array.from(md2.matchAll(/^```[\s\S]*?^```/mg)).map((m) => {
-    const start = m.index;
-    const end = m.index + m[0].length;
-    const startLine = md2.slice(0, start).match(/\n/g)?.length || 0;
-    const endLine = md2.slice(0, end).match(/\n/g)?.length || 0;
-    return [start, end, startLine, endLine];
-  });
+
+// node/plugins/setupClient.ts
+import { existsSync as existsSync2 } from "node:fs";
+import { join as join5, resolve as resolve3 } from "node:path";
+import { slash as slash2, uniq as uniq3 } from "@antfu/utils";
+function createClientSetupPlugin({ themeRoots, addonRoots, userRoot, clientRoot }) {
+  const setupEntry = slash2(resolve3(clientRoot, "setup"));
   return {
-    codeblocks,
-    isInsideCodeblocks(idx) {
-      return codeblocks.some(([s, e]) => s <= idx && idx <= e);
-    },
-    isLineInsideCodeblocks(line) {
-      return codeblocks.some(([, , s, e]) => s <= line && line <= e);
+    name: "slidev:setup",
+    enforce: "pre",
+    async transform(code, id) {
+      if (id.startsWith(setupEntry)) {
+        let getInjections2 = function(isAwait = false, isChained = false) {
+          return injections.join("\n").replace(/:AWAIT:/g, isAwait ? "await " : "").replace(/(,\s*)?:LAST:/g, isChained ? "$1injection_return" : "");
+        };
+        var getInjections = getInjections2;
+        const name = id.slice(setupEntry.length + 1).replace(/\?.*$/, "");
+        const imports = [];
+        const injections = [];
+        const setups = uniq3([
+          ...themeRoots,
+          ...addonRoots,
+          userRoot
+        ]).map((i) => join5(i, "setup", name));
+        setups.forEach((path2, idx) => {
+          if (!existsSync2(path2))
+            return;
+          imports.push(`import __n${idx} from '${toAtFS(path2)}'`);
+          let fn = `:AWAIT:__n${idx}`;
+          if (/\binjection_return\b/g.test(code))
+            fn = `injection_return = ${fn}`;
+          if (/\binjection_arg\b/g.test(code)) {
+            fn += "(";
+            const matches = Array.from(code.matchAll(/\binjection_arg(_\d+)?\b/g));
+            const dedupedMatches = Array.from(new Set(matches.map((m) => m[0])));
+            fn += dedupedMatches.join(", ");
+            fn += ", :LAST:)";
+          } else {
+            fn += "(:LAST:)";
+          }
+          injections.push(
+            `// ${path2}`,
+            fn
+          );
+        });
+        code = code.replace("/* __imports__ */", imports.join("\n"));
+        code = code.replace("/* __injections__ */", getInjections2());
+        code = code.replace("/* __async_injections__ */", getInjections2(true));
+        code = code.replace("/* __chained_injections__ */", getInjections2(false, true));
+        code = code.replace("/* __chained_async_injections__ */", getInjections2(true, true));
+        return code;
+      }
+      return null;
     }
   };
 }
-function transformPageCSS(md2, id) {
-  const page = id.match(/(\d+)\.md$/)?.[1];
-  if (!page)
-    return md2;
-  const { isInsideCodeblocks } = getCodeBlocks(md2);
-  const result = md2.replace(
-    /(\n<style[^>]*?>)([\s\S]+?)(<\/style>)/g,
-    (full, start, css, end, index) => {
-      if (index < 0 || isInsideCodeblocks(index))
-        return full;
-      if (!start.includes("scoped"))
-        start = start.replace("<style", "<style scoped");
-      return `${start}
-${css}${end}`;
-    }
-  );
-  return result;
-}
-function transformMermaid(md2) {
-  return md2.replace(/^```mermaid\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", code = "") => {
-    code = code.trim();
-    options = options.trim() || "{}";
-    const encoded = lz.compressToBase64(code);
-    return `<Mermaid code-lz="${encoded}" v-bind="${options}" />`;
-  });
-}
-function transformPlantUml(md2, server) {
-  return md2.replace(/^```plantuml\s*?({.*?})?\n([\s\S]+?)\n```/mg, (full, options = "", content = "") => {
-    const code = encodePlantUml(content.trim());
-    options = options.trim() || "{}";
-    return `<PlantUml :code="'${code}'" :server="'${server}'" v-bind="${options}" />`;
-  });
-}
-function escapeVueInCode(md2) {
-  return md2.replace(/{{/g, "&lbrace;&lbrace;");
-}
-async function loadShikiSetups(clientRoot, roots) {
-  const result = await loadSetups(
-    clientRoot,
-    roots,
-    "shiki.ts",
-    {
-      /** @deprecated */
-      async loadTheme(path2) {
-        console.warn("[slidev] `loadTheme` in `setup/shiki.ts` is deprecated. Pass directly the theme name it's supported by Shiki. For custom themes, load it manually via `JSON.parse(fs.readFileSync(path, 'utf-8'))` and pass the raw JSON object instead.");
-        return JSON.parse(await fs6.readFile(path2, "utf-8"));
-      }
-    },
-    {},
-    false
-  );
-  if ("theme" in result && "themes" in result)
-    delete result.theme;
-  if (result.theme && typeof result.theme !== "string" && !result.theme.name && !result.theme.tokenColors) {
-    result.themes = result.theme;
-    delete result.theme;
-  }
-  if (!result.theme && !result.themes) {
-    result.themes = {
-      dark: "vitesse-dark",
-      light: "vitesse-light"
-    };
-  }
-  if (result.themes)
-    result.defaultColor = false;
-  return result;
-}
 
 // node/plugins/patchTransform.ts
 import { objectEntries } from "@antfu/utils";
@@ -4229,6 +4330,73 @@ function createFixPlugins(options) {
   ];
 }
 
+// node/plugins/monacoTypes.ts
+import fs6 from "node:fs/promises";
+import { dirname as dirname2, resolve as resolve4 } from "node:path";
+import { slash as slash3 } from "@antfu/utils";
+import fg3 from "fast-glob";
+import { findDepPkgJsonPath } from "vitefu";
+function createMonacoTypesLoader({ userRoot }) {
+  const resolvedDepsMap = {};
+  return {
+    name: "slidev:monaco-types-loader",
+    resolveId(id) {
+      if (id.startsWith("/@slidev-monaco-types/"))
+        return id;
+      return null;
+    },
+    async load(id) {
+      const matchResolve = id.match(/^\/\@slidev-monaco-types\/resolve\?pkg=(.*?)(?:&importer=(.*))?$/);
+      if (matchResolve) {
+        const [_, pkg, importer = userRoot] = matchResolve;
+        const resolvedDeps = resolvedDepsMap[importer] ??= /* @__PURE__ */ new Set();
+        if (resolvedDeps.has(pkg))
+          return "";
+        resolvedDeps.add(pkg);
+        const pkgJsonPath = await findDepPkgJsonPath(pkg, importer);
+        if (!pkgJsonPath)
+          throw new Error(`Package "${pkg}" not found in "${importer}"`);
+        const root = dirname2(pkgJsonPath);
+        const pkgJson = JSON.parse(await fs6.readFile(pkgJsonPath, "utf-8"));
+        const deps = pkgJson.dependencies ?? {};
+        return [
+          `import "/@slidev-monaco-types/load?root=${slash3(root)}&name=${pkgJson.name}"`,
+          ...Object.keys(deps).map((dep) => `import "/@slidev-monaco-types/resolve?pkg=${dep}&importer=${slash3(root)}"`)
+        ].join("\n");
+      }
+      const matchLoad = id.match(/^\/\@slidev-monaco-types\/load\?root=(.*?)&name=(.*)$/);
+      if (matchLoad) {
+        const [_, root, name] = matchLoad;
+        const files = await fg3(
+          [
+            "**/*.ts",
+            "**/*.mts",
+            "**/*.cts",
+            "package.json"
+          ],
+          {
+            cwd: root,
+            followSymbolicLinks: true,
+            ignore: ["**/node_modules/**"]
+          }
+        );
+        if (!files.length)
+          return "";
+        return [
+          "import * as monaco from 'monaco-editor'",
+          "async function addFile(mod, subPath) {",
+          "  const code = (await mod).default",
+          `  const path = ${JSON.stringify(`/node_modules/${name}/`)} + subPath`,
+          '  monaco.languages.typescript.typescriptDefaults.addExtraLib(code, "file://" + path)',
+          '  monaco.editor.createModel(code, "javascript", monaco.Uri.file(path))',
+          "}",
+          ...files.map((file) => `addFile(import(${JSON.stringify(`${toAtFS(resolve4(root, file))}?monaco-types&raw`)}), ${JSON.stringify(file)})`)
+        ].join("\n");
+      }
+    }
+  };
+}
+
 // node/plugins/preset.ts
 var customElements = /* @__PURE__ */ new Set([
   // katex
@@ -4292,7 +4460,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
   const VueJsxPlugin = VueJsx(vuejsxOptions);
   const MarkdownPlugin = await createMarkdownPlugin(options, pluginOptions);
   const drawingData = await loadDrawings(options);
-  const publicRoots = [...themeRoots, ...addonRoots].map((i) => join7(i, "public")).filter(existsSync3);
+  const publicRoots = [...themeRoots, ...addonRoots].map((i) => join6(i, "public")).filter(existsSync3);
   const plugins = [
     MarkdownPlugin,
     VueJsxPlugin,
@@ -4301,11 +4469,11 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     Components({
       extensions: ["vue", "md", "js", "ts", "jsx", "tsx"],
       dirs: [
-        join7(options.clientRoot, "builtin"),
-        ...roots.map((i) => join7(i, "components")),
+        join6(options.clientRoot, "builtin"),
+        ...roots.map((i) => join6(i, "components")),
         "src/components",
         "components",
-        join7(process3.cwd(), "components")
+        join6(process2.cwd(), "components")
       ],
       include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/, /\.md\?vue/],
       exclude: [],
@@ -4336,7 +4504,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
       ...remoteAssetsOptions
     })) : null,
     ServerRef({
-      debug: process3.env.NODE_ENV === "development",
+      debug: process2.env.NODE_ENV === "development",
       state: {
         sync: false,
         nav: {
@@ -4356,7 +4524,7 @@ async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
     }),
     createConfigPlugin(options),
     createClientSetupPlugin(options),
-    createMonacoTypesLoader(),
+    createMonacoTypesLoader(options),
     createFixPlugins(options),
     publicRoots.length ? import("vite-plugin-static-copy").then((r) => r.viteStaticCopy({
       silent: true,