@slidev/cli 0.49.16 → 0.49.18

package/dist/{chunk-75T3CMVM.mjs → chunk-LY5CYMWF.js}

@@ -1,6 +1,9 @@
 import {
-  __commonJS,
-  __toESM,
+  escapeVueInCode,
+  getCodeBlocks,
+  normalizeRangeStr
+} from "./chunk-6DS3IPOB.js";
+import {
   createResolver,
   getRoots,
   isInstalledGlobally,
@@ -8,7 +11,11 @@ import {
   resolveImportPath,
   resolveImportUrl,
   toAtFS
-} from "./chunk-27Q2X57X.mjs";
+} from "./chunk-2BABGNMX.js";
+import {
+  __commonJS,
+  __toESM
+} from "./chunk-JSBRDJBE.js";
 
 // ../../node_modules/.pnpm/yaml@2.4.5/node_modules/yaml/dist/nodes/identity.js
 var require_identity = __commonJS({
@@ -6266,7 +6273,7 @@ var require_parser = __commonJS({
         }
       }
     }
-    var Parser2 = class {
+    var Parser = class {
       /**
        * @param onNewLine - If defined, called separately with the start position of
        *   each new line (in `parse()`, including the start of input).
@@ -7025,7 +7032,7 @@ var require_parser = __commonJS({
         }
       }
     };
-    exports.Parser = Parser2;
+    exports.Parser = Parser;
   }
 });
 
@@ -7176,17 +7183,17 @@ var require_dist = __commonJS({
 });
 
 // package.json
-var version = "0.49.16";
+var version = "0.49.18";
 
 // node/commands/shared.ts
 import { existsSync as existsSync7, promises as fs9 } from "node:fs";
-import { join as join10 } from "node:path";
+import { join as join11 } from "node:path";
 import { loadConfigFromFile, mergeConfig as mergeConfig2 } from "vite";
 import MarkdownIt from "markdown-it";
-import { slash as slash5 } from "@antfu/utils";
+import { slash as slash4 } from "@antfu/utils";
 
 // node/syntax/markdown-it/markdown-it-link.ts
-function markdownItLink(md) {
+function MarkdownItLink(md) {
   const defaultRender = md.renderer.rules.link_open ?? ((tokens, idx, options, _env, self) => self.renderToken(tokens, idx, options));
   md.renderer.rules.link_open = function(tokens, idx, options, env, self) {
     const token = tokens[idx];
@@ -7210,7 +7217,14 @@ function markdownItLink(md) {
 }
 
 // node/utils.ts
-var import_yaml = __toESM(require_dist());
+var import_yaml = __toESM(require_dist(), 1);
+import { fileURLToPath } from "node:url";
+import createJiti from "jiti";
+var jiti;
+function loadModule(absolutePath) {
+  jiti ??= createJiti(fileURLToPath(import.meta.url));
+  return jiti(absolutePath);
+}
 function stringifyMarkdownTokens(tokens) {
   return tokens.map((token) => token.children?.filter((t) => ["text", "code_inline"].includes(t.type) && !t.content.match(/^\s*$/)).map((t) => t.content.trim()).join(" ")).filter(Boolean).join(" ");
 }
@@ -7252,72 +7266,27 @@ function updateFrontmatterPatch(slide, frontmatter) {
     }
   }
 }
-
-// node/vite/index.ts
-import { join as join9 } from "node:path";
-import { existsSync as existsSync6 } from "node:fs";
-import process2 from "node:process";
-import { fileURLToPath as fileURLToPath4 } from "node:url";
-import Icons from "unplugin-icons/vite";
-import IconsResolver from "unplugin-icons/resolver";
-import Components from "unplugin-vue-components/vite";
-import ServerRef from "vite-plugin-vue-server-ref";
-import { notNullish as notNullish2 } from "@antfu/utils";
-
-// node/integrations/drawings.ts
-import { basename, dirname, join, resolve } from "node:path";
-import fs from "fs-extra";
-import fg from "fast-glob";
-function resolveDrawingsDir(options) {
-  return options.data.config.drawings.persist ? resolve(
-    dirname(options.entry),
-    options.data.config.drawings.persist
-  ) : void 0;
-}
-async function loadDrawings(options) {
-  const dir = resolveDrawingsDir(options);
-  if (!dir || !fs.existsSync(dir))
-    return {};
-  const files = await fg("*.svg", {
-    onlyFiles: true,
-    cwd: dir,
-    absolute: true,
-    suppressErrors: true
+function getBodyJson(req) {
+  return new Promise((resolve8, reject) => {
+    let body = "";
+    req.on("data", (chunk) => body += chunk);
+    req.on("error", reject);
+    req.on("end", () => {
+      try {
+        resolve8(JSON.parse(body) || {});
+      } catch (e) {
+        reject(e);
+      }
+    });
   });
-  const obj = {};
-  await Promise.all(files.map(async (path4) => {
-    const num = +basename(path4, ".svg");
-    if (Number.isNaN(num))
-      return;
-    const content = await fs.readFile(path4, "utf8");
-    const lines = content.split(/\n/g);
-    obj[num.toString()] = lines.slice(1, -1).join("\n");
-  }));
-  return obj;
-}
-async function writeDrawings(options, drawing) {
-  const dir = resolveDrawingsDir(options);
-  if (!dir)
-    return;
-  const width = options.data.config.canvasWidth;
-  const height = Math.round(width / options.data.config.aspectRatio);
-  const SVG_HEAD = `<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">`;
-  await fs.ensureDir(dir);
-  return Promise.all(
-    Object.entries(drawing).map(async ([key, value]) => {
-      if (!value)
-        return;
-      const svg = `${SVG_HEAD}
-${value}
-</svg>`;
-      await fs.writeFile(join(dir, `${key}.svg`), svg, "utf-8");
-    })
-  );
 }
 
+// node/vite/compilerFlagsVue.ts
+import { objectEntries } from "@antfu/utils";
+
 // node/vite/extendConfig.ts
-import { join as join2 } from "node:path";
-import { fileURLToPath, pathToFileURL } from "node:url";
+import { join } from "node:path";
+import { fileURLToPath as fileURLToPath2, pathToFileURL } from "node:url";
 import { mergeConfig } from "vite";
 import { slash, uniq } from "@antfu/utils";
 import { createResolve } from "mlly";
@@ -7398,7 +7367,7 @@ function createConfigPlugin(options) {
             },
             ...isInstalledGlobally.value ? await Promise.all(INCLUDE_GLOBAL.map(async (dep) => ({
               find: dep,
-              replacement: fileURLToPath(await resolveClientDep(dep))
+              replacement: fileURLToPath2(await resolveClientDep(dep))
             }))) : []
           ],
           dedupe: ["vue"]
@@ -7430,7 +7399,7 @@ function createConfigPlugin(options) {
             ])
           }
         },
-        publicDir: join2(options.userRoot, "public"),
+        publicDir: join(options.userRoot, "public"),
         build: {
           rollupOptions: {
             output: {
@@ -7463,7 +7432,7 @@ function createConfigPlugin(options) {
         return id.includes("/@slidev/") || id.includes("/slidev/packages/client/") || id.includes("/@vueuse/");
       }
       if (isInstalledGlobally.value) {
-        injection.cacheDir = join2(options.cliRoot, "node_modules/.vite");
+        injection.cacheDir = join(options.cliRoot, "node_modules/.vite");
         injection.root = options.cliRoot;
       }
       return mergeConfig(injection, config);
@@ -7499,11 +7468,206 @@ function getDefine(options) {
   };
 }
 
+// node/vite/compilerFlagsVue.ts
+function createVueCompilerFlagsPlugin(options) {
+  const define = objectEntries(getDefine(options));
+  return [
+    {
+      name: "slidev:flags",
+      enforce: "pre",
+      transform(code, id) {
+        if (id.match(/\.vue($|\?)/)) {
+          const original = code;
+          define.forEach(([from, to]) => {
+            code = code.replace(new RegExp(from, "g"), to);
+          });
+          if (original !== code)
+            return code;
+        }
+      }
+    }
+  ];
+}
+
+// node/vite/components.ts
+import { join as join2 } from "node:path";
+import IconsResolver from "unplugin-icons/resolver";
+import Components from "unplugin-vue-components/vite";
+function createComponentsPlugin({ clientRoot, roots }, pluginOptions) {
+  return Components({
+    extensions: ["vue", "md", "js", "ts", "jsx", "tsx"],
+    dirs: [
+      join2(clientRoot, "builtin"),
+      ...roots.map((i) => join2(i, "components"))
+    ],
+    include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/, /\.md\?vue/],
+    exclude: [],
+    resolvers: [
+      IconsResolver({
+        prefix: "",
+        customCollections: Object.keys(pluginOptions.icons?.customCollections || [])
+      })
+    ],
+    dts: false,
+    ...pluginOptions.components
+  });
+}
+
+// node/vite/common.ts
+var regexSlideReqPath = /^\/__slidev\/slides\/(\d+)\.json$/;
+var regexSlideFacadeId = /^\/@slidev\/slides\/(\d+)\/(md|frontmatter)($|\?)/;
+var regexSlideSourceId = /__slidev_(\d+)\.(md|frontmatter)$/;
+var templateInjectionMarker = "/* @slidev-injection */";
+var templateImportContextUtils = `import { useSlideContext as _useSlideContext, frontmatterToProps as _frontmatterToProps } from "@slidev/client/context.ts"`;
+var templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $page, $renderContext, $frontmatter } = _useSlideContext()`;
+
+// node/vite/contextInjection.ts
+function createContextInjectionPlugin() {
+  return {
+    name: "slidev:context-injection",
+    async transform(code, id) {
+      if (!id.endsWith(".vue") || id.includes("/@slidev/client/") || id.includes("/packages/client/"))
+        return;
+      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}`;
+    }
+  };
+}
+
+// node/vite/hmrPatch.ts
+function createHmrPatchPlugin() {
+  return {
+    name: "slidev:slide-transform:post",
+    transform(code, id) {
+      if (!id.match(regexSlideSourceId))
+        return;
+      return code.replace("if (_rerender_only)", "if (false)");
+    }
+  };
+}
+
+// node/vite/icons.ts
+import { fileURLToPath as fileURLToPath3 } from "node:url";
+import Icons from "unplugin-icons/vite";
+function createIconsPlugin(_options, pluginOptions) {
+  return Icons({
+    defaultClass: "slidev-icon",
+    collectionsNodeResolvePath: fileURLToPath3(import.meta.url),
+    ...pluginOptions.icons
+  });
+}
+
+// node/vite/inspect.ts
+async function createInspectPlugin(options, pluginOptions) {
+  if (!options.inspect)
+    return;
+  const { default: PluginInspect } = await import("vite-plugin-inspect");
+  return PluginInspect({
+    dev: true,
+    build: true,
+    ...pluginOptions.inspect
+  });
+}
+
+// node/vite/layoutWrapper.ts
+import { bold, gray, red, yellow } from "kolorist";
+function createLayoutWrapperPlugin({ data, utils }) {
+  return {
+    name: "slidev:layout-wrapper",
+    async transform(code, id) {
+      const match = id.match(regexSlideSourceId);
+      if (!match)
+        return;
+      const [, no, type] = match;
+      if (type !== "md")
+        return;
+      const index = +no - 1;
+      const layouts = await utils.getLayouts();
+      const rawLayoutName = data.slides[index]?.frontmatter?.layout ?? data.slides[0]?.frontmatter?.default?.layout;
+      let layoutName = rawLayoutName || (index === 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";
+      }
+      const setupTag = code.match(/^<script setup.*>/m);
+      if (!setupTag)
+        throw new Error(`[Slidev] Internal error: <script setup> block not found in slide ${index + 1}.`);
+      const templatePart = code.slice(0, setupTag.index);
+      const scriptPart = code.slice(setupTag.index);
+      const bodyStart = templatePart.indexOf("<template>") + 10;
+      const bodyEnd = templatePart.lastIndexOf("</template>");
+      let body = code.slice(bodyStart, bodyEnd).trim();
+      if (body.startsWith("<div>") && body.endsWith("</div>"))
+        body = body.slice(5, -6);
+      return [
+        templatePart.slice(0, bodyStart),
+        `<InjectedLayout v-bind="_frontmatterToProps($frontmatter,${index})">
+${body}
+</InjectedLayout>`,
+        templatePart.slice(bodyEnd),
+        scriptPart.slice(0, setupTag[0].length),
+        `import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
+        templateImportContextUtils,
+        templateInitContext,
+        "$clicksContext.setup()",
+        templateInjectionMarker,
+        scriptPart.slice(setupTag[0].length)
+      ].join("\n");
+    }
+  };
+}
+
 // node/vite/loaders.ts
-import path from "node:path";
 import { notNullish, range } from "@antfu/utils";
-import fg3 from "fast-glob";
-import { bold, gray, red, yellow } from "kolorist";
 import * as parser2 from "@slidev/parser/fs";
 import equal from "fast-deep-equal";
 
@@ -7511,14 +7675,14 @@ import equal from "fast-deep-equal";
 import { isString } from "@antfu/utils";
 var templateConfigs = {
   id: "/@slidev/configs",
-  getContent: async ({ data, remote }, { md }) => {
+  getContent({ data, remote }) {
     const config = {
       ...data.config,
       remote,
       slidesTitle: getSlideTitle(data)
     };
     if (isString(config.info))
-      config.info = md.render(config.info);
+      config.info = sharedMd.render(config.info);
     return `export default ${JSON.stringify(config)}`;
   }
 };
@@ -7535,7 +7699,7 @@ var templateLegacyRoutes = {
 };
 var templateLegacyTitles = {
   id: "/@slidev/titles.md",
-  async getContent() {
+  getContent() {
     return `
 <script setup lang="ts">
 import TitleRenderer from '#slidev/title-renderer'
@@ -7604,10 +7768,10 @@ export default {
 import { objectMap } from "@antfu/utils";
 var templateLayouts = {
   id: "/@slidev/layouts",
-  async getContent(_, { getLayouts }) {
+  getContent({ utils }) {
     const imports = [];
     const layouts = objectMap(
-      await getLayouts(),
+      utils.getLayouts(),
       (k, v) => {
         imports.push(`import __layout_${k} from "${toAtFS(v)}"`);
         return [k, `__layout_${k}`];
@@ -7623,19 +7787,19 @@ ${Object.entries(layouts).map(([k, v]) => `"${k}": ${v}`).join(",\n")}
 };
 
 // node/virtual/monaco-deps.ts
-import { resolve as resolve2 } from "node:path";
+import { resolve } from "node:path";
 import { uniq as uniq2 } from "@antfu/utils";
 var templateMonacoRunDeps = {
   id: "/@slidev/monaco-run-deps",
-  getContent: async ({ userRoot, data }, _ctx, pluginCtx) => {
+  async getContent({ userRoot, data }) {
     if (!data.features.monaco)
       return "";
     const deps = uniq2(data.features.monaco.deps.concat(data.config.monacoTypesAdditionalPackages));
-    const importerPath = resolve2(userRoot, "./snippets/__importer__.ts");
+    const importerPath = resolve(userRoot, "./snippets/__importer__.ts");
     let result = "";
     for (let i = 0; i < deps.length; i++) {
       const specifier = deps[i];
-      const resolved = await pluginCtx.resolve(specifier, importerPath);
+      const resolved = await this.resolve(specifier, importerPath);
       if (!resolved)
         continue;
       result += `import * as vendored${i} from ${JSON.stringify(resolved.id)}
@@ -7652,8 +7816,8 @@ var templateMonacoRunDeps = {
 
 // node/virtual/monaco-types.ts
 import { builtinModules } from "node:module";
-import { join as join5, resolve as resolve3 } from "node:path";
-import fg2 from "fast-glob";
+import { join as join5, resolve as resolve2 } from "node:path";
+import fg from "fast-glob";
 import { uniq as uniq3 } from "@antfu/utils";
 var templateMonacoTypes = {
   id: "/@slidev/monaco-types",
@@ -7661,10 +7825,10 @@ var templateMonacoTypes = {
     if (!data.features.monaco)
       return "";
     const typesRoot = join5(userRoot, "snippets");
-    const files = await fg2(["**/*.ts", "**/*.mts", "**/*.cts"], { cwd: typesRoot });
+    const files = await fg(["**/*.ts", "**/*.mts", "**/*.cts"], { cwd: typesRoot });
     let result = 'import { addFile } from "@slidev/client/setup/monaco.ts"\n';
     for (const file of files) {
-      const url = `${toAtFS(resolve3(typesRoot, file))}?monaco-types&raw`;
+      const url = `${toAtFS(resolve2(typesRoot, file))}?monaco-types&raw`;
       result += `addFile(() => import(${JSON.stringify(url)}), ${JSON.stringify(file)})
 `;
     }
@@ -7720,68 +7884,12 @@ function createSetupTemplate(name) {
 var setupModules = ["shiki", "code-runners", "monaco", "mermaid", "main", "root", "routes", "shortcuts", "context-menu"];
 var templateSetups = setupModules.map(createSetupTemplate);
 
-// node/setups/shiki.ts
-import fs3 from "node:fs/promises";
-
-// node/setups/load.ts
-import { resolve as resolve4 } from "node:path";
-import { fileURLToPath as fileURLToPath2 } from "node:url";
-import fs2 from "fs-extra";
-import { deepMergeWithArray } from "@antfu/utils";
-import jiti from "jiti";
-async function loadSetups(clientRoot, roots, name, arg, initial, merge = true) {
-  let returns = initial;
-  for (const root of [clientRoot, ...roots].reverse()) {
-    const path4 = resolve4(root, "setup", name);
-    if (fs2.existsSync(path4)) {
-      const { default: setup } = jiti(fileURLToPath2(import.meta.url))(path4);
-      const result = await setup(arg);
-      if (result !== null) {
-        returns = typeof merge === "function" ? merge(returns, result) : merge ? deepMergeWithArray(returns, result) : result;
-      }
-    }
-  }
-  return returns;
-}
-
-// node/setups/shiki.ts
-async function loadShikiSetups(clientRoot, roots) {
-  const result = await loadSetups(
-    clientRoot,
-    roots,
-    "shiki.ts",
-    {
-      /** @deprecated */
-      async loadTheme(path4) {
-        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 fs3.readFile(path4, "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/virtual/shiki.ts
+import { uniq as uniq4 } from "@antfu/utils";
 var templateShiki = {
   id: "/@slidev/shiki",
-  getContent: async ({ clientRoot, roots }) => {
-    const options = await loadShikiSetups(clientRoot, roots);
+  getContent: async ({ utils }) => {
+    const options = utils.shikiOptions;
     const langs = await resolveLangs(options.langs || ["markdown", "vue", "javascript", "typescript", "html", "css"]);
     const resolvedThemeOptions = "themes" in options ? {
       themes: Object.fromEntries(await Promise.all(
@@ -7793,12 +7901,12 @@ var templateShiki = {
     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);
+      const r = typeof p === "function" ? p() : p;
+      return r.default || r;
     }
     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()));
+      const awaited = await Promise.all(langs2.map((lang) => normalizeGetter(lang)));
+      return uniq4(awaited.flat());
     }
     async function resolveTheme2(theme) {
       return typeof theme === "string" ? theme : await normalizeGetter(theme);
@@ -7841,37 +7949,42 @@ var templateShiki = {
 var VIRTUAL_SLIDE_PREFIX = "/@slidev/slides/";
 var templateSlides = {
   id: "/@slidev/slides",
-  async getContent({ data }, { getLayouts }) {
-    const layouts = await getLayouts();
-    const imports = [
-      `import { shallowRef } from 'vue'`,
-      `import * as __layout__error from '${layouts.error}'`
+  getContent({ data, utils }) {
+    const layouts = utils.getLayouts();
+    const statements = [
+      `import { defineAsyncComponent, shallowRef } from 'vue'`,
+      `import SlideError from '${layouts.error}'`,
+      `import SlideLoading from '@slidev/client/internals/SlideLoading.vue'`,
+      `const componentsCache = new Array(${data.slides.length})`,
+      `const getAsyncComponent = (idx, loader) => defineAsyncComponent({`,
+      `  loader,`,
+      `  delay: 300,`,
+      `  loadingComponent: SlideLoading,`,
+      `  errorComponent: SlideError,`,
+      `  onError: e => console.error('Failed to load slide ' + (idx + 1), e) `,
+      `})`
     ];
     const slides = data.slides.map((_, idx) => {
       const no = idx + 1;
-      imports.push(`import { meta as f${no} } from '${VIRTUAL_SLIDE_PREFIX}${no}.frontmatter'`);
-      return `{
-          no: ${no},
-          meta: f${no},
-          component: async () => {
-            try {
-              return await import('${VIRTUAL_SLIDE_PREFIX}${no}.md')
-            }
-            catch(e) {
-              console.error('Failed to load slide ${no}:', e)
-              return __layout__error
-            }
-          },
-        }`;
+      statements.push(
+        `import { meta as f${no} } from '${VIRTUAL_SLIDE_PREFIX}${no}/frontmatter'`,
+        // For some unknown reason, import error won't be caught by the error component. Catch it here.
+        `const load${no} = async () => {`,
+        `  try { return componentsCache[${idx}] ??= await import('${VIRTUAL_SLIDE_PREFIX}${no}/md') }`,
+        `  catch (e) { return SlideError }`,
+        `}`
+      );
+      return `{ no: ${no}, meta: f${no}, load: load${no}, component: getAsyncComponent(${idx}, load${no}) }`;
     });
     return [
-      ...imports,
+      ...statements,
       `const data = [
 ${slides.join(",\n")}
 ]`,
       `if (import.meta.hot) {`,
       `  import.meta.hot.data.slides ??= shallowRef()`,
       `  import.meta.hot.data.slides.value = data`,
+      `  import.meta.hot.dispose(() => componentsCache.length = 0)`,
       `  import.meta.hot.accept()`,
       `}`,
       `export const slides = import.meta.hot ? import.meta.hot.data.slides : shallowRef(data)`
@@ -7884,7 +7997,7 @@ import { join as join7 } from "node:path";
 import { existsSync as existsSync4 } from "node:fs";
 var templateStyle = {
   id: "/@slidev/styles",
-  getContent: async ({ data, clientRoot, roots }) => {
+  async getContent({ data, clientRoot, roots }) {
     function resolveUrlOfClient(name) {
       return toAtFS(join7(clientRoot, name));
     }
@@ -7933,7 +8046,7 @@ var templateStyle = {
 // node/virtual/titles.ts
 var templateTitleRendererMd = {
   id: "/@slidev/title-renderer.md",
-  async getContent({ data }) {
+  getContent({ data }) {
     const lines = data.slides.map(({ title }, i) => `<template ${i === 0 ? "v-if" : "v-else-if"}="no === ${i + 1}">
 
 ${title}
@@ -7941,7 +8054,7 @@ ${title}
 </template>`);
     lines.push(
       `<script setup lang="ts">`,
-      `import { useSlideContext } from '@slidev/client'`,
+      `import { useSlideContext } from '@slidev/client/context.ts'`,
       `import { computed } from 'vue'`,
       `const props = defineProps<{ no?: number | string }>()`,
       `const { $page } = useSlideContext()`,
@@ -7978,16 +8091,18 @@ var templates = [
 ];
 
 // node/options.ts
-import { uniq as uniq4 } from "@antfu/utils";
+import path from "node:path";
+import { uniq as uniq5 } from "@antfu/utils";
 import Debug from "debug";
 import mm from "micromatch";
+import fg2 from "fast-glob";
 
 // node/parser.ts
 import * as parser from "@slidev/parser/fs";
 
 // node/integrations/themes.ts
 import { join as join8 } from "node:path";
-import fs4 from "fs-extra";
+import fs from "fs-extra";
 import { satisfies } from "semver";
 var officialThemes = {
   "none": "",
@@ -8000,17 +8115,17 @@ var officialThemes = {
 var resolveTheme = createResolver("theme", officialThemes);
 async function getThemeMeta(name, root) {
   const path4 = join8(root, "package.json");
-  if (!fs4.existsSync(path4))
+  if (!fs.existsSync(path4))
     return {};
-  const { slidev = {}, engines = {} } = await fs4.readJSON(path4);
+  const { slidev = {}, engines = {} } = await fs.readJSON(path4);
   if (engines.slidev && !satisfies(version, engines.slidev, { includePrerelease: true }))
     throw new Error(`[slidev] theme "${name}" requires Slidev version range "${engines.slidev}" but found "${version}"`);
   return slidev;
 }
 
 // node/integrations/addons.ts
-import { resolve as resolve5 } from "node:path";
-import fs5 from "fs-extra";
+import { resolve as resolve3 } from "node:path";
+import fs2 from "fs-extra";
 import { satisfies as satisfies2 } from "semver";
 async function resolveAddons(addonsInConfig) {
   const { userRoot, userPkgJson } = await getRoots();
@@ -8021,7 +8136,7 @@ async function resolveAddons(addonsInConfig) {
     if (!pkgRoot)
       return;
     resolved.push(pkgRoot);
-    const { slidev = {}, engines = {} } = await fs5.readJSON(resolve5(pkgRoot, "package.json"));
+    const { slidev = {}, engines = {} } = await fs2.readJSON(resolve3(pkgRoot, "package.json"));
     if (engines.slidev && !satisfies2(version, engines.slidev, { includePrerelease: true }))
       throw new Error(`[slidev] addon "${name}" requires Slidev version range "${engines.slidev}" but found "${version}"`);
     if (Array.isArray(slidev.addons))
@@ -8034,23 +8149,86 @@ async function resolveAddons(addonsInConfig) {
   return resolved;
 }
 
+// node/setups/shiki.ts
+import fs4 from "node:fs/promises";
+import { bundledLanguages, createHighlighter } from "shiki";
+
+// node/setups/load.ts
+import { resolve as resolve4 } from "node:path";
+import fs3 from "fs-extra";
+import { deepMergeWithArray } from "@antfu/utils";
+async function loadSetups(roots, filename, args, extraLoader) {
+  const returns = [];
+  for (const root of roots) {
+    const path4 = resolve4(root, "setup", filename);
+    if (fs3.existsSync(path4)) {
+      const { default: setup } = loadModule(path4);
+      const ret = await setup(...args);
+      if (ret)
+        returns.push(ret);
+    }
+    if (extraLoader)
+      returns.push(...extraLoader(root));
+  }
+  return returns;
+}
+
+// node/setups/shiki.ts
+async function setupShiki(roots) {
+  const options = await loadSetups(
+    roots,
+    "shiki.ts",
+    [{
+      /** @deprecated */
+      async loadTheme(path4) {
+        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(path4, "utf-8"));
+      }
+    }]
+  );
+  const mergedOptions = Object.assign({}, ...options);
+  if ("theme" in mergedOptions && "themes" in mergedOptions)
+    delete mergedOptions.theme;
+  if (mergedOptions.theme && typeof mergedOptions.theme !== "string" && !mergedOptions.theme.name && !mergedOptions.theme.tokenColors) {
+    mergedOptions.themes = mergedOptions.theme;
+    delete mergedOptions.theme;
+  }
+  if (!mergedOptions.theme && !mergedOptions.themes) {
+    mergedOptions.themes = {
+      dark: "vitesse-dark",
+      light: "vitesse-light"
+    };
+  }
+  if (mergedOptions.themes)
+    mergedOptions.defaultColor = false;
+  const shiki = await createHighlighter({
+    ...mergedOptions,
+    langs: mergedOptions.langs ?? Object.keys(bundledLanguages),
+    themes: "themes" in mergedOptions ? Object.values(mergedOptions.themes) : [mergedOptions.theme]
+  });
+  return {
+    shiki,
+    shikiOptions: mergedOptions
+  };
+}
+
 // node/options.ts
 var debug = Debug("slidev:options");
-async function resolveOptions(options, mode) {
-  const entry = await resolveEntry(options.entry);
+async function resolveOptions(entryOptions, mode) {
+  const entry = await resolveEntry(entryOptions.entry);
   const rootsInfo = await getRoots(entry);
   const loaded = await parser.load(rootsInfo.userRoot, entry, void 0, mode);
-  let themeRaw = options.theme || loaded.headmatter.theme;
+  let themeRaw = entryOptions.theme || loaded.headmatter.theme;
   themeRaw = themeRaw === null ? "none" : themeRaw || "default";
   const [theme, themeRoot] = await resolveTheme(themeRaw, entry);
   const themeRoots = themeRoot ? [themeRoot] : [];
   const themeMeta = themeRoot ? await getThemeMeta(theme, themeRoot) : void 0;
-  const config = parser.resolveConfig(loaded.headmatter, themeMeta, options.entry);
+  const config = parser.resolveConfig(loaded.headmatter, themeMeta, entryOptions.entry);
   const addonRoots = await resolveAddons(config.addons);
-  const roots = uniq4([...themeRoots, ...addonRoots, rootsInfo.userRoot]);
+  const roots = uniq5([...themeRoots, ...addonRoots, rootsInfo.userRoot]);
   debug({
     ...rootsInfo,
-    ...options,
+    ...entryOptions,
     config,
     mode,
     entry,
@@ -8067,7 +8245,7 @@ async function resolveOptions(options, mode) {
   };
   const resolved = {
     ...rootsInfo,
-    ...options,
+    ...entryOptions,
     data,
     mode,
     entry,
@@ -8076,37 +8254,41 @@ async function resolveOptions(options, mode) {
     themeRoots,
     addonRoots,
     roots,
-    utils: createDataUtils(data)
+    utils: await createDataUtils(data, rootsInfo.clientRoot, roots)
   };
   return resolved;
 }
-function createDataUtils(data) {
+async function createDataUtils(data, clientRoot, roots) {
   const monacoTypesIgnorePackagesMatches = (data.config.monacoTypesIgnorePackages || []).map((i) => mm.matcher(i));
+  let _layouts_cache_time = 0;
+  let _layouts_cache = {};
   return {
-    isMonacoTypesIgnored: (pkg) => monacoTypesIgnorePackagesMatches.some((i) => i(pkg))
+    ...await setupShiki(roots),
+    isMonacoTypesIgnored: (pkg) => monacoTypesIgnorePackagesMatches.some((i) => i(pkg)),
+    getLayouts: () => {
+      const now = Date.now();
+      if (now - _layouts_cache_time < 2e3)
+        return _layouts_cache;
+      const layouts = {};
+      for (const root of [clientRoot, ...roots]) {
+        const layoutPaths = fg2.sync("layouts/**/*.{vue,ts}", {
+          cwd: root,
+          absolute: true,
+          suppressErrors: true
+        });
+        for (const layoutPath of layoutPaths) {
+          const layoutName = path.basename(layoutPath).replace(/\.\w+$/, "");
+          layouts[layoutName] = layoutPath;
+        }
+      }
+      _layouts_cache_time = now;
+      _layouts_cache = layouts;
+      return layouts;
+    }
   };
 }
 
 // node/vite/loaders.ts
-var regexId = /^\/@slidev\/slide\/(\d+)\.(md|json)(?:\?import)?$/;
-var regexIdQuery = /(\d+)\.(md|json|frontmatter)$/;
-var templateInjectionMarker = "/* @slidev-injection */";
-var templateImportContextUtils = `import { useSlideContext as _useSlideContext, frontmatterToProps as _frontmatterToProps } from "@slidev/client/context.ts"`;
-var templateInitContext = `const { $slidev, $nav, $clicksContext, $clicks, $page, $renderContext, $frontmatter } = _useSlideContext()`;
-function getBodyJson(req) {
-  return new Promise((resolve8, reject) => {
-    let body = "";
-    req.on("data", (chunk) => body += chunk);
-    req.on("error", reject);
-    req.on("end", () => {
-      try {
-        resolve8(JSON.parse(body) || {});
-      } catch (e) {
-        reject(e);
-      }
-    });
-  });
-}
 function renderNote(text = "") {
   let clickCount = 0;
   const html = sharedMd.render(
@@ -8123,1283 +8305,941 @@ function withRenderedNote(data) {
     noteHTML: renderNote(data?.note)
   };
 }
-function createSlidesLoader(options, pluginOptions, serverOptions) {
+function createSlidesLoader(options, serverOptions) {
   const hmrPages = /* @__PURE__ */ new Set();
   let server;
-  let _layouts_cache_time = 0;
-  let _layouts_cache = {};
   let skipHmr = null;
   const { data, clientRoot, roots, mode, utils } = options;
-  const templateCtx = {
-    md: sharedMd,
-    async getLayouts() {
-      const now = Date.now();
-      if (now - _layouts_cache_time < 2e3)
-        return _layouts_cache;
-      const layouts = {};
-      for (const root of [clientRoot, ...roots]) {
-        const layoutPaths = await fg3("layouts/**/*.{vue,ts}", {
-          cwd: root,
-          absolute: true,
-          suppressErrors: true
-        });
-        for (const layoutPath of layoutPaths) {
-          const layoutName = path.basename(layoutPath).replace(/\.\w+$/, "");
-          layouts[layoutName] = layoutPath;
-        }
-      }
-      _layouts_cache_time = now;
-      _layouts_cache = layouts;
-      return layouts;
-    }
-  };
-  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) - 1;
-          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);
-            if (body.content)
-              slide.content = slide.source.content = body.content;
-            if (body.note)
-              slide.note = slide.source.note = body.note;
-            if (body.frontmatter)
-              updateFrontmatterPatch(slide, body.frontmatter);
-            parser2.prettifySlide(slide.source);
-            const fileContent = await parser2.save(data.markdownFiles[slide.source.filepath]);
-            if (body.skipHmr) {
-              skipHmr = {
-                filePath: slide.source.filepath,
-                fileContent
-              };
+  function getSourceId(index, type) {
+    return `${data.slides[index].source.filepath}__slidev_${index + 1}.${type}`;
+  }
+  function updateServerWatcher() {
+    if (!server)
+      return;
+    server.watcher.add(data.watchFiles);
+  }
+  function getFrontmatter(pageNo) {
+    return {
+      ...data.headmatter?.defaults || {},
+      ...data.slides[pageNo]?.frontmatter || {}
+    };
+  }
+  return {
+    name: "slidev:loader",
+    configureServer(_server) {
+      server = _server;
+      updateServerWatcher();
+      server.middlewares.use(async (req, res, next) => {
+        const match = req.url?.match(regexSlideReqPath);
+        if (!match)
+          return next();
+        const [, no] = match;
+        const idx = Number.parseInt(no) - 1;
+        if (req.method === "GET") {
+          res.write(JSON.stringify(withRenderedNote(data.slides[idx])));
+          return res.end();
+        } else if (req.method === "POST") {
+          const body = await getBodyJson(req);
+          const slide = data.slides[idx];
+          if (body.content && body.content !== slide.source.content)
+            hmrPages.add(idx);
+          if (body.content)
+            slide.content = slide.source.content = body.content;
+          if (body.note)
+            slide.note = slide.source.note = body.note;
+          if (body.frontmatter)
+            updateFrontmatterPatch(slide, body.frontmatter);
+          parser2.prettifySlide(slide.source);
+          const fileContent = await parser2.save(data.markdownFiles[slide.source.filepath]);
+          if (body.skipHmr) {
+            skipHmr = {
+              filePath: slide.source.filepath,
+              fileContent
+            };
+            server?.moduleGraph.invalidateModule(
+              server.moduleGraph.getModuleById(getSourceId(idx, "md"))
+            );
+            if (body.frontmatter) {
               server?.moduleGraph.invalidateModule(
-                server.moduleGraph.getModuleById(`${VIRTUAL_SLIDE_PREFIX}${no}.md`)
+                server.moduleGraph.getModuleById(getSourceId(idx, "frontmatter"))
               );
-              if (body.frontmatter) {
-                server?.moduleGraph.invalidateModule(
-                  server.moduleGraph.getModuleById(`${VIRTUAL_SLIDE_PREFIX}${no}.frontmatter`)
-                );
-              }
             }
-            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 [];
-        if (skipHmr && newData.markdownFiles[skipHmr.filePath]?.raw === skipHmr.fileContent) {
-          skipHmr = null;
-          return [];
+          res.statusCode = 200;
+          res.write(JSON.stringify(withRenderedNote(slide)));
+          return res.end();
         }
-        const moduleIds = /* @__PURE__ */ new Set();
-        if (data.slides.length !== newData.slides.length) {
-          moduleIds.add(templateSlides.id);
-          range(newData.slides.length).map((i) => hmrPages.add(i));
-        }
-        if (!equal(data.headmatter.defaults, newData.headmatter.defaults)) {
-          moduleIds.add(templateSlides.id);
-          range(data.slides.length).map((i) => hmrPages.add(i));
-        }
-        if (!equal(data.config, newData.config))
-          moduleIds.add(templateConfigs.id);
-        if (!equal(data.features, newData.features)) {
-          setTimeout(() => {
-            ctx.server.hot.send({ type: "full-reload" });
-          }, 1);
-        }
-        const length = Math.min(data.slides.length, newData.slides.length);
-        for (let i = 0; i < length; i++) {
-          const a = data.slides[i];
-          const b = newData.slides[i];
-          if (!hmrPages.has(i) && a.content.trim() === b.content.trim() && a.title?.trim() === b.title?.trim() && equal(a.frontmatter, b.frontmatter)) {
-            if (a.note !== b.note) {
-              ctx.server.hot.send(
-                "slidev:update-note",
-                {
-                  no: i + 1,
-                  note: b.note || "",
-                  noteHTML: renderNote(b.note || "")
-                }
-              );
-            }
-            continue;
+        next();
+      });
+    },
+    async handleHotUpdate(ctx) {
+      if (!data.watchFiles.includes(ctx.file))
+        return;
+      await ctx.read();
+      const newData = await serverOptions.loadData?.();
+      if (!newData)
+        return [];
+      if (skipHmr && newData.markdownFiles[skipHmr.filePath]?.raw === skipHmr.fileContent) {
+        skipHmr = null;
+        return [];
+      }
+      const moduleIds = /* @__PURE__ */ new Set();
+      if (data.slides.length !== newData.slides.length) {
+        moduleIds.add(templateSlides.id);
+        range(newData.slides.length).map((i) => hmrPages.add(i));
+      }
+      if (!equal(data.headmatter.defaults, newData.headmatter.defaults)) {
+        moduleIds.add(templateSlides.id);
+        range(data.slides.length).map((i) => hmrPages.add(i));
+      }
+      if (!equal(data.config, newData.config))
+        moduleIds.add(templateConfigs.id);
+      if (!equal(data.features, newData.features)) {
+        setTimeout(() => {
+          ctx.server.hot.send({ type: "full-reload" });
+        }, 1);
+      }
+      const length = Math.min(data.slides.length, newData.slides.length);
+      for (let i = 0; i < length; i++) {
+        const a = data.slides[i];
+        const b = newData.slides[i];
+        if (!hmrPages.has(i) && a.content.trim() === b.content.trim() && a.title?.trim() === b.title?.trim() && equal(a.frontmatter, b.frontmatter)) {
+          if (a.note !== b.note) {
+            ctx.server.hot.send(
+              "slidev:update-note",
+              {
+                no: i + 1,
+                note: b.note || "",
+                noteHTML: renderNote(b.note || "")
+              }
+            );
           }
-          ctx.server.hot.send(
-            "slidev:update-slide",
-            {
-              no: i + 1,
-              data: withRenderedNote(newData.slides[i])
-            }
-          );
-          hmrPages.add(i);
-        }
-        Object.assign(data, newData);
-        Object.assign(utils, createDataUtils(newData));
-        if (hmrPages.size > 0)
-          moduleIds.add(templateTitleRendererMd.id);
-        const vueModules = Array.from(hmrPages).flatMap((i) => {
-          const id = `${VIRTUAL_SLIDE_PREFIX}${i + 1}`;
-          const frontmatter = ctx.server.moduleGraph.getModuleById(`${id}.frontmatter`);
-          const main = ctx.server.moduleGraph.getModuleById(`${id}.md`);
-          const styles = main ? [...main.clientImportedModules].find((m) => m.id?.startsWith(`${id}.md?vue&type=style`)) : void 0;
-          return [
-            frontmatter,
-            main,
-            styles
-          ];
-        });
-        hmrPages.clear();
-        const moduleEntries = [
-          ...ctx.modules.filter((i) => i.id === templateMonacoRunDeps.id || i.id === templateMonacoTypes.id),
-          ...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("/@slidev/"))
+          continue;
+        }
+        ctx.server.hot.send(
+          "slidev:update-slide",
+          {
+            no: i + 1,
+            data: withRenderedNote(newData.slides[i])
+          }
+        );
+        hmrPages.add(i);
+      }
+      Object.assign(data, newData);
+      Object.assign(utils, createDataUtils(newData, clientRoot, roots));
+      if (hmrPages.size > 0)
+        moduleIds.add(templateTitleRendererMd.id);
+      const vueModules = Array.from(hmrPages).flatMap((idx) => {
+        const frontmatter = ctx.server.moduleGraph.getModuleById(getSourceId(idx, "frontmatter"));
+        const main = ctx.server.moduleGraph.getModuleById(getSourceId(idx, "md"));
+        const styles = main ? [...main.clientImportedModules].find((m) => m.id?.includes(`&type=style`)) : void 0;
+        return [
+          frontmatter,
+          main,
+          styles
+        ];
+      });
+      hmrPages.clear();
+      const moduleEntries = [
+        ...ctx.modules.filter((i) => i.id === templateMonacoRunDeps.id || i.id === templateMonacoTypes.id),
+        ...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: {
+      order: "pre",
+      handler(id) {
+        if (id.startsWith("/@slidev/") || id.includes("__slidev_"))
           return id;
         return null;
-      },
-      async load(id) {
-        const template = templates.find((i) => i.id === id);
-        if (template) {
+      }
+    },
+    async load(id) {
+      const template = templates.find((i) => i.id === id);
+      if (template) {
+        return {
+          code: await template.getContent.call(this, options),
+          map: { mappings: "" }
+        };
+      }
+      const matchFacade = id.match(regexSlideFacadeId);
+      if (matchFacade) {
+        const [, no, type] = matchFacade;
+        const idx = +no - 1;
+        const sourceId = JSON.stringify(getSourceId(idx, type));
+        return [
+          `export * from ${sourceId}`,
+          `export { default } from ${sourceId}`
+        ].join("\n");
+      }
+      const matchSource = id.match(regexSlideSourceId);
+      if (matchSource) {
+        const [, no, type] = matchSource;
+        const idx = +no - 1;
+        const slide = data.slides[idx];
+        if (!slide)
+          return;
+        if (type === "md") {
           return {
-            code: await template.getContent(options, templateCtx, this),
+            code: slide.content,
             map: { mappings: "" }
           };
-        }
-        if (id.startsWith(VIRTUAL_SLIDE_PREFIX)) {
-          const remaning = id.slice(VIRTUAL_SLIDE_PREFIX.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,
-                importChain: 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 { computed, reactive, shallowReactive } from "vue"',
-                  `export const frontmatterData = ${JSON.stringify(fontmatter)}`,
-                  // handle HMR, update frontmatter with update
-                  "if (import.meta.hot) {",
-                  "  const firstLoad = !import.meta.hot.data.frontmatter",
-                  "  import.meta.hot.data.frontmatter ??= reactive(frontmatterData)",
-                  "  import.meta.hot.accept(({ frontmatterData: update }) => {",
-                  "    if (firstLoad) return",
-                  "    const frontmatter = import.meta.hot.data.frontmatter",
-                  "    Object.keys(frontmatter).forEach(key => {",
-                  "      if (!(key in update)) delete frontmatter[key]",
-                  "    })",
-                  "    Object.assign(frontmatter, update)",
-                  "  })",
-                  "}",
-                  "export const frontmatter = import.meta.hot ? import.meta.hot.data.frontmatter : reactive(frontmatterData)",
-                  "export default frontmatter",
-                  "export const meta = shallowReactive({",
-                  "  get layout(){ return frontmatter.layout },",
-                  "  get transition(){ return frontmatter.transition },",
-                  "  get class(){ return frontmatter.class },",
-                  "  get clicks(){ return frontmatter.clicks },",
-                  "  get name(){ return frontmatter.name },",
-                  "  get preload(){ return frontmatter.preload },",
-                  // No need to be reactive, as it's only used once after reload
-                  "  slide: {",
-                  `    ...(${JSON.stringify(slideBase)}),`,
-                  `    frontmatter,`,
-                  `    filepath: ${JSON.stringify(mode === "dev" ? slide.source.filepath : "")},`,
-                  `    start: ${JSON.stringify(slide.source.start)},`,
-                  `    id: ${pageNo},`,
-                  `    no: ${no},`,
-                  "  },",
-                  "  __clicksContext: null,",
-                  "  __preloaded: false,",
-                  "})"
-                ].join("\n"),
-                map: { mappings: "" }
-              };
-            }
-          }
+        } else if (type === "frontmatter") {
+          const slideBase = {
+            ...withRenderedNote(slide),
+            frontmatter: void 0,
+            source: void 0,
+            importChain: void 0,
+            // remove raw content in build, optimize the bundle size
+            ...mode === "build" ? { raw: "", content: "", note: "" } : {}
+          };
+          const fontmatter = getFrontmatter(idx);
           return {
-            code: "",
+            code: [
+              "// @unocss-include",
+              'import { computed, reactive, shallowReactive } from "vue"',
+              `export const frontmatterData = ${JSON.stringify(fontmatter)}`,
+              // handle HMR, update frontmatter with update
+              "if (import.meta.hot) {",
+              "  const firstLoad = !import.meta.hot.data.frontmatter",
+              "  import.meta.hot.data.frontmatter ??= reactive(frontmatterData)",
+              "  import.meta.hot.accept(({ frontmatterData: update }) => {",
+              "    if (firstLoad) return",
+              "    const frontmatter = import.meta.hot.data.frontmatter",
+              "    Object.keys(frontmatter).forEach(key => {",
+              "      if (!(key in update)) delete frontmatter[key]",
+              "    })",
+              "    Object.assign(frontmatter, update)",
+              "  })",
+              "}",
+              "export const frontmatter = import.meta.hot ? import.meta.hot.data.frontmatter : reactive(frontmatterData)",
+              "export default frontmatter",
+              "export const meta = shallowReactive({",
+              "  get layout(){ return frontmatter.layout },",
+              "  get transition(){ return frontmatter.transition },",
+              "  get class(){ return frontmatter.class },",
+              "  get clicks(){ return frontmatter.clicks },",
+              "  get name(){ return frontmatter.name },",
+              "  get preload(){ return frontmatter.preload },",
+              // No need to be reactive, as it's only used once after reload
+              "  slide: {",
+              `    ...(${JSON.stringify(slideBase)}),`,
+              `    frontmatter,`,
+              `    filepath: ${JSON.stringify(mode === "dev" ? slide.source.filepath : "")},`,
+              `    start: ${JSON.stringify(slide.source.start)},`,
+              `    id: ${idx},`,
+              `    no: ${no},`,
+              "  },",
+              "  __clicksContext: null,",
+              "  __preloaded: false,",
+              "})"
+            ].join("\n"),
             map: { mappings: "" }
           };
         }
       }
-    },
-    {
-      name: "slidev:layout-transform:pre",
-      enforce: "pre",
-      async transform(code, id) {
-        if (!id.startsWith(VIRTUAL_SLIDE_PREFIX))
-          return;
-        const remaning = id.slice(VIRTUAL_SLIDE_PREFIX.length);
-        const match = remaning.match(regexIdQuery);
-        if (!match)
-          return;
-        const [, no, type] = match;
-        if (type !== "md")
-          return;
-        return transformMarkdown(code, +no - 1);
-      }
-    },
-    {
-      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: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;
-      }
-    }
-  ];
-  function updateServerWatcher() {
-    if (!server)
-      return;
-    server.watcher.add(data.watchFiles);
-  }
-  function getFrontmatter(pageNo) {
-    return {
-      ...data.headmatter?.defaults || {},
-      ...data.slides[pageNo]?.frontmatter || {}
-    };
-  }
-  async function transformMarkdown(code, index) {
-    const layouts = await templateCtx.getLayouts();
-    const frontmatter = getFrontmatter(index);
-    let layoutName = frontmatter?.layout || (index === 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])}"`,
-      templateImportContextUtils,
-      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,${index})">
-${body}
-</InjectedLayout>
-${code.slice(injectB)}`;
-    return code;
-  }
-  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}`;
-  }
-}
-
-// node/vite/unocss.ts
-import { resolve as resolve6 } from "node:path";
-import { existsSync as existsSync5 } from "node:fs";
-import { fileURLToPath as fileURLToPath3 } from "node:url";
-import { uniq as uniq5 } from "@antfu/utils";
-import { mergeConfigs } from "unocss";
-import jiti2 from "jiti";
-import UnoCSS from "unocss/vite";
-async function createUnocssPlugin({ themeRoots, addonRoots, clientRoot, roots, data, userRoot }, { unocss: unoOptions = {} }) {
-  const configFiles = uniq5([
-    resolve6(userRoot, "uno.config.ts"),
-    resolve6(userRoot, "unocss.config.ts"),
-    ...themeRoots.map((i) => `${i}/uno.config.ts`),
-    ...themeRoots.map((i) => `${i}/unocss.config.ts`),
-    ...addonRoots.map((i) => `${i}/uno.config.ts`),
-    ...addonRoots.map((i) => `${i}/unocss.config.ts`),
-    resolve6(clientRoot, "uno.config.ts"),
-    resolve6(clientRoot, "unocss.config.ts")
-  ]).filter((i) => existsSync5(i));
-  const configs = configFiles.map((i) => {
-    const loaded = jiti2(fileURLToPath3(import.meta.url))(i);
-    const config2 = "default" in loaded ? loaded.default : loaded;
-    return config2;
-  }).filter(Boolean);
-  configs.reverse();
-  let config = mergeConfigs([...configs, unoOptions]);
-  config = await loadSetups(clientRoot, roots, "unocss.ts", {}, config, (a, b) => mergeConfigs([a, b]));
-  config.theme ||= {};
-  config.theme.fontFamily ||= {};
-  config.theme.fontFamily.sans ||= data.config.fonts.sans.join(",");
-  config.theme.fontFamily.mono ||= data.config.fonts.mono.join(",");
-  config.theme.fontFamily.serif ||= data.config.fonts.serif.join(",");
-  return UnoCSS({
-    configFile: false,
-    configDeps: configFiles,
-    ...config
-  });
+  };
 }
 
 // node/vite/markdown.ts
 import Markdown from "unplugin-vue-markdown/vite";
-import { isTruthy, slash as slash3 } from "@antfu/utils";
-
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.1.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 = {}));
+import MagicString from "magic-string-stack";
 
-// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.1.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(md, options = { enabled: false, label: false, lineNumber: false }) {
-  md.core.ruler.after("inline", "task-lists", (state) => processToken(state, options));
-  md.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}/>`;
-  };
-  md.renderer.rules.taskListItemLabel_close = () => {
-    return "</label>";
-  };
-  md.renderer.rules.taskListItemLabel_open = (tokens) => {
-    const token = tokens[0];
-    const id = token.attrGet("id");
-    return `<label for="${id}">`;
+// node/setups/transformers.ts
+async function setupTransformers(roots) {
+  const returns = await loadSetups(roots, "transformers.ts", []);
+  const result = {
+    pre: [],
+    preCodeblock: [],
+    postCodeblock: [],
+    post: []
   };
-}
-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");
-      }
-    }
+  for (const r of returns.toReversed()) {
+    if (r.pre)
+      result.pre.push(...r.pre);
+    if (r.preCodeblock)
+      result.preCodeblock.push(...r.preCodeblock);
   }
-  return false;
-}
-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];
-    }
+  for (const r of returns) {
+    if (r.postCodeblock)
+      result.postCodeblock.push(...r.postCodeblock);
+    if (r.post)
+      result.post.push(...r.post);
   }
-  return void 0;
-}
-function isTodoItem(tokens, index) {
-  return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
+  return result;
 }
-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());
-  }
+
+// node/syntax/transform/code-wrapper.ts
+var reCodeBlock = /^```([\w'-]+)?\s*(?:\{([\w*,|-]+)\}\s*?(\{[^}]*\})?([^\r\n]*))?\r?\n(\S[\s\S]*?)^```$/gm;
+function transformCodeWrapper(ctx) {
+  ctx.s.replace(
+    reCodeBlock,
+    (full, lang = "", rangeStr = "", options = "", attrs = "", code) => {
+      const ranges = normalizeRangeStr(rangeStr);
+      code = code.trimEnd();
+      options = options.trim() || "{}";
+      return `
+<CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
+
+\`\`\`${lang}${attrs}
+${code}
+\`\`\`
+
+</CodeBlockWrapper>`;
+    }
+  );
 }
-function generateIdForToken(token) {
-  if (token.map) {
-    return `task-item-${token.map[0]}`;
-  } else {
-    return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
-  }
+
+// node/syntax/transform/in-page-css.ts
+function transformPageCSS(ctx) {
+  const codeBlocks = getCodeBlocks(ctx.s.original);
+  ctx.s.replace(
+    /(\n<style[^>]*>)([\s\S]+?)(<\/style>)/g,
+    (full, start, css, end, index) => {
+      if (codeBlocks.isInsideCodeblocks(index))
+        return full;
+      if (!start.includes("scoped"))
+        start = start.replace("<style", "<style scoped");
+      return `${start}
+${css}${end}`;
+    }
+  );
 }
-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;
+
+// node/syntax/transform/katex-wrapper.ts
+function transformKaTexWrapper(ctx) {
+  ctx.s.replace(
+    /^\$\$(?:\s*\{([\w*,|-]+)\}\s*?(?:(\{[^}]*\})\s*?)?)?\n(\S[\s\S]*?)^\$\$/gm,
+    (full, rangeStr = "", options = "", code) => {
+      const ranges = !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
+      code = code.trimEnd();
+      options = options.trim() || "{}";
+      return `<KaTexBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
+
+$$
+${code}
+$$
+</KaTexBlockWrapper>
+`;
+    }
+  );
 }
-function createLabelBeginToken(id) {
-  const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
-  labelBeginToken.attrSet("id", id);
-  return labelBeginToken;
+
+// node/syntax/transform/magic-move.ts
+import { codeToKeyedTokens } from "shiki-magic-move/core";
+import lz from "lz-string";
+var reMagicMoveBlock = /^````(?:md|markdown) magic-move *(\{[^}]*\})?([^ \n]*)\n([\s\S]+?)^````$/gm;
+function parseLineNumbersOption(options) {
+  return /lines: *true/.test(options) ? true : /lines: *false/.test(options) ? false : void 0;
 }
-function createLabelEndToken() {
-  return new Token("taskListItemLabel_close", "", -1);
+function transformMagicMove(ctx) {
+  ctx.s.replace(
+    reMagicMoveBlock,
+    (full, options = "{}", _attrs = "", body) => {
+      const matches = Array.from(body.matchAll(reCodeBlock));
+      if (!matches.length)
+        throw new Error("Magic Move block must contain at least one code block");
+      const defaultLineNumbers = parseLineNumbersOption(options) ?? ctx.options.data.config.lineNumbers;
+      const ranges = matches.map((i) => normalizeRangeStr(i[2]));
+      const steps = matches.map((i) => {
+        const lineNumbers = parseLineNumbersOption(i[3]) ?? defaultLineNumbers;
+        return codeToKeyedTokens(ctx.options.utils.shiki, i[5].trimEnd(), {
+          ...ctx.options.utils.shikiOptions,
+          lang: i[1]
+        }, lineNumbers);
+      });
+      const compressed = lz.compressToBase64(JSON.stringify(steps));
+      return `<ShikiMagicMove v-bind="${options}" steps-lz="${compressed}" :step-ranges='${JSON.stringify(ranges)}' />`;
+    }
+  );
 }
-function isInline(token) {
-  return token.type === "inline";
+
+// node/syntax/transform/mermaid.ts
+import lz2 from "lz-string";
+function transformMermaid(ctx) {
+  ctx.s.replace(
+    /^```mermaid *(\{[^\n]*\})?\n([\s\S]+?)\n```/gm,
+    (full, options = "", code = "") => {
+      code = code.trim();
+      options = options.trim() || "{}";
+      const encoded = lz2.compressToBase64(code);
+      return `<Mermaid code-lz="${encoded}" v-bind="${options}" />`;
+    }
+  );
 }
-function isParagraph(token) {
-  return token.type === "paragraph_open";
+
+// node/syntax/transform/monaco.ts
+import lz3 from "lz-string";
+function transformMonaco(ctx) {
+  const enabled = ctx.options.data.config.monaco === true || ctx.options.data.config.monaco === ctx.options.mode;
+  if (!enabled) {
+    ctx.s.replace(/\{monaco([\w:,-]*)\}/g, "");
+    return;
+  }
+  ctx.s.replace(
+    /^```(\w+) *\{monaco-diff\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^~~~ *\n([\s\S]+?)^```/gm,
+    (full, lang = "ts", options = "{}", code, diff) => {
+      lang = lang.trim();
+      options = options.trim() || "{}";
+      const encoded = lz3.compressToBase64(code);
+      const encodedDiff = lz3.compressToBase64(diff);
+      return `<Monaco code-lz="${encoded}" diff-lz="${encodedDiff}" lang="${lang}" v-bind="${options}" />`;
+    }
+  );
+  ctx.s.replace(
+    /^```(\w+) *\{monaco\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm,
+    (full, lang = "ts", options = "{}", code) => {
+      lang = lang.trim();
+      options = options.trim() || "{}";
+      const encoded = lz3.compressToBase64(code);
+      return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
+    }
+  );
+  ctx.s.replace(
+    /^```(\w+) *\{monaco-run\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm,
+    (full, lang = "ts", options = "{}", code) => {
+      lang = lang.trim();
+      options = options.trim() || "{}";
+      const encoded = lz3.compressToBase64(code);
+      return `<Monaco runnable code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
+    }
+  );
 }
-function isListItem(token) {
-  return token.type === "list_item_open";
+
+// node/syntax/transform/plant-uml.ts
+import { encode as encodePlantUml } from "plantuml-encoder";
+function transformPlantUml(ctx) {
+  const server = ctx.options.data.config.plantUmlServer;
+  ctx.s.replace(
+    /^```plantuml[^\n{}]*(\{[^}\n]*\})?\n([\s\S]+?)\n```/gm,
+    (full, options = "", content = "") => {
+      const code = encodePlantUml(content.trim());
+      options = options.trim() || "{}";
+      return `<PlantUml :code="'${code}'" :server="'${server}'" v-bind="${options}" />`;
+    }
+  );
 }
-function startsWithTodoMarkdown(token) {
-  return checkboxRegex.test(token.content);
+
+// node/syntax/transform/slot-sugar.ts
+function transformSlotSugar(ctx) {
+  const linesWithNewline = ctx.s.original.split(/(\r?\n)/g);
+  const codeBlocks = getCodeBlocks(ctx.s.original);
+  const lines = [];
+  for (let i = 0; i < linesWithNewline.length; i += 2) {
+    const line = linesWithNewline[i];
+    const newline = linesWithNewline[i + 1] || "";
+    lines.push(line + newline);
+  }
+  let prevSlot = false;
+  let offset = 0;
+  lines.forEach((line) => {
+    const start = offset;
+    offset += line.length;
+    if (codeBlocks.isInsideCodeblocks(offset))
+      return;
+    const match = line.match(/^::\s*([\w.\-:]+)\s*::(\s*)$/);
+    if (match) {
+      ctx.s.overwrite(start, offset - match[2].length, `${prevSlot ? "\n\n</template>\n" : "\n"}<template v-slot:${match[1]}="slotProps">
+`);
+      prevSlot = true;
+    }
+  });
+  if (prevSlot)
+    ctx.s.append("\n\n</template>");
 }
 
-// node/vite/markdown.ts
-import MarkdownItMdc from "markdown-it-mdc";
-import MagicString from "magic-string-stack";
-import MarkdownItFootnote from "markdown-it-footnote";
+// node/syntax/transform/snippet.ts
+import path3 from "node:path";
+import lz4 from "lz-string";
+import fs6 from "fs-extra";
+import { slash as slash2 } from "@antfu/utils";
 
-// node/syntax/markdown-it/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;
+// node/vite/monacoWrite.ts
+import fs5 from "node:fs/promises";
+import path2 from "node:path";
+var monacoWriterWhitelist = /* @__PURE__ */ new Set();
+function createMonacoWriterPlugin({ userRoot }) {
   return {
-    can_open,
-    can_close
+    name: "slidev:monaco-write",
+    apply: "serve",
+    configureServer(server) {
+      server.ws.on("connection", (socket) => {
+        socket.on("message", async (data) => {
+          let json;
+          try {
+            json = JSON.parse(data.toString());
+          } catch {
+            return;
+          }
+          if (json.type === "custom" && json.event === "slidev:monaco-write") {
+            const { file, content } = json.data;
+            if (!monacoWriterWhitelist.has(file)) {
+              console.error(`[Slidev] Unauthorized file write: ${file}`);
+              return;
+            }
+            const filepath = path2.join(userRoot, file);
+            console.log("[Slidev] Writing file:", filepath);
+            await fs5.writeFile(filepath, content, "utf-8");
+          }
+        });
+      });
+    }
   };
 }
-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;
-  }
-  if (!silent) {
-    token = state.push("math_inline", "math", 0);
-    token.markup = "$";
-    token.content = state.src.slice(start, match);
-  }
-  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;
-  }
-  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;
+
+// node/syntax/transform/snippet.ts
+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);
     }
-    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 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
+    /^::#(endregion) ([\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 };
     }
   }
-  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;
+  return null;
 }
-function math_plugin(md, 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;
+function transformSnippet({ s, slide, options }) {
+  const data = options.data;
+  const dir = path3.dirname(slide.source?.filepath ?? options.entry ?? options.userRoot);
+  s.replace(
+    // eslint-disable-next-line regexp/no-super-linear-backtracking
+    /^<<<\s*(\S.*?)(#[\w-]+)?\s*(?:\s(\S+?))?\s*(\{.*)?$/gm,
+    (full, filepath = "", regionName = "", lang = "", meta = "") => {
+      const src = slash2(
+        /^@\//.test(filepath) ? path3.resolve(options.userRoot, filepath.slice(2)) : path3.resolve(dir, filepath)
+      );
+      data.watchFiles.push(src);
+      const isAFile = fs6.statSync(src).isFile();
+      if (!fs6.existsSync(src) || !isAFile) {
+        throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
+      }
+      let content = fs6.readFileSync(src, "utf8");
+      slide.snippetsUsed ??= {};
+      slide.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")
+          );
+        }
+      }
+      meta = meta.trim();
+      lang = lang.trim();
+      lang = lang || path3.extname(filepath).slice(1);
+      if (meta.match(/^\{monaco-write\}/)) {
+        monacoWriterWhitelist.add(filepath);
+        lang = lang.trim();
+        meta = meta.replace(/^\{monaco-write\}/, "").trim() || "{}";
+        const encoded = lz4.compressToBase64(content);
+        return `<Monaco writable=${JSON.stringify(filepath)} code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />`;
+      }
+      return `\`\`\`${lang} ${meta}
+${content}
+\`\`\``;
     }
+  );
+}
+
+// node/syntax/transform/index.ts
+async function getMarkdownTransformers(options) {
+  const extras = await setupTransformers(options.roots);
+  return [
+    ...extras.pre,
+    transformSnippet,
+    options.data.config.highlighter === "shiki" && transformMagicMove,
+    ...extras.preCodeblock,
+    transformMermaid,
+    transformPlantUml,
+    options.data.features.monaco && transformMonaco,
+    ...extras.postCodeblock,
+    transformCodeWrapper,
+    options.data.features.katex && transformKaTexWrapper,
+    transformPageCSS,
+    transformSlotSugar,
+    ...extras.post
+  ];
+}
+
+// ../../node_modules/.pnpm/@hedgedoc+markdown-it-plugins@2.1.4_patch_hash=tuyuxytl56b2vxulpkzt2wf4o4_markdown-it@14.1.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.1.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(md, options = { enabled: false, label: false, lineNumber: false }) {
+  md.core.ruler.after("inline", "task-lists", (state) => processToken(state, options));
+  md.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}/>`;
   };
-  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;
-    }
+  md.renderer.rules.taskListItemLabel_close = () => {
+    return "</label>";
   };
-  const blockRenderer = function(tokens, idx) {
-    return `${katexBlock(tokens[idx].content)}
-`;
+  md.renderer.rules.taskListItemLabel_open = (tokens) => {
+    const token = tokens[0];
+    const id = token.attrGet("id");
+    return `<label for="${id}">`;
   };
-  md.inline.ruler.after("escape", "math_inline", math_inline);
-  md.block.ruler.after("blockquote", "math_block", math_block, {
-    alt: ["paragraph", "reference", "blockquote", "list"]
-  });
-  md.renderer.rules.math_inline = inlineRenderer;
-  md.renderer.rules.math_block = blockRenderer;
 }
-
-// node/syntax/markdown-it/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";
-
-// node/syntax/transform/utils.ts
-function normalizeRangeStr(rangeStr = "") {
-  return !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
+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;
 }
-function getCodeBlocks(md) {
-  const codeblocks = Array.from(md.matchAll(/^```[\s\S]*?^```/gm)).map((m) => {
-    const start = m.index;
-    const end = m.index + m[0].length;
-    const startLine = md.slice(0, start).match(/\n/g)?.length || 0;
-    const endLine = md.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 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];
     }
-  };
+  }
+  return void 0;
 }
-function escapeVueInCode(md) {
-  return md.replace(/\{\{/g, "&lbrace;&lbrace;");
+function isTodoItem(tokens, index) {
+  return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
 }
-
-// node/syntax/markdown-it/markdown-it-prism.ts
-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(" ")}>`;
-  }
-  asClosed() {
-    return `</${this.tagname}>`;
+function todoify(token, options) {
+  if (token.children == null) {
+    return;
   }
-};
-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];
+  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 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 generateIdForToken(token) {
+  if (token.map) {
+    return `task-item-${token.map[0]}`;
+  } else {
+    return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
   }
 }
-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 createCheckboxToken(token, enabled, id) {
+  const checkbox = new Token("taskListItemCheckbox", "", 0);
+  if (!enabled) {
+    checkbox.attrSet("disabled", "true");
   }
-  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 parser3 = 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("");
-    parser3.write(line);
-    const postfix = openTags.reverse().map((tag) => tag.asClosed()).join("");
-    return prefix + line + postfix;
-  }).join("\n");
-  parser3.end();
-  return code;
+  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 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 createLabelBeginToken(id) {
+  const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
+  labelBeginToken.attrSet("id", id);
+  return labelBeginToken;
 }
-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);
+function createLabelEndToken() {
+  return new Token("taskListItemLabel_close", "", -1);
 }
-
-// node/syntax/markdown-it/markdown-it-v-drag.ts
-import { SourceMapConsumer } from "source-map-js";
-function markdownItVDrag(md, markdownTransformMap) {
-  const visited = /* @__PURE__ */ new WeakSet();
-  const sourceMapConsumers = /* @__PURE__ */ new WeakMap();
-  function getSourceMapConsumer(id) {
-    const s = markdownTransformMap.get(id);
-    if (!s)
-      return void 0;
-    let smc = sourceMapConsumers.get(s);
-    if (smc)
-      return smc;
-    const sourceMap = s.generateMap();
-    smc = new SourceMapConsumer({
-      ...sourceMap,
-      version: sourceMap.version.toString()
-    });
-    sourceMapConsumers.set(s, smc);
-    return smc;
-  }
-  const _parse = md.parse;
-  md.parse = function(src, env) {
-    const smc = getSourceMapConsumer(env.id);
-    const toOriginalPos = smc ? (line) => smc.originalPositionFor({ line, column: 0 }).line : (line) => line;
-    function toMarkdownSource(map, idx) {
-      const [start, end] = map;
-      return `[${toOriginalPos(start)},${toOriginalPos(end)},${idx}]`;
-    }
-    return _parse.call(this, src, env).map((token) => {
-      if (!["html_block", "html_inline"].includes(token.type) || !token.content.includes("v-drag") || visited.has(token))
-        return token;
-      token.content = token.content.replace(
-        /<(v-?drag-?\w*)([\s>])/gi,
-        (_, tag, space, idx) => `<${tag} :markdownSource="${toMarkdownSource(token.map, idx)}"${space}`
-      ).replace(
-        /(?<![</\w])v-drag(=".*?")?/g,
-        (_, value, idx) => `v-drag${value ?? ""} :markdownSource="[${token.map[0]},${token.map[1]},${idx}]"`
-      );
-      visited.add(token);
-      return token;
-    });
-  };
+function isInline(token) {
+  return token.type === "inline";
 }
-
-// node/syntax/transform/code-wrapper.ts
-var reCodeBlock = /^```([\w'-]+)(?:\s*\{([\w*,|-]+)\}\s*?(\{[^}]*\})?([^\r\n]*))?\r?\n(\S[\s\S]*?)^```$/gm;
-function transformCodeWrapper(ctx) {
-  ctx.s.replace(
-    reCodeBlock,
-    (full, lang = "", rangeStr = "", options = "", attrs = "", code) => {
-      const ranges = normalizeRangeStr(rangeStr);
-      code = code.trimEnd();
-      options = options.trim() || "{}";
-      return `
-<CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
-
-\`\`\`${lang}${attrs}
-${code}
-\`\`\`
-
-</CodeBlockWrapper>`;
-    }
-  );
+function isParagraph(token) {
+  return token.type === "paragraph_open";
 }
-
-// node/syntax/transform/magic-move.ts
-import { codeToKeyedTokens } from "shiki-magic-move/core";
-import lz from "lz-string";
-var reMagicMoveBlock = /^````(?:md|markdown) magic-move(?: *(\{[^}]*\})?([^\n]*))?\n([\s\S]+?)^````$/gm;
-function parseLineNumbersOption(options) {
-  return /lines: *true/.test(options) ? true : /lines: *false/.test(options) ? false : void 0;
+function isListItem(token) {
+  return token.type === "list_item_open";
 }
-function transformMagicMove(shiki, shikiOptions, configLineNumbers) {
-  return (ctx) => {
-    ctx.s.replace(
-      reMagicMoveBlock,
-      (full, options = "{}", _attrs = "", body) => {
-        if (!shiki || !shikiOptions)
-          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 defaultLineNumbers = parseLineNumbersOption(options) ?? configLineNumbers;
-        const ranges = matches.map((i) => normalizeRangeStr(i[2]));
-        const steps = matches.map((i) => {
-          const lineNumbers = parseLineNumbersOption(i[3]) ?? defaultLineNumbers;
-          return codeToKeyedTokens(shiki, i[5].trimEnd(), {
-            ...shikiOptions,
-            lang: i[1]
-          }, lineNumbers);
-        });
-        const compressed = lz.compressToBase64(JSON.stringify(steps));
-        return `<ShikiMagicMove v-bind="${options}" steps-lz="${compressed}" :step-ranges='${JSON.stringify(ranges)}' />`;
-      }
-    );
-  };
+function startsWithTodoMarkdown(token) {
+  return checkboxRegex.test(token.content);
 }
 
-// node/syntax/transform/mermaid.ts
-import lz2 from "lz-string";
-function transformMermaid(ctx) {
-  ctx.s.replace(
-    /^```mermaid *(\{[^\n]*\})?\n([\s\S]+?)\n```/gm,
-    (full, options = "", code = "") => {
-      code = code.trim();
-      options = options.trim() || "{}";
-      const encoded = lz2.compressToBase64(code);
-      return `<Mermaid code-lz="${encoded}" v-bind="${options}" />`;
-    }
-  );
-}
+// node/syntax/markdown-it/index.ts
+import MarkdownItMdc from "markdown-it-mdc";
+import MarkdownItFootnote from "markdown-it-footnote";
 
-// node/syntax/transform/plant-uml.ts
-import { encode as encodePlantUml } from "plantuml-encoder";
-function transformPlantUml(ctx) {
-  const server = ctx.options.data.config.plantUmlServer;
-  ctx.s.replace(
-    /^```plantuml[^\n{}]*(\{[^}\n]*\})?\n([\s\S]+?)\n```/gm,
-    (full, options = "", content = "") => {
-      const code = encodePlantUml(content.trim());
-      options = options.trim() || "{}";
-      return `<PlantUml :code="'${code}'" :server="'${server}'" v-bind="${options}" />`;
-    }
+// node/setups/katex.ts
+async function setupKatex(roots) {
+  const options = await loadSetups(roots, "katex.ts", []);
+  return Object.assign(
+    { strict: false },
+    ...options
   );
 }
 
-// node/syntax/transform/snippet.ts
-import path3 from "node:path";
-import lz3 from "lz-string";
-import fs7 from "fs-extra";
-import { slash as slash2 } from "@antfu/utils";
-
-// node/vite/monacoWrite.ts
-import fs6 from "node:fs/promises";
-import path2 from "node:path";
-var monacoWriterWhitelist = /* @__PURE__ */ new Set();
-function createMonacoWriter({ userRoot }) {
+// node/syntax/markdown-it/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 {
-    name: "slidev:monaco-write",
-    apply: "serve",
-    configureServer(server) {
-      server.ws.on("connection", (socket) => {
-        socket.on("message", async (data) => {
-          let json;
-          try {
-            json = JSON.parse(data.toString());
-          } catch (e) {
-            return;
-          }
-          if (json.type === "custom" && json.event === "slidev:monaco-write") {
-            const { file, content } = json.data;
-            if (!monacoWriterWhitelist.has(file)) {
-              console.error(`[Slidev] Unauthorized file write: ${file}`);
-              return;
-            }
-            const filepath = path2.join(userRoot, file);
-            console.log("[Slidev] Writing file:", filepath);
-            await fs6.writeFile(filepath, content, "utf-8");
-          }
-        });
-      });
-    }
+    can_open,
+    can_close
   };
 }
-
-// node/syntax/transform/snippet.ts
-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
-    /^::#(endregion) ([\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 };
-    }
+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;
   }
-  return null;
-}
-function transformSnippet(ctx) {
-  const options = ctx.options;
-  const slideId = ctx.id.match(/(\d+)\.md$/)?.[1];
-  if (!slideId)
-    return;
-  const data = options.data;
-  const slideInfo = data.slides[+slideId - 1];
-  const dir = path3.dirname(slideInfo.source?.filepath ?? options.entry ?? options.userRoot);
-  ctx.s.replace(
-    // eslint-disable-next-line regexp/no-super-linear-backtracking
-    /^<<<\s*(\S.*?)(#[\w-]+)?\s*(?:\s(\S+?))?\s*(\{.*)?$/gm,
-    (full, filepath = "", regionName = "", lang = "", meta = "") => {
-      const src = slash2(
-        /^@\//.test(filepath) ? path3.resolve(options.userRoot, filepath.slice(2)) : path3.resolve(dir, filepath)
-      );
-      data.watchFiles.push(src);
-      const isAFile = fs7.statSync(src).isFile();
-      if (!fs7.existsSync(src) || !isAFile) {
-        throw new Error(isAFile ? `Code snippet path not found: ${src}` : `Invalid code snippet option`);
-      }
-      let content = fs7.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")
-          );
-        }
-      }
-      meta = meta.trim();
-      lang = lang.trim();
-      lang = lang || path3.extname(filepath).slice(1);
-      if (meta.match(/^\{monaco-write\}/)) {
-        monacoWriterWhitelist.add(filepath);
-        lang = lang.trim();
-        meta = meta.replace(/^\{monaco-write\}/, "").trim() || "{}";
-        const encoded = lz3.compressToBase64(content);
-        return `<Monaco writable=${JSON.stringify(filepath)} code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />`;
-      }
-      return `\`\`\`${lang} ${meta}
-${content}
-\`\`\``;
-    }
-  );
-}
-
-// node/syntax/transform/slot-sugar.ts
-function transformSlotSugar(ctx) {
-  const linesWithNewline = ctx.s.original.split(/(\r?\n)/g);
-  const codeBlocks = getCodeBlocks(ctx.s.original);
-  const lines = [];
-  for (let i = 0; i < linesWithNewline.length; i += 2) {
-    const line = linesWithNewline[i];
-    const newline = linesWithNewline[i + 1] || "";
-    lines.push(line + newline);
+  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;
   }
-  let prevSlot = false;
-  let offset = 0;
-  lines.forEach((line) => {
-    const start = offset;
-    offset += line.length;
-    if (codeBlocks.isInsideCodeblocks(offset))
-      return;
-    const match = line.match(/^::\s*([\w.\-:]+)\s*::(\s*)$/);
-    if (match) {
-      ctx.s.overwrite(start, offset - match[2].length, `${prevSlot ? "\n\n</template>\n" : "\n"}<template v-slot:${match[1]}="slotProps">
-`);
-      prevSlot = true;
-    }
-  });
-  if (prevSlot)
-    ctx.s.append("\n\n</template>");
-}
-
-// node/syntax/transform/in-page-css.ts
-function transformPageCSS(ctx) {
-  const page = ctx.id.match(/(\d+)\.md$/)?.[1];
-  if (!page)
-    return;
-  const codeBlocks = getCodeBlocks(ctx.s.original);
-  ctx.s.replace(
-    /(\n<style[^>]*>)([\s\S]+?)(<\/style>)/g,
-    (full, start, css, end, index) => {
-      if (codeBlocks.isInsideCodeblocks(index))
-        return full;
-      if (!start.includes("scoped"))
-        start = start.replace("<style", "<style scoped");
-      return `${start}
-${css}${end}`;
-    }
-  );
+  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;
+  }
+  if (!silent) {
+    token = state.push("math_inline", "math", 0);
+    token.markup = "$";
+    token.content = state.src.slice(start, match);
+  }
+  state.pos = match + 1;
+  return true;
 }
-
-// node/syntax/transform/monaco.ts
-import lz4 from "lz-string";
-function transformMonaco(ctx) {
-  const enabled = ctx.options.data.config.monaco === true || ctx.options.data.config.monaco === ctx.options.mode;
-  if (!enabled) {
-    ctx.s.replace(/\{monaco([\w:,-]*)\}/g, "");
-    return;
+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;
   }
-  ctx.s.replace(
-    /^```(\w+) *\{monaco-diff\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^~~~ *\n([\s\S]+?)^```/gm,
-    (full, lang = "ts", options = "{}", code, diff) => {
-      lang = lang.trim();
-      options = options.trim() || "{}";
-      const encoded = lz4.compressToBase64(code);
-      const encodedDiff = lz4.compressToBase64(diff);
-      return `<Monaco code-lz="${encoded}" diff-lz="${encodedDiff}" lang="${lang}" v-bind="${options}" />`;
-    }
-  );
-  ctx.s.replace(
-    /^```(\w+) *\{monaco\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm,
-    (full, lang = "ts", options = "{}", code) => {
-      lang = lang.trim();
-      options = options.trim() || "{}";
-      const encoded = lz4.compressToBase64(code);
-      return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
+  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;
     }
-  );
-  ctx.s.replace(
-    /^```(\w+) *\{monaco-run\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm,
-    (full, lang = "ts", options = "{}", code) => {
-      lang = lang.trim();
-      options = options.trim() || "{}";
-      const encoded = lz4.compressToBase64(code);
-      return `<Monaco runnable code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
+    if (state.src.slice(pos, max).trim().slice(-2) === "$$") {
+      lastPos = state.src.slice(0, max).lastIndexOf("$$");
+      lastLine = state.src.slice(pos, lastPos);
+      found = true;
     }
-  );
+  }
+  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;
 }
-
-// node/syntax/transform/katex-wrapper.ts
-function transformKaTexWrapper(ctx) {
-  ctx.s.replace(
-    /^\$\$(?:\s*\{([\w*,|-]+)\}\s*?(?:(\{[^}]*\})\s*?)?)?\n(\S[\s\S]*?)^\$\$/gm,
-    (full, rangeStr = "", options = "", code) => {
-      const ranges = !rangeStr.trim() ? [] : rangeStr.trim().split(/\|/g).map((i) => i.trim());
-      code = code.trimEnd();
-      options = options.trim() || "{}";
-      return `<KaTexBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
-
-$$
-${code}
-$$
-</KaTexBlockWrapper>
-`;
+function MarkdownItKatex(md, 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)}
+`;
+  };
+  md.inline.ruler.after("escape", "math_inline", math_inline);
+  md.block.ruler.after("blockquote", "math_block", math_block, {
+    alt: ["paragraph", "reference", "blockquote", "list"]
+  });
+  md.renderer.rules.math_inline = inlineRenderer;
+  md.renderer.rules.math_block = blockRenderer;
 }
 
-// node/vite/markdown.ts
-async function createMarkdownPlugin(options, { markdown: mdOptions }) {
-  const { data: { config }, roots, mode, entry, clientRoot } = options;
-  const setups = [];
-  const entryPath = slash3(entry);
-  let shiki;
-  let shikiOptions;
-  if (config.highlighter === "shiki") {
-    const result = await createMarkdownItShiki(clientRoot, roots, config, mode);
-    shiki = result.shiki;
-    shikiOptions = result.shikiOptions;
-    setups.push((md) => md.use(result.plugin));
-  } else {
-    console.warn("[Slidev] Highlighter: Prism highlighter is deprecated, and will be removed in v0.50. Refer to https://github.com/slidevjs/slidev/issues/1390");
-    setups.push((md) => md.use(markdownItPrism));
+// node/syntax/markdown-it/markdown-it-v-drag.ts
+import { SourceMapConsumer } from "source-map-js";
+function MarkdownItVDrag(md, markdownTransformMap) {
+  const visited = /* @__PURE__ */ new WeakSet();
+  const sourceMapConsumers = /* @__PURE__ */ new WeakMap();
+  function getSourceMapConsumer(id) {
+    const s = markdownTransformMap.get(id);
+    if (!s)
+      return void 0;
+    let smc = sourceMapConsumers.get(s);
+    if (smc)
+      return smc;
+    const sourceMap = s.generateMap();
+    smc = new SourceMapConsumer({
+      ...sourceMap,
+      version: sourceMap.version.toString()
+    });
+    sourceMapConsumers.set(s, smc);
+    return smc;
   }
-  if (config.mdc)
-    setups.push((md) => md.use(MarkdownItMdc));
-  const KatexOptions = await loadSetups(options.clientRoot, roots, "katex.ts", {}, { strict: false }, false);
-  const markdownTransformMap = /* @__PURE__ */ new Map();
-  return Markdown({
-    include: [/\.md$/],
-    wrapperClasses: "",
-    headEnabled: false,
-    frontmatter: false,
-    escapeCodeTagInterpolation: false,
-    markdownItOptions: {
-      quotes: `""''`,
-      html: true,
-      xhtmlOut: true,
-      linkify: true,
-      ...mdOptions?.markdownItOptions
-    },
-    ...mdOptions,
-    markdownItSetup(md) {
-      md.use(markdownItLink);
-      md.use(MarkdownItEscapeInlineCode);
-      md.use(MarkdownItFootnote);
-      md.use(taskLists, { enabled: true, lineNumber: true, label: true });
-      md.use(math_plugin, KatexOptions);
-      md.use(markdownItVDrag, markdownTransformMap);
-      setups.forEach((i) => i(md));
-      mdOptions?.markdownItSetup?.(md);
-    },
-    transforms: {
-      before(code, id) {
-        if (id === entryPath)
-          return "";
-        const ctx = {
-          s: new MagicString(code),
-          id,
-          options
-        };
-        applyMarkdownTransform(ctx, shiki, shikiOptions);
-        markdownTransformMap.set(id, ctx.s);
-        return ctx.s.toString();
-      }
+  const _parse = md.parse;
+  md.parse = function(src, env) {
+    const smc = getSourceMapConsumer(env.id);
+    const toOriginalPos = smc ? (line) => smc.originalPositionFor({ line, column: 0 }).line : (line) => line;
+    function toMarkdownSource(map, idx) {
+      const [start, end] = map;
+      return `[${toOriginalPos(start)},${toOriginalPos(end)},${idx}]`;
     }
-  });
+    return _parse.call(this, src, env).map((token) => {
+      if (!["html_block", "html_inline"].includes(token.type) || !token.content.includes("v-drag") || visited.has(token))
+        return token;
+      token.content = token.content.replace(
+        /<(v-?drag-?\w*)([\s>])/gi,
+        (_, tag, space, idx) => `<${tag} :markdownSource="${toMarkdownSource(token.map, idx)}"${space}`
+      ).replace(
+        /(?<![</\w])v-drag(=".*?")?/g,
+        (_, value, idx) => `v-drag${value ?? ""} :markdownSource="[${token.map[0]},${token.map[1]},${idx}]"`
+      );
+      visited.add(token);
+      return token;
+    });
+  };
 }
-async function createMarkdownItShiki(clientRoot, roots, config, mode) {
-  const [
-    shikiOptions,
-    { createHighlighter, bundledLanguages },
-    markdownItShiki,
-    transformerTwoslash
-  ] = await Promise.all([
-    loadShikiSetups(clientRoot, roots),
-    import("shiki").then(({ createHighlighter: createHighlighter2, bundledLanguages: bundledLanguages2 }) => ({ bundledLanguages: bundledLanguages2, createHighlighter: createHighlighter2 })),
-    import("@shikijs/markdown-it/core").then(({ fromHighlighter }) => fromHighlighter),
-    import("@shikijs/vitepress-twoslash").then(({ transformerTwoslash: transformerTwoslash2 }) => transformerTwoslash2)
-  ]);
-  const shiki = await createHighlighter({
-    ...shikiOptions,
-    langs: shikiOptions.langs ?? Object.keys(bundledLanguages),
-    themes: "themes" in shikiOptions ? Object.values(shikiOptions.themes) : [shikiOptions.theme]
-  });
-  const twoslashEnabled = config.twoslash === true || config.twoslash === mode;
+
+// node/syntax/markdown-it/markdown-it-shiki.ts
+import { isTruthy } from "@antfu/utils";
+import { fromHighlighter } from "@shikijs/markdown-it/core";
+async function MarkdownItShiki({ data: { config }, mode, utils }) {
   const transformers = [
-    ...shikiOptions.transformers || [],
-    twoslashEnabled && transformerTwoslash({
+    ...utils.shikiOptions.transformers || [],
+    (config.twoslash === true || config.twoslash === mode) && (await import("@shikijs/vitepress-twoslash")).transformerTwoslash({
       explicitTrigger: true,
       twoslashOptions: {
         handbookOptions: {
@@ -9417,16 +9257,13 @@ async function createMarkdownItShiki(clientRoot, roots, config, mode) {
       }
     }
   ].filter(isTruthy);
-  const plugin = markdownItShiki(shiki, {
-    ...shikiOptions,
+  return fromHighlighter(utils.shiki, {
+    ...utils.shikiOptions,
     transformers
   });
-  return {
-    shiki,
-    shikiOptions,
-    plugin
-  };
 }
+
+// node/syntax/markdown-it/markdown-it-escape-code.ts
 function MarkdownItEscapeInlineCode(md) {
   const codeInline = md.renderer.rules.code_inline;
   md.renderer.rules.code_inline = (tokens, idx, options, env, self) => {
@@ -9434,55 +9271,82 @@ function MarkdownItEscapeInlineCode(md) {
     return result.replace(/^<code/, "<code v-pre");
   };
 }
-function applyMarkdownTransform(ctx, shiki, shikiOptions) {
-  const transformers = [
-    transformSnippet,
-    ctx.options.data.config.highlighter ? transformMagicMove(shiki, shikiOptions, ctx.options.data.config.lineNumbers) : void 0,
-    transformMermaid,
-    transformPlantUml,
-    transformMonaco,
-    transformCodeWrapper,
-    transformKaTexWrapper,
-    transformPageCSS,
-    transformSlotSugar
-  ];
-  for (const transformer of transformers) {
-    if (!transformer)
-      continue;
-    transformer(ctx);
-    if (!ctx.s.isEmpty())
-      ctx.s.commit();
+
+// node/syntax/markdown-it/index.ts
+async function useMarkdownItPlugins(md, options, markdownTransformMap) {
+  const { roots, data: { features, config } } = options;
+  if (config.highlighter === "shiki") {
+    md.use(await MarkdownItShiki(options));
+  } else {
+    console.warn("[Slidev] Highlighter: Prism highlighter is deprecated, and will be removed in v0.50. Refer to https://github.com/slidevjs/slidev/issues/1390");
+    const { default: MarkdownItPrism } = await import("./markdown-it-prism-GWSWY6QQ.js");
+    md.use(MarkdownItPrism);
   }
-  return ctx;
+  md.use(MarkdownItLink);
+  md.use(MarkdownItEscapeInlineCode);
+  md.use(MarkdownItFootnote);
+  md.use(taskLists, { enabled: true, lineNumber: true, label: true });
+  if (features.katex)
+    md.use(MarkdownItKatex, await setupKatex(roots));
+  md.use(MarkdownItVDrag, markdownTransformMap);
+  if (config.mdc)
+    md.use(MarkdownItMdc);
 }
 
-// node/vite/compilerFlagsVue.ts
-import { objectEntries } from "@antfu/utils";
-function createVueCompilerFlagsPlugin(options) {
-  const define = objectEntries(getDefine(options));
-  return [
-    {
-      name: "slidev:flags",
-      enforce: "pre",
-      transform(code, id) {
-        if (id.match(/\.vue($|\?)/)) {
-          const original = code;
-          define.forEach(([from, to]) => {
-            code = code.replace(new RegExp(from, "g"), to);
-          });
-          if (original !== code)
-            return code;
+// node/vite/markdown.ts
+async function createMarkdownPlugin(options, { markdown: mdOptions }) {
+  const markdownTransformMap = /* @__PURE__ */ new Map();
+  const transformers = await getMarkdownTransformers(options);
+  return Markdown({
+    include: [/\.md$/],
+    wrapperClasses: "",
+    headEnabled: false,
+    frontmatter: false,
+    escapeCodeTagInterpolation: false,
+    markdownItOptions: {
+      quotes: `""''`,
+      html: true,
+      xhtmlOut: true,
+      linkify: true,
+      ...mdOptions?.markdownItOptions
+    },
+    ...mdOptions,
+    async markdownItSetup(md) {
+      await useMarkdownItPlugins(md, options, markdownTransformMap);
+      await mdOptions?.markdownItSetup?.(md);
+    },
+    transforms: {
+      ...mdOptions?.transforms,
+      before(code, id) {
+        code = mdOptions?.transforms?.before?.(code, id) ?? code;
+        const match = id.match(regexSlideSourceId);
+        if (!match)
+          return code;
+        const s = new MagicString(code);
+        markdownTransformMap.set(id, s);
+        const ctx = {
+          s,
+          slide: options.data.slides[+match[1] - 1],
+          options
+        };
+        for (const transformer of transformers) {
+          if (!transformer)
+            continue;
+          transformer(ctx);
+          if (!ctx.s.isEmpty())
+            ctx.s.commit();
         }
+        return s.toString();
       }
     }
-  ];
+  });
 }
 
 // node/vite/monacoTypes.ts
-import fs8 from "node:fs/promises";
-import { dirname as dirname2, resolve as resolve7 } from "node:path";
-import { slash as slash4 } from "@antfu/utils";
-import fg4 from "fast-glob";
+import fs7 from "node:fs/promises";
+import { dirname, resolve as resolve5 } from "node:path";
+import { slash as slash3 } from "@antfu/utils";
+import fg3 from "fast-glob";
 import { findDepPkgJsonPath } from "vitefu";
 function createMonacoTypesLoader({ userRoot, utils }) {
   return {
@@ -9503,8 +9367,8 @@ function createMonacoTypesLoader({ userRoot, utils }) {
         const pkgJsonPath = await findDepPkgJsonPath(pkg, importer);
         if (!pkgJsonPath)
           throw new Error(`Package "${pkg}" not found in "${importer}"`);
-        const root = slash4(dirname2(pkgJsonPath));
-        const pkgJson = JSON.parse(await fs8.readFile(pkgJsonPath, "utf-8"));
+        const root = slash3(dirname(pkgJsonPath));
+        const pkgJson = JSON.parse(await fs7.readFile(pkgJsonPath, "utf-8"));
         let deps = Object.keys(pkgJson.dependencies ?? {});
         deps = deps.filter((pkg2) => !utils.isMonacoTypesIgnored(pkg2));
         return [
@@ -9516,7 +9380,7 @@ function createMonacoTypesLoader({ userRoot, utils }) {
         const query = new URLSearchParams(url.search);
         const root = query.get("root");
         const name = query.get("name");
-        const files = await fg4(
+        const files = await fg3(
           [
             "**/*.ts",
             "**/*.mts",
@@ -9533,13 +9397,153 @@ function createMonacoTypesLoader({ userRoot, utils }) {
           return "/** No files found **/";
         return [
           'import { addFile } from "@slidev/client/setup/monaco.ts"',
-          ...files.map((file) => `addFile(() => import(${JSON.stringify(`${toAtFS(resolve7(root, file))}?monaco-types&raw`)}), ${JSON.stringify(`node_modules/${name}/${file}`)})`)
+          ...files.map((file) => `addFile(() => import(${JSON.stringify(`${toAtFS(resolve5(root, file))}?monaco-types&raw`)}), ${JSON.stringify(`node_modules/${name}/${file}`)})`)
         ].join("\n");
       }
     }
   };
 }
 
+// node/vite/remoteAssets.ts
+async function createRemoteAssetsPlugin({ data: { config }, mode }, pluginOptions) {
+  if (!(config.remoteAssets === true || config.remoteAssets === mode))
+    return;
+  const { VitePluginRemoteAssets, DefaultRules } = await import("vite-plugin-remote-assets");
+  return VitePluginRemoteAssets({
+    resolveMode: (id) => id.endsWith("index.html") ? "relative" : "@fs",
+    awaitDownload: mode === "build",
+    ...pluginOptions.remoteAssets,
+    rules: [
+      ...DefaultRules,
+      {
+        match: /\b(https?:\/\/image.unsplash\.com.*?)(?=[`'")\]])/gi,
+        ext: ".png"
+      },
+      ...pluginOptions.remoteAssets?.rules ?? []
+    ]
+  });
+}
+
+// node/vite/serverRef.ts
+import ServerRef from "vite-plugin-vue-server-ref";
+
+// node/integrations/drawings.ts
+import { basename, dirname as dirname2, join as join9, resolve as resolve6 } from "node:path";
+import fs8 from "fs-extra";
+import fg4 from "fast-glob";
+function resolveDrawingsDir(options) {
+  return options.data.config.drawings.persist ? resolve6(
+    dirname2(options.entry),
+    options.data.config.drawings.persist
+  ) : void 0;
+}
+async function loadDrawings(options) {
+  const dir = resolveDrawingsDir(options);
+  if (!dir || !fs8.existsSync(dir))
+    return {};
+  const files = await fg4("*.svg", {
+    onlyFiles: true,
+    cwd: dir,
+    absolute: true,
+    suppressErrors: true
+  });
+  const obj = {};
+  await Promise.all(files.map(async (path4) => {
+    const num = +basename(path4, ".svg");
+    if (Number.isNaN(num))
+      return;
+    const content = await fs8.readFile(path4, "utf8");
+    const lines = content.split(/\n/g);
+    obj[num.toString()] = lines.slice(1, -1).join("\n");
+  }));
+  return obj;
+}
+async function writeDrawings(options, drawing) {
+  const dir = resolveDrawingsDir(options);
+  if (!dir)
+    return;
+  const width = options.data.config.canvasWidth;
+  const height = Math.round(width / options.data.config.aspectRatio);
+  const SVG_HEAD = `<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">`;
+  await fs8.ensureDir(dir);
+  return Promise.all(
+    Object.entries(drawing).map(async ([key, value]) => {
+      if (!value)
+        return;
+      const svg = `${SVG_HEAD}
+${value}
+</svg>`;
+      await fs8.writeFile(join9(dir, `${key}.svg`), svg, "utf-8");
+    })
+  );
+}
+
+// node/vite/serverRef.ts
+async function createServerRefPlugin(options, pluginOptions) {
+  const drawingData = await loadDrawings(options);
+  return ServerRef({
+    debug: false,
+    // process.env.NODE_ENV === 'development',
+    state: {
+      sync: false,
+      nav: {
+        page: 0,
+        clicks: 0
+      },
+      drawings: drawingData,
+      ...pluginOptions.serverRef?.state
+    },
+    onChanged(key, data, patch, timestamp) {
+      pluginOptions.serverRef?.onChanged?.(key, data, patch, timestamp);
+      if (!options.data.config.drawings.persist)
+        return;
+      if (key === "drawings")
+        writeDrawings(options, patch ?? data);
+    }
+  });
+}
+
+// node/vite/unocss.ts
+import UnoCSS from "unocss/vite";
+
+// node/setups/unocss.ts
+import { resolve as resolve7 } from "node:path";
+import { existsSync as existsSync5 } from "node:fs";
+import { mergeConfigs } from "unocss";
+async function setupUnocss({ clientRoot, roots, data }) {
+  function loadFileConfigs(root) {
+    return [
+      resolve7(root, "uno.config.ts"),
+      resolve7(root, "unocss.config.ts")
+    ].map((i) => {
+      if (!existsSync5(i))
+        return void 0;
+      const loaded = loadModule(i);
+      return "default" in loaded ? loaded.default : loaded;
+    });
+  }
+  const configs = [
+    ...loadFileConfigs(clientRoot),
+    ...await loadSetups(roots, "unocss.ts", [], loadFileConfigs)
+  ].filter(Boolean);
+  const config = mergeConfigs(configs);
+  config.theme ||= {};
+  config.theme.fontFamily ||= {};
+  config.theme.fontFamily.sans ||= data.config.fonts.sans.join(",");
+  config.theme.fontFamily.mono ||= data.config.fonts.mono.join(",");
+  config.theme.fontFamily.serif ||= data.config.fonts.serif.join(",");
+  return config;
+}
+
+// node/vite/unocss.ts
+async function createUnocssPlugin(options, pluginOptions) {
+  return UnoCSS({
+    configFile: false,
+    ...await setupUnocss(options),
+    ...pluginOptions.unocss
+  });
+}
+
 // node/vite/vue.ts
 import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
@@ -9573,7 +9577,7 @@ var customElements = /* @__PURE__ */ new Set([
   "munderover",
   "semantics"
 ]);
-async function createVuePlugin(options, pluginOptions) {
+async function createVuePlugin(_options, pluginOptions) {
   const {
     vue: vueOptions = {},
     vuejsx: vuejsxOptions = {}
@@ -9581,15 +9585,15 @@ async function createVuePlugin(options, pluginOptions) {
   const VuePlugin = Vue({
     include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/, /\.md\?vue/],
     exclude: [],
+    ...vueOptions,
     template: {
       compilerOptions: {
         isCustomElement(tag) {
-          return customElements.has(tag);
+          return customElements.has(tag) || vueOptions?.template?.compilerOptions?.isCustomElement?.(tag);
         }
       },
       ...vueOptions?.template
-    },
-    ...vueOptions
+    }
   });
   const VueJsxPlugin = VueJsx(vuejsxOptions);
   return [
@@ -9598,107 +9602,50 @@ async function createVuePlugin(options, pluginOptions) {
   ];
 }
 
+// node/vite/staticCopy.ts
+import { existsSync as existsSync6 } from "node:fs";
+import { join as join10 } from "node:path";
+async function createStaticCopyPlugin({ themeRoots, addonRoots }, pluginOptions) {
+  const publicDirs = [...themeRoots, ...addonRoots].map((i) => join10(i, "public")).filter(existsSync6);
+  if (!publicDirs.length)
+    return;
+  const { viteStaticCopy } = await import("vite-plugin-static-copy");
+  return viteStaticCopy({
+    silent: true,
+    targets: publicDirs.map((dir) => ({
+      src: `${dir}/*`,
+      dest: "theme"
+    })),
+    ...pluginOptions.staticCopy
+  });
+}
+
 // node/vite/index.ts
-async function ViteSlidevPlugin(options, pluginOptions, serverOptions = {}) {
-  const {
-    components: componentsOptions = {},
-    icons: iconsOptions = {},
-    remoteAssets: remoteAssetsOptions = {},
-    serverRef: serverRefOptions = {}
-  } = pluginOptions;
-  const {
-    mode,
-    themeRoots,
-    addonRoots,
-    roots,
-    data: { config }
-  } = options;
-  const drawingData = await loadDrawings(options);
-  const publicRoots = [...themeRoots, ...addonRoots].map((i) => join9(i, "public")).filter(existsSync6);
-  const plugins = [
+async function ViteSlidevPlugin(options, pluginOptions = {}, serverOptions = {}) {
+  return Promise.all([
+    createSlidesLoader(options, serverOptions),
     createMarkdownPlugin(options, pluginOptions),
+    createLayoutWrapperPlugin(options),
+    createContextInjectionPlugin(),
     createVuePlugin(options, pluginOptions),
-    createSlidesLoader(options, pluginOptions, serverOptions),
-    createMonacoWriter(options),
-    Components({
-      extensions: ["vue", "md", "js", "ts", "jsx", "tsx"],
-      dirs: [
-        join9(options.clientRoot, "builtin"),
-        ...roots.map((i) => join9(i, "components")),
-        "src/components",
-        "components",
-        join9(process2.cwd(), "components")
-      ],
-      include: [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/, /\.md$/, /\.md\?vue/],
-      exclude: [],
-      resolvers: [
-        IconsResolver({
-          prefix: "",
-          customCollections: Object.keys(iconsOptions.customCollections || [])
-        })
-      ],
-      dts: false,
-      ...componentsOptions
-    }),
-    Icons({
-      defaultClass: "slidev-icon",
-      collectionsNodeResolvePath: fileURLToPath4(import.meta.url),
-      ...iconsOptions
-    }),
-    config.remoteAssets === true || config.remoteAssets === mode ? import("vite-plugin-remote-assets").then((r) => r.VitePluginRemoteAssets({
-      rules: [
-        ...r.DefaultRules,
-        {
-          match: /\b(https?:\/\/image.unsplash\.com.*?)(?=[`'")\]])/gi,
-          ext: ".png"
-        }
-      ],
-      resolveMode: (id) => id.endsWith("index.html") ? "relative" : "@fs",
-      awaitDownload: mode === "build",
-      ...remoteAssetsOptions
-    })) : null,
-    ServerRef({
-      debug: false,
-      // process.env.NODE_ENV === 'development',
-      state: {
-        sync: false,
-        nav: {
-          page: 0,
-          clicks: 0
-        },
-        drawings: drawingData,
-        ...serverRefOptions.state
-      },
-      onChanged(key, data, patch, timestamp) {
-        serverRefOptions.onChanged && serverRefOptions.onChanged(key, data, patch, timestamp);
-        if (!options.data.config.drawings.persist)
-          return;
-        if (key === "drawings")
-          writeDrawings(options, patch ?? data);
-      }
-    }),
+    createHmrPatchPlugin(),
+    createComponentsPlugin(options, pluginOptions),
+    createIconsPlugin(options, pluginOptions),
+    createRemoteAssetsPlugin(options, pluginOptions),
+    createServerRefPlugin(options, pluginOptions),
     createConfigPlugin(options),
     createMonacoTypesLoader(options),
+    createMonacoWriterPlugin(options),
     createVueCompilerFlagsPlugin(options),
     createUnocssPlugin(options, pluginOptions),
-    publicRoots.length ? import("vite-plugin-static-copy").then((r) => r.viteStaticCopy({
-      silent: true,
-      targets: publicRoots.map((r2) => ({
-        src: `${r2}/*`,
-        dest: "theme"
-      }))
-    })) : null,
-    options.inspect ? import("vite-plugin-inspect").then((r) => (r.default || r)({
-      dev: true,
-      build: true
-    })) : null
-  ];
-  return (await Promise.all(plugins)).flat().filter(notNullish2);
+    createStaticCopyPlugin(options, pluginOptions),
+    createInspectPlugin(options, pluginOptions)
+  ]);
 }
 
 // node/commands/shared.ts
 var sharedMd = MarkdownIt({ html: true });
-sharedMd.use(markdownItLink);
+sharedMd.use(MarkdownItLink);
 function getSlideTitle(data) {
   const tokens = sharedMd.parseInline(data.config.title, {});
   const title = stringifyMarkdownTokens(tokens);
@@ -9711,13 +9658,13 @@ function escapeHtml(unsafe) {
   );
 }
 async function getIndexHtml({ mode, entry, clientRoot, roots, data }) {
-  let main = await fs9.readFile(join10(clientRoot, "index.html"), "utf-8");
+  let main = await fs9.readFile(join11(clientRoot, "index.html"), "utf-8");
   let head = "";
   let body = "";
   const { info, author, keywords } = data.headmatter;
   head += [
     `<meta name="slidev:version" content="${version}">`,
-    mode === "dev" && `<meta charset="slidev:entry" content="${slash5(entry)}">`,
+    mode === "dev" && `<meta charset="slidev:entry" content="${slash4(entry)}">`,
     `<link rel="icon" href="${data.config.favicon}">`,
     `<title>${getSlideTitle(data)}</title>`,
     info && `<meta name="description" content=${escapeHtml(info)}>`,
@@ -9725,7 +9672,7 @@ async function getIndexHtml({ mode, entry, clientRoot, roots, data }) {
     keywords && `<meta name="keywords" content=${escapeHtml(Array.isArray(keywords) ? keywords.join(", ") : keywords)}>`
   ].filter(Boolean).join("\n");
   for (const root of roots) {
-    const path4 = join10(root, "index.html");
+    const path4 = join11(root, "index.html");
     if (!existsSync7(path4))
       continue;
     const index = await fs9.readFile(path4, "utf-8");
@@ -9739,7 +9686,7 @@ ${(index.match(/<body>([\s\S]*?)<\/body>/i)?.[1] || "").trim()}`;
   if (data.config.fonts.webfonts.length && data.config.fonts.provider !== "none")
     head += `
 <link rel="stylesheet" href="${generateGoogleFontsUrl(data.config.fonts)}" type="text/css">`;
-  main = main.replace("__ENTRY__", toAtFS(join10(clientRoot, "main.ts"))).replace("<!-- head -->", head).replace("<!-- body -->", body);
+  main = main.replace("__ENTRY__", toAtFS(join11(clientRoot, "main.ts"))).replace("<!-- head -->", head).replace("<!-- body -->", body);
   return main;
 }
 async function resolveViteConfigs(options, baseConfig, overrideConfigs, command, serverOptions) {
@@ -9747,7 +9694,7 @@ async function resolveViteConfigs(options, baseConfig, overrideConfigs, command,
     mode: command === "build" ? "production" : "development",
     command
   };
-  const files = options.roots.map((i) => join10(i, "vite.config.ts"));
+  const files = options.roots.map((i) => join11(i, "vite.config.ts"));
   for (const file of files) {
     if (!existsSync7(file))
       continue;
@@ -9760,9 +9707,7 @@ async function resolveViteConfigs(options, baseConfig, overrideConfigs, command,
   baseConfig = mergeConfig2(baseConfig, {
     configFile: false,
     root: options.userRoot,
-    plugins: [
-      await ViteSlidevPlugin(options, baseConfig.slidev || {}, serverOptions)
-    ],
+    plugins: await ViteSlidevPlugin(options, baseConfig.slidev, serverOptions),
     define: {
       // Fixes Vue production mode breaking PDF Export #1245
       __VUE_PROD_DEVTOOLS__: false
@@ -9775,11 +9720,11 @@ export {
   version,
   getIndexHtml,
   resolveViteConfigs,
-  loadSetups,
   parser,
   resolveTheme,
   getThemeMeta,
   resolveAddons,
+  loadSetups,
   resolveOptions,
   createDataUtils,
   ViteSlidevPlugin