@slidev/cli 0.49.17 → 0.49.18

package/dist/{chunk-T42M3I2X.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.17";
+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,71 +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 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";
@@ -7397,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"]
@@ -7429,7 +7399,7 @@ function createConfigPlugin(options) {
             ])
           }
         },
-        publicDir: join2(options.userRoot, "public"),
+        publicDir: join(options.userRoot, "public"),
         build: {
           rollupOptions: {
             output: {
@@ -7462,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);
@@ -7498,6 +7468,204 @@ 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 { notNullish, range } from "@antfu/utils";
 import * as parser2 from "@slidev/parser/fs";
@@ -7507,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)}`;
   }
 };
@@ -7531,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'
@@ -7600,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}`];
@@ -7619,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)}
@@ -7648,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",
@@ -7657,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)})
 `;
     }
@@ -7716,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(
@@ -7789,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);
@@ -7837,8 +7949,8 @@ var templateShiki = {
 var VIRTUAL_SLIDE_PREFIX = "/@slidev/slides/";
 var templateSlides = {
   id: "/@slidev/slides",
-  async getContent({ data }, { getLayouts }) {
-    const layouts = await getLayouts();
+  getContent({ data, utils }) {
+    const layouts = utils.getLayouts();
     const statements = [
       `import { defineAsyncComponent, shallowRef } from 'vue'`,
       `import SlideError from '${layouts.error}'`,
@@ -7885,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));
     }
@@ -7934,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}
@@ -7980,17 +8092,17 @@ var templates = [
 
 // node/options.ts
 import path from "node:path";
-import { uniq as uniq4 } from "@antfu/utils";
+import { uniq as uniq5 } from "@antfu/utils";
 import Debug from "debug";
 import mm from "micromatch";
-import fg3 from "fast-glob";
+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": "",
@@ -8003,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();
@@ -8024,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))
@@ -8037,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,
@@ -8070,7 +8245,7 @@ async function resolveOptions(options, mode) {
   };
   const resolved = {
     ...rootsInfo,
-    ...options,
+    ...entryOptions,
     data,
     mode,
     entry,
@@ -8079,23 +8254,24 @@ async function resolveOptions(options, mode) {
     themeRoots,
     addonRoots,
     roots,
-    utils: createDataUtils(data, rootsInfo.clientRoot, roots)
+    utils: await createDataUtils(data, rootsInfo.clientRoot, roots)
   };
   return resolved;
 }
-function createDataUtils(data, clientRoot, roots) {
+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 {
+    ...await setupShiki(roots),
     isMonacoTypesIgnored: (pkg) => monacoTypesIgnorePackagesMatches.some((i) => i(pkg)),
-    getLayouts: 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}", {
+        const layoutPaths = fg2.sync("layouts/**/*.{vue,ts}", {
           cwd: root,
           absolute: true,
           suppressErrors: true
@@ -8112,29 +8288,7 @@ function createDataUtils(data, clientRoot, roots) {
   };
 }
 
-// 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/loaders.ts
-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(
@@ -8156,10 +8310,6 @@ function createSlidesLoader(options, serverOptions) {
   let server;
   let skipHmr = null;
   const { data, clientRoot, roots, mode, utils } = options;
-  const templateCtx = {
-    md: sharedMd,
-    getLayouts: utils.getLayouts
-  };
   function getSourceId(index, type) {
     return `${data.slides[index].source.filepath}__slidev_${index + 1}.${type}`;
   }
@@ -8310,7 +8460,7 @@ function createSlidesLoader(options, serverOptions) {
       const template = templates.find((i) => i.id === id);
       if (template) {
         return {
-          code: await template.getContent(options, templateCtx, this),
+          code: await template.getContent.call(this, options),
           map: { mappings: "" }
         };
       }
@@ -8394,562 +8544,167 @@ function createSlidesLoader(options, serverOptions) {
   };
 }
 
-// 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: []
   };
+  for (const r of returns.toReversed()) {
+    if (r.pre)
+      result.pre.push(...r.pre);
+    if (r.preCodeblock)
+      result.preCodeblock.push(...r.preCodeblock);
+  }
+  for (const r of returns) {
+    if (r.postCodeblock)
+      result.postCodeblock.push(...r.postCodeblock);
+    if (r.post)
+      result.post.push(...r.post);
+  }
+  return result;
 }
-function processToken(state, options) {
-  const allTokens = state.tokens;
-  for (let i = 2; i < allTokens.length; i++) {
-    if (!isTodoItem(allTokens, i)) {
-      continue;
+
+// 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>`;
     }
-    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");
-      }
+  );
+}
+
+// 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}`;
     }
