@slidev/cli 52.8.0 → 52.9.1

package/dist/{build-Co9SDEv9.mjs → build-C0y4MWcQ.mjs}

@@ -1,5 +1,5 @@
-import { t as resolveViteConfigs } from "./shared-OlAiAU1s.mjs";
-import "./resolver-Dl3RCceV.mjs";
+import { t as resolveViteConfigs } from "./shared-D3BW4vqA.mjs";
+import "./resolver-Du-CxvL9.mjs";
 import fs from "node:fs/promises";
 import { join, resolve } from "node:path";
 import { build as build$1 } from "vite";
@@ -45,7 +45,7 @@ async function build(options, viteConfig = {}, args) {
 				dev: true
 			}));
 			server.listen(port);
-			const { exportSlides } = await import("./export-dSJYnjas.mjs");
+			const { exportSlides } = await import("./export-snweM1-1.mjs");
 			const tempDir = resolve(outDir, "temp");
 			await fs.mkdir(tempDir, { recursive: true });
 			await exportSlides({
@@ -86,7 +86,7 @@ async function build(options, viteConfig = {}, args) {
 		"true",
 		"auto"
 	].includes(options.data.config.download)) {
-		const { exportSlides, getExportOptions } = await import("./export-dSJYnjas.mjs");
+		const { exportSlides, getExportOptions } = await import("./export-snweM1-1.mjs");
 		const port = 12445;
 		const app = connect();
 		const server = http.createServer(app);

package/dist/cli.mjs

@@ -1,6 +1,6 @@
-import { a as loadSetups, c as resolveTheme, d as version, i as resolveOptions, l as resolveAddons, o as parser, s as getThemeMeta, u as updateFrontmatterPatch } from "./shared-OlAiAU1s.mjs";
-import { i as resolveEntry, n as getRoots, r as isInstalledGlobally } from "./resolver-Dl3RCceV.mjs";
-import { t as createServer } from "./serve-DiGMRooB.mjs";
+import { a as loadSetups, c as resolveTheme, d as version, i as resolveOptions, l as resolveAddons, o as parser, s as getThemeMeta, u as updateFrontmatterPatch } from "./shared-D3BW4vqA.mjs";
+import { i as resolveEntry, n as getRoots, r as isInstalledGlobally } from "./resolver-Du-CxvL9.mjs";
+import { t as createServer } from "./serve-BrA39NVM.mjs";
 import { exec } from "node:child_process";
 import fs from "node:fs/promises";
 import os from "node:os";
@@ -292,7 +292,7 @@ cli.command("build [entry..]", "Build hostable SPA", (args) => exportOptions(com
 	describe: "enable the inspect plugin for debugging"
 }).strict().help(), async (args) => {
 	const { entry, theme, base, download, out, inspect } = args;
-	const { build } = await import("./build-Co9SDEv9.mjs");
+	const { build } = await import("./build-C0y4MWcQ.mjs");
 	for (const entryFile of entry) {
 		const options = await resolveOptions({
 			entry: entryFile,
@@ -355,7 +355,7 @@ cli.command("theme [subcommand]", "Theme related operations", (command) => {
 });
 cli.command("export [entry..]", "Export slides to PDF", (args) => exportOptions(commonOptions(args)).strict().help(), async (args) => {
 	const { entry, theme } = args;
-	const { exportSlides, getExportOptions } = await import("./export-dSJYnjas.mjs");
+	const { exportSlides, getExportOptions } = await import("./export-snweM1-1.mjs");
 	const port = await getPort(12445);
 	let warned = false;
 	for (const entryFile of entry) {
@@ -402,7 +402,7 @@ cli.command("export-notes [entry..]", "Export slide notes to PDF", (args) => arg
 	type: "number",
 	describe: "wait for the specified ms before exporting"
 }).strict().help(), async ({ entry, output, timeout, wait }) => {
-	const { exportNotes } = await import("./export-dSJYnjas.mjs");
+	const { exportNotes } = await import("./export-snweM1-1.mjs");
 	const port = await getPort(12445);
 	for (const entryFile of entry) {
 		const options = await resolveOptions({ entry: entryFile }, "export");

package/dist/{export-dSJYnjas.mjs → export-snweM1-1.mjs}

@@ -1,4 +1,4 @@
-import { n as getRoots } from "./resolver-Dl3RCceV.mjs";
+import { n as getRoots } from "./resolver-Du-CxvL9.mjs";
 import fs from "node:fs/promises";
 import path, { dirname, relative } from "node:path";
 import process from "node:process";

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { i as resolveOptions, n as ViteSlidevPlugin, o as parser, r as createDataUtils } from "./shared-OlAiAU1s.mjs";
-import "./resolver-Dl3RCceV.mjs";
-import { t as createServer } from "./serve-DiGMRooB.mjs";
+import { i as resolveOptions, n as ViteSlidevPlugin, o as parser, r as createDataUtils } from "./shared-D3BW4vqA.mjs";
+import "./resolver-Du-CxvL9.mjs";
+import { t as createServer } from "./serve-BrA39NVM.mjs";
 
 export { ViteSlidevPlugin, createDataUtils, createServer, parser, resolveOptions };

package/dist/{resolver-Dl3RCceV.mjs → resolver-Du-CxvL9.mjs}

@@ -1,12 +1,13 @@
+import { copyFile, readFile } from "node:fs/promises";
 import { dirname, join, relative, resolve } from "node:path";
 import process from "node:process";
 import { underline, yellow } from "ansis";
-import * as fs$1 from "node:fs";
+import { existsSync } from "node:fs";
 import { fileURLToPath } from "node:url";
-import { ensurePrefix, slash } from "@antfu/utils";
-import { resolvePath } from "mlly";
 import { parseNi, run } from "@antfu/ni";
+import { ensurePrefix, slash } from "@antfu/utils";
 import globalDirs from "global-directory";
+import { resolvePath } from "mlly";
 import prompts from "prompts";
 import { resolveGlobal } from "resolve-global";
 import { findClosestPkgJsonPath, findDepPkgJsonPath } from "vitefu";
@@ -39,23 +40,29 @@ async function findPkgRoot(dep, parent, ensure = false) {
 	return path$1;
 }
 async function findGlobalPkgRoot(name, ensure = false) {
+	const localPath = await findDepPkgJsonPath(name, cliRoot);
+	if (localPath) return dirname(localPath);
 	const yarnPath = join(globalDirs.yarn.packages, name);
-	if (fs$1.existsSync(`${yarnPath}/package.json`)) return yarnPath;
+	if (existsSync(`${yarnPath}/package.json`)) return yarnPath;
 	const npmPath = join(globalDirs.npm.packages, name);
-	if (fs$1.existsSync(`${npmPath}/package.json`)) return npmPath;
+	if (existsSync(`${npmPath}/package.json`)) return npmPath;
 	if (ensure) throw new Error(`Failed to resolve global package "${name}"`);
 }
 async function resolveEntry(entryRaw) {
-	if (!fs$1.existsSync(entryRaw) && !entryRaw.endsWith(".md") && !/[/\\]/.test(entryRaw)) entryRaw += ".md";
+	if (!existsSync(entryRaw) && !entryRaw.endsWith(".md") && !/[/\\]/.test(entryRaw)) entryRaw += ".md";
 	const entry = resolve(entryRaw);
-	if (!fs$1.existsSync(entry)) {
+	if (!existsSync(entry)) {
+		if (!process.stdin.isTTY) {
+			console.error(`Entry file "${entry}" does not exist and cannot prompt for confirmation`);
+			process.exit(1);
+		}
 		const { create } = await prompts({
 			name: "create",
 			type: "confirm",
 			initial: "Y",
 			message: `Entry file ${yellow(`"${entry}"`)} does not exist, do you want to create it?`
 		});
-		if (create) fs$1.copyFileSync(resolve(cliRoot, "template.md"), entry);
+		if (create) await copyFile(resolve(cliRoot, "template.md"), entry);
 		else process.exit(0);
 	}
 	return slash(entry);
@@ -65,6 +72,10 @@ async function resolveEntry(entryRaw) {
 */
 function createResolver(type, officials) {
 	async function promptForInstallation(pkgName) {
+		if (!process.stdin.isTTY) {
+			console.error(`The ${type} "${pkgName}" was not found and cannot prompt for installation`);
+			process.exit(1);
+		}
 		const { confirm } = await prompts({
 			name: "confirm",
 			initial: "Y",
@@ -81,16 +92,9 @@ function createResolver(type, officials) {
 		if (name[0] === "/") return [name, name];
 		if (name.startsWith("@/")) return [name, resolve(userRoot, name.slice(2))];
 		if (name[0] === "." || name[0] !== "@" && name.includes("/")) return [name, resolve(dirname(importer), name)];
-		if (name.startsWith(`@slidev/${type}-`) || name.startsWith(`slidev-${type}-`)) {
-			if (!await findPkgRoot(name, importer)) await promptForInstallation(name);
-			return [name, await findPkgRoot(name, importer, true)];
-		}
 		{
-			const possiblePkgNames = [
-				`@slidev/${type}-${name}`,
-				`slidev-${type}-${name}`,
-				name
-			];
+			const possiblePkgNames = [name];
+			if (!name.includes("/") && !name.startsWith("@")) possiblePkgNames.push(`@slidev/${type}-${name}`, `slidev-${type}-${name}`);
 			for (const pkgName$1 of possiblePkgNames) {
 				const pkgRoot = await findPkgRoot(pkgName$1, importer);
 				if (pkgRoot) return [pkgName$1, pkgRoot];
@@ -101,29 +105,25 @@ function createResolver(type, officials) {
 		return [pkgName, await findPkgRoot(pkgName, importer, true)];
 	};
 }
-function getUserPkgJson(userRoot) {
+async function getUserPkgJson(userRoot) {
 	const path$1 = resolve(userRoot, "package.json");
-	if (fs$1.existsSync(path$1)) return JSON.parse(fs$1.readFileSync(path$1, "utf-8"));
+	if (existsSync(path$1)) return JSON.parse(await readFile(path$1, "utf-8"));
 	return {};
 }
-function hasWorkspacePackageJSON(root) {
+async function hasWorkspacePackageJSON(root) {
 	const path$1 = join(root, "package.json");
-	try {
-		fs$1.accessSync(path$1, fs$1.constants.R_OK);
-	} catch {
-		return false;
-	}
-	return !!(JSON.parse(fs$1.readFileSync(path$1, "utf-8")) || {}).workspaces;
+	if (!existsSync(path$1)) return false;
+	return !!(JSON.parse(await readFile(path$1, "utf-8")) || {}).workspaces;
 }
 function hasRootFile(root) {
-	return ["pnpm-workspace.yaml"].some((file) => fs$1.existsSync(join(root, file)));
+	return ["pnpm-workspace.yaml"].some((file) => existsSync(join(root, file)));
 }
 /**
 * Search up for the nearest workspace root
 */
-function searchForWorkspaceRoot(current, root = current) {
+async function searchForWorkspaceRoot(current, root = current) {
 	if (hasRootFile(current)) return current;
-	if (hasWorkspacePackageJSON(current)) return current;
+	if (await hasWorkspacePackageJSON(current)) return current;
 	const dir = dirname(current);
 	if (!dir || dir === current) return root;
 	return searchForWorkspaceRoot(dir, root);
@@ -140,11 +140,27 @@ async function getRoots(entry) {
 		cliRoot,
 		clientRoot,
 		userRoot,
-		userPkgJson: getUserPkgJson(closestPkgRoot),
-		userWorkspaceRoot: searchForWorkspaceRoot(closestPkgRoot)
+		userPkgJson: await getUserPkgJson(closestPkgRoot),
+		userWorkspaceRoot: await searchForWorkspaceRoot(closestPkgRoot)
 	};
 	return rootsInfo;
 }
+function resolveSourceFiles(roots, subpath, extensions = [
+	".mjs",
+	".js",
+	".mts",
+	".ts"
+]) {
+	const results = [];
+	for (const root of roots) for (const ext of extensions) {
+		const fullPath = join(root, subpath + ext);
+		if (existsSync(fullPath)) {
+			results.push(fullPath);
+			break;
+		}
+	}
+	return results;
+}
 
 //#endregion
-export { resolveImportPath as a, resolveEntry as i, getRoots as n, resolveImportUrl as o, isInstalledGlobally as r, toAtFS as s, createResolver as t };
+export { resolveImportPath as a, toAtFS as c, resolveEntry as i, getRoots as n, resolveImportUrl as o, isInstalledGlobally as r, resolveSourceFiles as s, createResolver as t };

package/dist/{serve-DiGMRooB.mjs → serve-BrA39NVM.mjs}

@@ -1,4 +1,4 @@
-import { t as resolveViteConfigs } from "./shared-OlAiAU1s.mjs";
+import { t as resolveViteConfigs } from "./shared-D3BW4vqA.mjs";
 import { join } from "node:path";
 import process from "node:process";
 import { createServer } from "vite";

package/dist/{shared-OlAiAU1s.mjs → shared-D3BW4vqA.mjs}

@@ -1,39 +1,41 @@
-import { a as resolveImportPath, i as resolveEntry, n as getRoots, o as resolveImportUrl, r as isInstalledGlobally, s as toAtFS, t as createResolver } from "./resolver-Dl3RCceV.mjs";
+import { a as resolveImportPath, c as toAtFS, i as resolveEntry, n as getRoots, o as resolveImportUrl, r as isInstalledGlobally, s as resolveSourceFiles, t as createResolver } from "./resolver-Du-CxvL9.mjs";
 import { builtinModules } from "node:module";
 import fs, { readFile } from "node:fs/promises";
 import path, { basename, dirname, join, resolve } from "node:path";
 import { bold, gray, red, white, yellow } from "ansis";
 import equal from "fast-deep-equal";
 import { loadConfigFromFile, mergeConfig } from "vite";
-import fs$1, { existsSync, readFileSync } from "node:fs";
 import MarkdownIt from "markdown-it";
+import fs$1, { existsSync } from "node:fs";
 import { fileURLToPath, pathToFileURL } from "node:url";
+import { isString, isTruthy, notNullish, objectEntries, objectMap, range, slash, uniq } from "@antfu/utils";
+import { createResolve } from "mlly";
+import { findDepPkgJsonPath } from "vitefu";
 import { createJiti } from "jiti";
 import YAML from "yaml";
-import { isString, isTruthy, notNullish, objectEntries, objectMap, range, slash, uniq } from "@antfu/utils";
 import IconsResolver from "unplugin-icons/resolver";
 import Components from "unplugin-vue-components/vite";
-import { createResolve } from "mlly";
-import { findDepPkgJsonPath } from "vitefu";
 import Icons from "unplugin-icons/vite";
 import * as parser from "@slidev/parser/fs";
-import Debug from "debug";
 import fg from "fast-glob";
+import { createDebug } from "obug";
 import pm from "picomatch";
 import { satisfies } from "semver";
 import { escapeHtml } from "markdown-it/lib/common/utils.mjs";
 import { createHead, extractUnheadInputFromHtml, transformHtmlTemplate } from "unhead/server";
-import { bundledLanguages, createHighlighter } from "shiki";
+import { createSingletonShorthands, createdBundledHighlighter } from "shiki/core";
+import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
+import { bundledLanguages, bundledThemes } from "shiki";
 import katex from "katex";
 import MagicString from "magic-string-stack";
 import Markdown from "unplugin-vue-markdown/vite";
 import Token from "markdown-it/lib/token.mjs";
 import MarkdownItFootnote from "markdown-it-footnote";
 import MarkdownItMdc from "markdown-it-mdc";
-import { fromHighlighter } from "@shikijs/markdown-it/core";
+import { fromAsyncCodeToHtml } from "@shikijs/markdown-it/async";
 import { SourceMapConsumer } from "source-map-js";
 import lz from "lz-string";
-import { codeToKeyedTokens } from "shiki-magic-move/core";
+import { toKeyedTokens } from "shiki-magic-move/core";
 import { encode } from "plantuml-encoder";
 import ServerRef from "vite-plugin-vue-server-ref";
 import UnoCSS from "unocss/vite";
@@ -42,7 +44,7 @@ import Vue from "@vitejs/plugin-vue";
 import VueJsx from "@vitejs/plugin-vue-jsx";
 
 //#region package.json
-var version = "52.8.0";
+var version = "52.9.1";
 
 //#endregion
 //#region node/syntax/markdown-it/markdown-it-link.ts
@@ -252,7 +254,8 @@ const INCLUDE_GLOBAL = [
 	"prettier",
 	"recordrtc",
 	"typescript",
-	"yaml"
+	"yaml",
+	"pptxgenjs"
 ];
 const INCLUDE_LOCAL = INCLUDE_GLOBAL.map((i) => `@slidev/cli > @slidev/client > ${i}`);
 const EXCLUDE_GLOBAL = [
@@ -444,7 +447,7 @@ function createLayoutWrapperPlugin({ data, utils }) {
 				const [, no, type] = match;
 				if (type !== "md") return;
 				const index = +no - 1;
-				const layouts = utils.getLayouts();
+				const layouts = await utils.getLayouts();
 				let layoutName = (data.slides[index]?.frontmatter?.layout ?? data.slides[0]?.frontmatter?.defaults?.layout) || (index === 0 ? "cover" : "default");
 				if (!layouts[layoutName]) {
 					console.error(red(`\nUnknown layout "${bold(layoutName)}".${yellow(" Available layouts are:")}`) + Object.keys(layouts).map((i, idx) => (idx % 3 === 0 ? "\n    " : "") + gray(i.padEnd(15, " "))).join("  "));
@@ -520,13 +523,13 @@ function toAttrValue(unsafe) {
 	return JSON.stringify(escapeHtml(String(unsafe)));
 }
 async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data, base }) {
-	let main = readFileSync(join(clientRoot, "index.html"), "utf-8");
+	let main = await readFile(join(clientRoot, "index.html"), "utf-8");
 	let body = "";
 	const inputs = [];
 	for (const root of roots) {
 		const path$1 = join(root, "index.html");
 		if (!existsSync(path$1)) continue;
-		const html = readFileSync(path$1, "utf-8");
+		const html = await readFile(path$1, "utf-8");
 		if (root === userRoot && html.includes("<!DOCTYPE")) {
 			console.error(yellow(`[Slidev] Ignored provided index.html with doctype declaration. (${white(path$1)})`));
 			console.error(yellow("This file may be generated by Slidev, please remove it from your project."));
@@ -629,8 +632,13 @@ async function setupIndexHtml({ mode, entry, clientRoot, userRoot, roots, data,
 			}
 		].filter((x) => x.content)
 	}, ...inputs] });
-	const baseInDev = mode === "dev" && base ? base.slice(0, -1) : "";
-	main = main.replace("__ENTRY__", baseInDev + encodeURI(toAtFS(join(clientRoot, "main.ts")))).replace("<!-- body -->", body);
+	const mainUrl = toAtFS(join(clientRoot, "main.ts"));
+	if (mode === "build") main = main.replace("__ENTRY__", mainUrl);
+	else {
+		const basePrefix = base ? base.slice(0, -1) : "";
+		main = main.replace("__ENTRY__", encodeURI(basePrefix + mainUrl));
+	}
+	main = main.replace("<!-- body -->", body);
 	return await transformHtmlTemplate(unhead, main);
 }
 
@@ -658,16 +666,8 @@ async function setupKatex(roots) {
 }
 
 //#endregion
-//#region node/setups/shiki.ts
-let cachedRoots;
-let cachedShiki;
-async function setupShiki(roots) {
-	if (cachedRoots === roots) return cachedShiki;
-	cachedShiki?.shiki.dispose();
-	const options = await loadSetups(roots, "shiki.ts", [{ async loadTheme(path$1) {
-		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 fs.readFile(path$1, "utf-8"));
-	} }]);
+//#region ../client/setup/shiki-options.ts
+function resolveShikiOptions(options) {
 	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) {
@@ -679,21 +679,89 @@ async function setupShiki(roots) {
 		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]
+	const themeOption = extractThemeName(mergedOptions.theme) || extractThemeNames(mergedOptions.themes || {});
+	const themeNames = typeof themeOption === "string" ? [themeOption] : Object.values(themeOption);
+	const themeInput = Object.assign({}, bundledThemes);
+	if (typeof mergedOptions.theme === "object" && mergedOptions.theme?.name) themeInput[mergedOptions.theme.name] = mergedOptions.theme;
+	if (mergedOptions.themes) {
+		for (const theme of Object.values(mergedOptions.themes)) if (typeof theme === "object" && theme?.name) themeInput[theme.name] = theme;
+	}
+	const languageNames = new Set([
+		"markdown",
+		"vue",
+		"javascript",
+		"typescript",
+		"html",
+		"css"
+	]);
+	const languageInput = Object.assign({}, bundledLanguages);
+	for (const option of options) {
+		const langs = option?.langs;
+		if (langs == null) continue;
+		if (Array.isArray(langs)) for (const lang of langs.flat()) if (typeof lang === "function") console.error(red("[slidev] `langs` option returned by setup/shiki.ts cannot be an array containing functions. Please use the record format (`{ [name]: () => {...} }`) instead."));
+		else if (typeof lang === "string") languageNames.add(lang);
+		else if (lang.name) {
+			languageNames.add(lang.name);
+			languageInput[lang.name] = lang;
+			for (const alias of lang.aliases || []) {
+				languageNames.add(alias);
+				languageInput[alias] = lang;
+			}
+		} else console.error(red("[slidev] Invalid lang option in shiki setup:"), lang);
+		else if (typeof langs === "object") {
+			for (const name of Object.keys(langs)) languageNames.add(name);
+			Object.assign(languageInput, langs);
+		} else console.error(red("[slidev] Invalid langs option in shiki setup:"), langs);
+	}
+	return {
+		options: mergedOptions,
+		themeOption,
+		themeNames,
+		themeInput,
+		languageNames,
+		languageInput
+	};
+}
+function extractThemeName(theme) {
+	if (!theme) return void 0;
+	if (typeof theme === "string") return theme;
+	if (!theme.name) console.warn(yellow("[slidev] Theme"), theme, yellow("does not have a name, which may cause issues."));
+	return theme.name;
+}
+function extractThemeNames(themes) {
+	if (!themes) return {};
+	return objectMap(themes, (key, theme) => {
+		const name = extractThemeName(theme);
+		if (!name) return void 0;
+		return [key, name];
+	});
+}
+
+//#endregion
+//#region node/setups/shiki.ts
+let cachedRoots;
+let cachedShiki;
+async function setupShiki(roots) {
+	if (cachedRoots === roots) return cachedShiki;
+	const { options, languageInput, themeInput } = resolveShikiOptions(await loadSetups(roots, "shiki.ts", [{ async loadTheme(path$1) {
+		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 fs.readFile(path$1, "utf-8"));
+	} }]));
+	const createHighlighter = createdBundledHighlighter({
+		engine: createJavaScriptRegexEngine,
+		langs: languageInput,
+		themes: themeInput
 	});
 	cachedRoots = roots;
 	return cachedShiki = {
-		shiki,
-		shikiOptions: mergedOptions
+		shiki: createSingletonShorthands(createHighlighter),
+		shikiOptions: options
 	};
 }
 
 //#endregion
 //#region node/options.ts
-const debug = Debug("slidev:options");
+const debug = createDebug("slidev:options");
 async function resolveOptions(entryOptions, mode) {
 	const entry = await resolveEntry(entryOptions.entry);
 	const rootsInfo = await getRoots(entry);
@@ -748,7 +816,7 @@ async function resolveOptions(entryOptions, mode) {
 async function createDataUtils(resolved) {
 	const monacoTypesIgnorePackagesMatches = (resolved.data.config.monacoTypesIgnorePackages || []).map((i) => pm.makeRe(i));
 	let _layouts_cache_time = 0;
-	let _layouts_cache = {};
+	let _layouts_cache = null;
 	return {
 		...await setupShiki(resolved.roots),
 		katexOptions: await setupKatex(resolved.roots),
@@ -758,22 +826,22 @@ async function createDataUtils(resolved) {
 		isMonacoTypesIgnored: (pkg) => monacoTypesIgnorePackagesMatches.some((i) => i.test(pkg)),
 		getLayouts: () => {
 			const now = Date.now();
-			if (now - _layouts_cache_time < 2e3) return _layouts_cache;
-			const layouts = {};
-			for (const root of [resolved.clientRoot, ...resolved.roots]) {
-				const layoutPaths = fg.sync("layouts/**/*.{vue,ts}", {
+			if (_layouts_cache && now - _layouts_cache_time < 2e3) return _layouts_cache;
+			_layouts_cache_time = now;
+			return _layouts_cache = worker();
+			async function worker() {
+				const layouts = {};
+				const layoutPaths = await Promise.all([resolved.clientRoot, ...resolved.roots].map((root) => fg("layouts/**/*.{vue,js,mjs,ts,mts}", {
 					cwd: root,
 					absolute: true,
 					suppressErrors: true
-				});
-				for (const layoutPath of layoutPaths) {
+				})));
+				for (const layoutPath of layoutPaths.flat(1)) {
 					const layoutName = path.basename(layoutPath).replace(/\.\w+$/, "");
 					layouts[layoutName] = layoutPath;
 				}
+				return layouts;
 			}
-			_layouts_cache_time = now;
-			_layouts_cache = layouts;
-			return layouts;
 		}
 	};
 }
@@ -799,6 +867,60 @@ function getDefine(options) {
 	}, (v, k) => [v, JSON.stringify(k)]);
 }
 
+//#endregion
+//#region 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;
+		return [
+			start,
+			end,
+			md.slice(0, start).match(/\n/g)?.length || 0,
+			md.slice(0, end).match(/\n/g)?.length || 0
+		];
+	});
+	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 getCommentBlocks(md) {
+	const commentBlocks = Array.from(md.matchAll(/<!--[\s\S]*?-->/g)).map((m) => {
+		const start = m.index;
+		const end = m.index + m[0].length;
+		return [
+			start,
+			end,
+			md.slice(0, start).match(/\n/g)?.length || 0,
+			md.slice(0, end).match(/\n/g)?.length || 0
+		];
+	});
+	return {
+		commentBlocks,
+		isInsideCommentBlocks(idx) {
+			return commentBlocks.some(([s, e]) => s <= idx && idx <= e);
+		},
+		isLineInsideCommentBlocks(line) {
+			return commentBlocks.some(([, , s, e]) => s <= line && line <= e);
+		}
+	};
+}
+/**
+* Escape `{{` in code block to prevent Vue interpret it, #99, #1316
+*/
+function escapeVueInCode(md) {
+	return md.replace(/\{\{/g, "&lbrace;&lbrace;");
+}
+
 //#endregion
 //#region node/syntax/markdown-it/markdown-it-katex.ts
 function isValidDelim(state, pos) {
@@ -896,7 +1018,7 @@ function MarkdownItKatex(md, options) {
 	const katexInline = function(latex) {
 		options.displayMode = false;
 		try {
-			return katex.renderToString(latex, options);
+			return escapeVueInCode(katex.renderToString(latex, options));
 		} catch (error) {
 			if (options.throwOnError) console.warn(error);
 			return latex;
@@ -908,7 +1030,7 @@ function MarkdownItKatex(md, options) {
 	const katexBlock = function(latex) {
 		options.displayMode = true;
 		try {
-			return `<p>${katex.renderToString(latex, options)}</p>`;
+			return `<p>${escapeVueInCode(katex.renderToString(latex, options))}</p>`;
 		} catch (error) {
 			if (options.throwOnError) console.warn(error);
 			return latex;
@@ -1013,9 +1135,9 @@ const templateGlobalLayers = {
 //#region node/virtual/layouts.ts
 const templateLayouts = {
 	id: "/@slidev/layouts",
-	getContent({ utils }) {
+	async getContent({ utils }) {
 		const imports = [];
-		const layouts = objectMap(utils.getLayouts(), (k, v) => {
+		const layouts = objectMap(await utils.getLayouts(), (k, v) => {
 			imports.push(`import __layout_${k} from "${toAtFS(v)}"`);
 			return [k, `__layout_${k}`];
 		});
@@ -1104,15 +1226,7 @@ function createSetupTemplate(name) {
 	return {
 		id: `/@slidev/setups/${name}`,
 		getContent({ roots }) {
-			const setups = roots.flatMap((i) => {
-				const path$1 = join(i, "setup", name);
-				return [
-					".ts",
-					".mts",
-					".js",
-					".mjs"
-				].map((ext) => path$1 + ext);
-			}).filter((i) => existsSync(i));
+			const setups = resolveSourceFiles(roots, `setup/${name}`);
 			const imports = [];
 			setups.forEach((path$1, idx) => {
 				imports.push(`import __n${idx} from '${toAtFS(path$1)}'`);
@@ -1135,51 +1249,15 @@ const setupModules = [
 ];
 const templateSetups = setupModules.map(createSetupTemplate);
 
-//#endregion
-//#region node/virtual/shiki.ts
-const templateShiki = {
-	id: "/@slidev/shiki",
-	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(Object.entries(options.themes).map(async ([name, value]) => [name, await resolveTheme$1(value)]))) } : { theme: await resolveTheme$1(options.theme || "vitesse-dark") };
-		const themes = resolvedThemeOptions.themes ? Object.values(resolvedThemeOptions.themes) : [resolvedThemeOptions.theme];
-		const themeOptionsNames = resolvedThemeOptions.themes ? { themes: Object.fromEntries(Object.entries(resolvedThemeOptions.themes).map(([name, value]) => [name, typeof value === "string" ? value : value.name])) } : { theme: typeof resolvedThemeOptions.theme === "string" ? resolvedThemeOptions.theme : resolvedThemeOptions.theme.name };
-		async function normalizeGetter(p) {
-			const r = typeof p === "function" ? p() : p;
-			return r.default || r;
-		}
-		async function resolveLangs(langs$1) {
-			return uniq((await Promise.all(langs$1.map((lang) => normalizeGetter(lang)))).flat());
-		}
-		async function resolveTheme$1(theme) {
-			return typeof theme === "string" ? theme : await normalizeGetter(theme);
-		}
-		const langsInit = await Promise.all(langs.map(async (lang) => typeof lang === "string" ? `import('${await resolveImportUrl(`shiki/langs/${lang}.mjs`)}')` : JSON.stringify(lang)));
-		const themesInit = await Promise.all(themes.map(async (theme) => typeof theme === "string" ? `import('${await resolveImportUrl(`shiki/themes/${theme}.mjs`)}')` : JSON.stringify(theme)));
-		const langNames = langs.flatMap((lang) => typeof lang === "string" ? lang : lang.name);
-		const lines = [];
-		lines.push(`import { createHighlighterCore } from "${await resolveImportUrl("shiki/core")}"`, `import { createJavaScriptRegexEngine } from "${await resolveImportUrl("@shikijs/engine-javascript")}"`, `export { shikiToMonaco } from "${await resolveImportUrl("@shikijs/monaco")}"`, `export const languages = ${JSON.stringify(langNames)}`, `export const themes = ${JSON.stringify(themeOptionsNames.themes || themeOptionsNames.theme)}`, "export const shiki = createHighlighterCore({", `  themes: [${themesInit.join(",")}],`, `  langs: [${langsInit.join(",")}],`, `  engine: createJavaScriptRegexEngine(),`, "})", "let highlight", "export async function getHighlighter() {", "  if (highlight) return highlight", "  const highlighter = await shiki", "  highlight = (code, lang, options) => highlighter.codeToHtml(code, {", "    lang,", `    theme: ${JSON.stringify(themeOptionsNames.theme)},`, `    themes: ${JSON.stringify(themeOptionsNames.themes)},`, "    defaultColor: false,", "    ...options,", "  })", "  return highlight", "}");
-		return lines.join("\n");
-	}
-};
-
 //#endregion
 //#region node/virtual/slides.ts
 const VIRTUAL_SLIDE_PREFIX = "/@slidev/slides/";
 const templateSlides = {
 	id: "/@slidev/slides",
-	getContent({ data, utils }) {
+	async getContent({ data, utils }) {
 		const statements = [
 			`import { defineAsyncComponent, shallowRef } from 'vue'`,
-			`import SlideError from '${utils.getLayouts().error}'`,
+			`import SlideError from '${(await utils.getLayouts()).error}'`,
 			`import SlideLoading from '@slidev/client/internals/SlideLoading.vue'`,
 			`const componentsCache = new Array(${data.slides.length})`,
 			`const getAsyncComponent = (idx, loader) => defineAsyncComponent({`,
@@ -1265,7 +1343,6 @@ const templateTitleRenderer = {
 //#endregion
 //#region node/virtual/index.ts
 const templates = [
-	templateShiki,
 	templateMonacoTypes,
 	templateMonacoRunDeps,
 	templateConfigs,
@@ -1472,10 +1549,8 @@ function createSlidesLoader(options, serverOptions) {
 							"import { computed, reactive, shallowReactive } from \"vue\"",
 							`export const frontmatterData = ${JSON.stringify(fontmatter)}`,
 							"if (import.meta.hot) {",
-							"  const firstLoad = !import.meta.hot.data.frontmatter",
 							"  import.meta.hot.data.frontmatter ??= reactive(frontmatterData)",
 							"  import.meta.hot.accept(({ frontmatterData: update }) => {",
-							"    if (firstLoad) return",
 							"    const frontmatter = import.meta.hot.data.frontmatter",
 							"    Object.keys(frontmatter).forEach(key => {",
 							"      if (!(key in update)) delete frontmatter[key]",
@@ -1649,69 +1724,29 @@ function MarkdownItEscapeInlineCode(md) {
 	};
 }
 
-//#endregion
-//#region 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;
-		return [
-			start,
-			end,
-			md.slice(0, start).match(/\n/g)?.length || 0,
-			md.slice(0, end).match(/\n/g)?.length || 0
-		];
-	});
-	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 getCommentBlocks(md) {
-	const commentBlocks = Array.from(md.matchAll(/<!--[\s\S]*?-->/g)).map((m) => {
-		const start = m.index;
-		const end = m.index + m[0].length;
-		return [
-			start,
-			end,
-			md.slice(0, start).match(/\n/g)?.length || 0,
-			md.slice(0, end).match(/\n/g)?.length || 0
-		];
-	});
-	return {
-		commentBlocks,
-		isInsideCommentBlocks(idx) {
-			return commentBlocks.some(([s, e]) => s <= idx && idx <= e);
-		},
-		isLineInsideCommentBlocks(line) {
-			return commentBlocks.some(([, , s, e]) => s <= line && line <= e);
-		}
-	};
-}
-/**
-* Escape `{{` in code block to prevent Vue interpret it, #99, #1316
-*/
-function escapeVueInCode(md) {
-	return md.replace(/\{\{/g, "&lbrace;&lbrace;");
-}
-
 //#endregion
 //#region node/syntax/markdown-it/markdown-it-shiki.ts
-async function MarkdownItShiki({ data: { config }, mode, utils }) {
-	const transformers = [
-		...utils.shikiOptions.transformers || [],
-		(config.twoslash === true || config.twoslash === mode) && (await import("@shikijs/vitepress-twoslash")).transformerTwoslash({
+async function MarkdownItShiki({ data: { config }, mode, utils: { shiki, shikiOptions } }) {
+	async function getTwoslashTransformer() {
+		const [, , { transformerTwoslash }] = await Promise.all([
+			shiki.codeToHast("", {
+				lang: "js",
+				...shikiOptions
+			}),
+			shiki.codeToHast("", {
+				lang: "ts",
+				...shikiOptions
+			}),
+			import("@shikijs/vitepress-twoslash")
+		]);
+		return transformerTwoslash({
 			explicitTrigger: true,
 			twoslashOptions: { handbookOptions: { noErrorValidation: true } }
-		}),
+		});
+	}
+	const transformers = [
+		...shikiOptions.transformers || [],
+		(config.twoslash === true || config.twoslash === mode) && await getTwoslashTransformer(),
 		{
 			pre(pre) {
 				this.addClassToHast(pre, "slidev-code");
@@ -1722,8 +1757,8 @@ async function MarkdownItShiki({ data: { config }, mode, utils }) {
 			}
 		}
 	].filter(isTruthy);
-	return fromHighlighter(utils.shiki, {
-		...utils.shikiOptions,
+	return fromAsyncCodeToHtml(shiki.codeToHtml, {
+		...shikiOptions,
 		transformers
 	});
 }
@@ -1873,28 +1908,51 @@ function transformKaTexWrapper(ctx) {
 
 //#endregion
 //#region node/syntax/transform/magic-move.ts
-const reMagicMoveBlock = /^````(?:md|markdown) magic-move(?: *\[([^\]]*)\])?(?: *(\{[^}]*\}))? *([^ \n]*)\n([\s\S]+?)^````$/gm;
+const reMagicMoveBlock = /^````(?:md|markdown) magic-move(?: *\[([^\]]*)\])?(?: *(\{[^}]*\}))? *([^\n]*)\n([\s\S]+?)^````\s*?$/gm;
 function parseLineNumbersOption(options) {
 	return /lines: *true/.test(options) ? true : /lines: *false/.test(options) ? false : void 0;
 }
 /**
 * Transform magic-move code blocks
 */
-function transformMagicMove(ctx) {
-	ctx.s.replace(reMagicMoveBlock, (full, title = "", 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[3]));
-		const steps = matches.map((i) => {
-			const lineNumbers = parseLineNumbersOption(i[4]) ?? defaultLineNumbers;
-			return codeToKeyedTokens(ctx.options.utils.shiki, i[6].trimEnd(), {
-				...ctx.options.utils.shikiOptions,
-				lang: i[1]
-			}, lineNumbers);
-		});
-		return `<ShikiMagicMove v-bind="${options}" steps-lz="${lz.compressToBase64(JSON.stringify(steps))}" :title='${JSON.stringify(title)}' :step-ranges='${JSON.stringify(ranges)}' />`;
+async function transformMagicMove(ctx) {
+	const { codeToTokens } = ctx.options.utils.shiki;
+	const replacements = [];
+	ctx.s.replace(reMagicMoveBlock, (full, title = "", options = "{}", _attrs = "", body, start) => {
+		const end = start + full.length;
+		replacements.push([
+			start,
+			end,
+			worker()
+		]);
+		return "";
+		async function worker() {
+			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[3]));
+			const steps = await Promise.all(matches.map(async (i) => {
+				const lang = i[1];
+				const lineNumbers = parseLineNumbersOption(i[4]) ?? defaultLineNumbers;
+				const code = i[6].trimEnd();
+				const options$1 = {
+					...ctx.options.utils.shikiOptions,
+					lang
+				};
+				const { tokens, bg, fg: fg$1, rootStyle, themeName } = await codeToTokens(code, options$1);
+				return {
+					...toKeyedTokens(code, tokens, JSON.stringify([lang, "themes" in options$1 ? options$1.themes : options$1.theme]), lineNumbers),
+					bg,
+					fg: fg$1,
+					rootStyle,
+					themeName,
+					lang
+				};
+			}));
+			return `<ShikiMagicMove v-bind="${options}" steps-lz="${lz.compressToBase64(JSON.stringify(steps))}" :title='${JSON.stringify(title)}' :step-ranges='${JSON.stringify(ranges)}' />`;
+		}
 	});
+	for (const [start, end, content] of replacements) ctx.s.overwrite(start, end, await content);
 }
 
 //#endregion
@@ -2015,31 +2073,67 @@ function dedent(text) {
 	if (minIndentLength < Number.POSITIVE_INFINITY) return lines.map((x) => x.slice(minIndentLength)).join("\n");
 	return text;
 }
+const markers = [
+	{
+		start: /^\s*\/\/\s*#?region\b\s*(.*?)\s*$/,
+		end: /^\s*\/\/\s*#?endregion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*<!--\s*#?region\b\s*(.*?)\s*-->/,
+		end: /^\s*<!--\s*#?endregion\b\s*(.*?)\s*-->/
+	},
+	{
+		start: /^\s*\/\*\s*#region\b\s*(.*?)\s*\*\//,
+		end: /^\s*\/\*\s*#endregion\b\s*(.*?)\s*\*\//
+	},
+	{
+		start: /^\s*#[rR]egion\b\s*(.*?)\s*$/,
+		end: /^\s*#[eE]nd ?[rR]egion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*#\s*#?region\b\s*(.*?)\s*$/,
+		end: /^\s*#\s*#?endregion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*(?:--|::|@?REM)\s*#region\b\s*(.*?)\s*$/,
+		end: /^\s*(?:--|::|@?REM)\s*#endregion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*#pragma\s+region\b\s*(.*?)\s*$/,
+		end: /^\s*#pragma\s+endregion\b\s*(.*?)\s*$/
+	},
+	{
+		start: /^\s*\(\*\s*#region\b\s*(.*?)\s*\*\)/,
+		end: /^\s*\(\*\s*#endregion\b\s*(.*?)\s*\*\)/
+	}
+];
 function findRegion(lines, regionName) {
-	const regionRegexps = [
-		[/^\/\/ ?#?region ([\w*-]+)$/, /^\/\/ ?#?endregion/],
-		[/^\/\* ?#region ([\w*-]+) ?\*\/$/, /^\/\* ?#endregion[\s\w*-]*\*\/$/],
-		[/^#pragma region ([\w*-]+)$/, /^#pragma endregion/],
-		[/^<!-- #?region ([\w*-]+) -->$/, /^<!-- #?region[\s\w*-]*-->$/],
-		[/^#Region ([\w*-]+)$/, /^#End Region/],
-		[/^::#region ([\w*-]+)$/, /^::#endregion/],
-		[/^# ?region ([\w*-]+)$/, /^# ?endregion/]
-	];
-	let endReg = null;
-	let start = -1;
-	for (const [lineId, line] of lines.entries()) if (endReg === null) for (const [startReg, end] of regionRegexps) {
-		const match = line.trim().match(startReg);
-		if (match && match[1] === regionName) {
-			start = lineId + 1;
-			endReg = end;
+	let chosen = null;
+	for (let i = 0; i < lines.length; i++) {
+		for (const re of markers) if (re.start.exec(lines[i])?.[1] === regionName) {
+			chosen = {
+				re,
+				start: i + 1
+			};
 			break;
 		}
+		if (chosen) break;
+	}
+	if (!chosen) return null;
+	let counter = 1;
+	for (let i = chosen.start; i < lines.length; i++) {
+		if (chosen.re.start.exec(lines[i])?.[1] === regionName) {
+			counter++;
+			continue;
+		}
+		const endRegion = chosen.re.end.exec(lines[i])?.[1];
+		if (endRegion === regionName || endRegion === "") {
+			if (--counter === 0) return {
+				...chosen,
+				end: i
+			};
+		}
 	}
-	else if (endReg.test(line.trim())) return {
-		start,
-		end: lineId,
-		regexp: endReg
-	};
 	return null;
 }
 const reMonacoWrite = /^\{monaco-write\}/;
@@ -2068,7 +2162,7 @@ function transformSnippet({ s, slide, options }) {
 		if (regionName) {
 			const lines = content.split(/\r?\n/);
 			const region = findRegion(lines, regionName.slice(1));
-			if (region) content = dedent(lines.slice(region.start, region.end).filter((line) => !region.regexp.test(line.trim())).join("\n"));
+			if (region) content = dedent(lines.slice(region.start, region.end).filter((l) => !(region.re.start.test(l) || region.re.end.test(l))).join("\n"));
 		}
 		if (meta.match(reMonacoWrite)) {
 			monacoWriterWhitelist.add(filepath);
@@ -2358,7 +2452,7 @@ async function setupUnocss({ clientRoot, roots, data, utils }) {
 		{
 			presets: [presetIcons({
 				collectionsNodeResolvePath: utils.iconsResolvePath,
-				collections: { slidev: { logo: () => readFileSync(resolve(clientRoot, "assets/logo.svg"), "utf-8") } }
+				collections: { slidev: { logo: () => readFile(resolve(clientRoot, "assets/logo.svg"), "utf-8") } }
 			})],
 			safelist: tokens
 		},
@@ -2490,12 +2584,11 @@ async function resolveViteConfigs(options, baseConfig, overrideConfigs, command,
 		mode: command === "build" ? "production" : "development",
 		command
 	};
-	const files = options.roots.map((i) => join(i, "vite.config.ts"));
-	for (const file of files) {
-		if (!existsSync(file)) continue;
-		const viteConfig = await loadConfigFromFile(configEnv, file);
-		if (!viteConfig?.config) continue;
-		baseConfig = mergeConfig(baseConfig, viteConfig.config);
+	const files = resolveSourceFiles(options.roots, "vite.config");
+	const configs = await Promise.all(files.map((file) => loadConfigFromFile(configEnv, file)));
+	for (const config of configs) {
+		if (!config?.config) continue;
+		baseConfig = mergeConfig(baseConfig, config.config);
 	}
 	baseConfig = mergeConfig(baseConfig, overrideConfigs);
 	baseConfig = mergeConfig(baseConfig, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/cli",
   "type": "module",
-  "version": "52.8.0",
+  "version": "52.9.1",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -59,7 +59,6 @@
     "chokidar": "^4.0.3",
     "cli-progress": "^3.12.0",
     "connect": "^3.7.0",
-    "debug": "^4.4.3",
     "fast-deep-equal": "^3.1.3",
     "fast-glob": "^3.3.3",
     "get-port-please": "^3.2.0",
@@ -77,6 +76,7 @@
     "markdown-it-mdc": "^0.2.6",
     "mlly": "^1.8.0",
     "monaco-editor": "^0.54.0",
+    "obug": "^2.0.0",
     "open": "^10.2.0",
     "pdf-lib": "^1.17.1",
     "picomatch": "^4.0.3",
@@ -109,9 +109,9 @@
     "vue": "^3.5.24",
     "yaml": "^2.8.1",
     "yargs": "^18.0.0",
-    "@slidev/parser": "52.8.0",
-    "@slidev/types": "52.8.0",
-    "@slidev/client": "52.8.0"
+    "@slidev/client": "52.9.1",
+    "@slidev/parser": "52.9.1",
+    "@slidev/types": "52.9.1"
   },
   "devDependencies": {
     "@hedgedoc/markdown-it-plugins": "^2.1.4",