-  }
-  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];
+
+// 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>
+`;
     }
-  }
-  return void 0;
+  );
 }
-function isTodoItem(tokens, index) {
-  return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
+
+// 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 todoify(token, options) {
-  if (token.children == null) {
-    return;
-  }
-  const id = generateIdForToken(token);
-  token.children.splice(0, 0, createCheckboxToken(token, options.enabled, id));
-  token.children[1].content = token.children[1].content.replace(checkboxRegex, "");
-  if (options.label) {
-    token.children.splice(1, 0, createLabelBeginToken(id));
-    token.children.push(createLabelEndToken());
-  }
+function 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 generateIdForToken(token) {
-  if (token.map) {
-    return `task-item-${token.map[0]}`;
-  } else {
-    return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
-  }
-}
-function createCheckboxToken(token, enabled, id) {
-  const checkbox = new Token("taskListItemCheckbox", "", 0);
-  if (!enabled) {
-    checkbox.attrSet("disabled", "true");
-  }
-  if (token.map) {
-    checkbox.attrSet("line", token.map[0].toString());
-  }
-  checkbox.attrSet("id", id);
-  const checkboxRegexResult = checkboxRegex.exec(token.content);
-  const isChecked = checkboxRegexResult?.[1].toLowerCase() === "x";
-  if (isChecked) {
-    checkbox.attrSet("checked", "true");
-  }
-  return checkbox;
-}
-function createLabelBeginToken(id) {
-  const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
-  labelBeginToken.attrSet("id", id);
-  return labelBeginToken;
-}
-function createLabelEndToken() {
-  return new Token("taskListItemLabel_close", "", -1);
-}
-function isInline(token) {
-  return token.type === "inline";
-}
-function isParagraph(token) {
-  return token.type === "paragraph_open";
-}
-function isListItem(token) {
-  return token.type === "list_item_open";
-}
-function startsWithTodoMarkdown(token) {
-  return checkboxRegex.test(token.content);
+
+// node/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/vite/markdown.ts
-import MarkdownItMdc from "markdown-it-mdc";
-import MagicString from "magic-string-stack";
-import MarkdownItFootnote from "markdown-it-footnote";
-
-// 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 {
-    can_open,
-    can_close
-  };
-}
-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;
-    }
-    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;
-}
-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;
-    }
-  };
-  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/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 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 escapeVueInCode(md) {
-  return md.replace(/\{\{/g, "&lbrace;&lbrace;");
-}
-
-// 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}>`;
-  }
-};
-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];
-  }
-  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.`, { cause: e });
-  }
-}
-function selectLanguage(options, lang) {
-  let langToUse = lang;
-  if (langToUse === "" && options.defaultLanguageForUnspecified !== void 0)
-    langToUse = options.defaultLanguageForUnspecified;
-  let prismLang = loadPrismLang(langToUse);
-  if (prismLang === void 0 && options.defaultLanguageForUnknown !== void 0) {
-    langToUse = options.defaultLanguageForUnknown;
-    prismLang = loadPrismLang(langToUse);
-  }
-  return [langToUse, prismLang];
-}
-function highlight(markdownit, options, text, lang) {
-  const [langToUse, prismLang] = selectLanguage(options, lang);
-  let code = text.trimEnd();
-  code = prismLang ? highlightPrism(code, prismLang, langToUse) : markdownit.utils.escapeHtml(code);
-  code = code.split(/\r?\n/g).map((line) => `<span class="line">${line}</span>`).join("\n");
-  const classAttribute = langToUse ? ` class="slidev-code ${markdownit.options.langPrefix}${markdownit.utils.escapeHtml(langToUse)}"` : "";
-  return escapeVueInCode(`<pre${classAttribute}><code>${code}</code></pre>`);
-}
-function highlightPrism(code, prismLang, langToUse) {
-  const openTags = [];
-  const 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;
-}
-function checkLanguageOption(options, optionName) {
-  const language = options[optionName];
-  if (language !== void 0 && loadPrismLang(language) === void 0)
-    throw new Error(`Bad option ${optionName}: There is no Prism language '${language}'.`);
-}
-function markdownItPrism(markdownit, useroptions) {
-  const options = Object.assign({}, DEFAULTS, useroptions);
-  checkLanguageOption(options, "defaultLanguage");
-  checkLanguageOption(options, "defaultLanguageForUnknown");
-  checkLanguageOption(options, "defaultLanguageForUnspecified");
-  options.defaultLanguageForUnknown = options.defaultLanguageForUnknown || options.defaultLanguage;
-  options.defaultLanguageForUnspecified = options.defaultLanguageForUnspecified || options.defaultLanguage;
-  options.plugins.forEach(loadPrismPlugin);
-  options.init(Prism);
-  markdownit.options.highlight = (text, lang) => highlight(markdownit, options, text, lang);
-}
-
-// node/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;
+// 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;
   }
-  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}]`;
+  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}" />`;
     }
-    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;
-    });
-  };
-}
-
-// 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();
+    /^```(\w+) *\{monaco\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm,
+    (full, lang = "ts", options = "{}", code) => {
+      lang = lang.trim();
       options = options.trim() || "{}";
-      return `
-<CodeBlockWrapper v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>
-
-\`\`\`${lang}${attrs}
-${code}
-\`\`\`
-
-</CodeBlockWrapper>`;
+      const encoded = lz3.compressToBase64(code);
+      return `<Monaco code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
     }
   );
-}
-
-// 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 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)}' />`;
-      }
-    );
-  };
-}
-
-// 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();
+    /^```(\w+) *\{monaco-run\} *(?:(\{[^\n]*\}) *)?\n([\s\S]+?)^```/gm,
+    (full, lang = "ts", options = "{}", code) => {
+      lang = lang.trim();
       options = options.trim() || "{}";
-      const encoded = lz2.compressToBase64(code);
-      return `<Mermaid code-lz="${encoded}" v-bind="${options}" />`;
+      const encoded = lz3.compressToBase64(code);
+      return `<Monaco runnable code-lz="${encoded}" lang="${lang}" v-bind="${options}" />`;
     }
   );
 }
@@ -8968,17 +8723,45 @@ function transformPlantUml(ctx) {
   );
 }
 
+// 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/syntax/transform/snippet.ts
 import path3 from "node:path";
-import lz3 from "lz-string";
-import fs7 from "fs-extra";
+import lz4 from "lz-string";
+import fs6 from "fs-extra";
 import { slash as slash2 } from "@antfu/utils";
 
 // node/vite/monacoWrite.ts
-import fs6 from "node:fs/promises";
+import fs5 from "node:fs/promises";
 import path2 from "node:path";
 var monacoWriterWhitelist = /* @__PURE__ */ new Set();
-function createMonacoWriter({ userRoot }) {
+function createMonacoWriterPlugin({ userRoot }) {
   return {
     name: "slidev:monaco-write",
     apply: "serve",
@@ -8999,7 +8782,7 @@ function createMonacoWriter({ userRoot }) {
             }
             const filepath = path2.join(userRoot, file);
             console.log("[Slidev] Writing file:", filepath);
-            await fs6.writeFile(filepath, content, "utf-8");
+            await fs5.writeFile(filepath, content, "utf-8");
           }
         });
       });
@@ -9059,15 +8842,10 @@ function findRegion(lines, regionName) {
   }
   return null;
 }
-function transformSnippet(ctx) {
-  const options = ctx.options;
-  const slideId = ctx.id.match(/(\d+)\.md$/)?.[1];
-  if (!slideId)
-    return;
+function transformSnippet({ s, slide, options }) {
   const data = options.data;
-  const slideInfo = data.slides[+slideId - 1];
-  const dir = path3.dirname(slideInfo.source?.filepath ?? options.entry ?? options.userRoot);
-  ctx.s.replace(
+  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 = "") => {
@@ -9075,13 +8853,13 @@ function transformSnippet(ctx) {
         /^@\//.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) {
+      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 = fs7.readFileSync(src, "utf8");
-      slideInfo.snippetsUsed ??= {};
-      slideInfo.snippetsUsed[src] = content;
+      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));
@@ -9098,7 +8876,7 @@ function transformSnippet(ctx) {
         monacoWriterWhitelist.add(filepath);
         lang = lang.trim();
         meta = meta.replace(/^\{monaco-write\}/, "").trim() || "{}";
-        const encoded = lz3.compressToBase64(content);
+        const encoded = lz4.compressToBase64(content);
         return `<Monaco writable=${JSON.stringify(filepath)} code-lz="${encoded}" lang="${lang}" v-bind="${meta}" />`;
       }
       return `\`\`\`${lang} ${meta}
@@ -9108,191 +8886,360 @@ ${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);
+// 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}/>`;
+  };
+  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}">`;
+  };
+}
+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 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 isTodoItem(tokens, index) {
+  return isInline(tokens[index]) && isParagraph(tokens[index - 1]) && isListItem(tokens[index - 2]) && startsWithTodoMarkdown(tokens[index]);
+}
+function todoify(token, options) {
+  if (token.children == null) {
+    return;
+  }
+  const id = generateIdForToken(token);
+  token.children.splice(0, 0, createCheckboxToken(token, options.enabled, id));
+  token.children[1].content = token.children[1].content.replace(checkboxRegex, "");
+  if (options.label) {
+    token.children.splice(1, 0, createLabelBeginToken(id));
+    token.children.push(createLabelEndToken());
+  }
+}
+function generateIdForToken(token) {
+  if (token.map) {
+    return `task-item-${token.map[0]}`;
+  } else {
+    return `task-item-${Math.ceil(Math.random() * (1e4 * 1e3) - 1e3)}`;
+  }
+}
+function createCheckboxToken(token, enabled, id) {
+  const checkbox = new Token("taskListItemCheckbox", "", 0);
+  if (!enabled) {
+    checkbox.attrSet("disabled", "true");
+  }
+  if (token.map) {
+    checkbox.attrSet("line", token.map[0].toString());
+  }
+  checkbox.attrSet("id", id);
+  const checkboxRegexResult = checkboxRegex.exec(token.content);
+  const isChecked = checkboxRegexResult?.[1].toLowerCase() === "x";
+  if (isChecked) {
+    checkbox.attrSet("checked", "true");
+  }
+  return checkbox;
+}
+function createLabelBeginToken(id) {
+  const labelBeginToken = new Token("taskListItemLabel_open", "", 1);
+  labelBeginToken.attrSet("id", id);
+  return labelBeginToken;
+}
+function createLabelEndToken() {
+  return new Token("taskListItemLabel_close", "", -1);
+}
+function isInline(token) {
+  return token.type === "inline";
+}
+function isParagraph(token) {
+  return token.type === "paragraph_open";
+}
+function isListItem(token) {
+  return token.type === "list_item_open";
+}
+function startsWithTodoMarkdown(token) {
+  return checkboxRegex.test(token.content);
+}
+
+// node/syntax/markdown-it/index.ts
+import MarkdownItMdc from "markdown-it-mdc";
+import MarkdownItFootnote from "markdown-it-footnote";
+
+// node/setups/katex.ts
+async function setupKatex(roots) {
+  const options = await loadSetups(roots, "katex.ts", []);
+  return Object.assign(
+    { strict: false },
+    ...options
+  );
+}
+
+// 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 {
+    can_open,
+    can_close
+  };
+}
+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;
   }
-  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;
+  for (next = start; !found; ) {
+    next++;
+    if (next >= end)
+      break;
+    pos = state.bMarks[next] + state.tShift[next];
+    max = state.eMarks[next];
+    if (pos < max && state.tShift[next] < state.blkIndent) {
+      break;
     }
-  });
-  if (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 (state.src.slice(pos, max).trim().slice(-2) === "$$") {
+      lastPos = state.src.slice(0, max).lastIndexOf("$$");
+      lastLine = state.src.slice(pos, lastPos);
+      found = 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;
   }
-  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}" />`;
+  state.line = next + 1;
+  const token = state.push("math_block", "math", 0);
+  token.block = true;
+  token.content = (firstLine && firstLine.trim() ? `${firstLine}
+` : "") + state.getLines(start + 1, next, state.tShift[start], true) + (lastLine && lastLine.trim() ? lastLine : "");
+  token.map = [start, state.line];
+  token.markup = "$$";
+  return true;
+}
+function 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;
     }
-  );
-  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}" />`;
+  };
+  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;
     }
-  );
-}
-
-// 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>
+  };
+  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: {
@@ -9310,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) => {
@@ -9327,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();
-  }
-  return ctx;
-}
 
-// 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/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);
+  }
+  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/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 {
@@ -9396,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 [
@@ -9409,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",
@@ -9426,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";
@@ -9466,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 = {}
@@ -9474,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 [
@@ -9491,235 +9602,50 @@ async function createVuePlugin(options, pluginOptions) {
   ];
 }
 
-// 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/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;
-      const replaced = code.replace("if (_rerender_only)", "if (false)");
-      if (replaced !== code)
-        return replaced;
-    }
-  };
+// 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),
     createHmrPatchPlugin(),
-    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: options.cliRoot,
-      ...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) {
-        if (serverRefOptions.onChanged)
-          serverRefOptions.onChanged(key, data, patch, timestamp);
-        if (!options.data.config.drawings.persist)
-          return;
-        if (key === "drawings")
-          writeDrawings(options, patch ?? data);
-      }
-    }),
+    createComponentsPlugin(options, pluginOptions),
+    createIconsPlugin(options, pluginOptions),
+    createRemoteAssetsPlugin(options, pluginOptions),
+    createServerRefPlugin(options, pluginOptions),
     createConfigPlugin(options),
     createMonacoTypesLoader(options),
-    createMonacoWriter(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);
@@ -9732,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)}>`,
@@ -9746,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");
@@ -9760,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) {
@@ -9768,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;
@@ -9781,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
@@ -9796,11 +9720,11 @@ export {
   version,
   getIndexHtml,
   resolveViteConfigs,
-  loadSetups,
   parser,
   resolveTheme,
   getThemeMeta,
   resolveAddons,
+  loadSetups,
   resolveOptions,
   createDataUtils,
   ViteSlidevPlugin