@slidev/docs 52.13.0 → 52.14.0

package/custom/config-code-runners.md

@@ -8,9 +8,8 @@ By default, JavaScript, TypeScript runners are supported built-in. They run in t
 
 Create `./setup/code-runners.ts` with the following content:
 
-<!-- eslint-disable import/first -->
-
 ```ts twoslash [setup/code-runners.ts]
+/* eslint-disable import/first */
 declare const executePythonCodeRemotely: (code: string) => Promise<string>
 declare const sanitizeHtml: (html: string) => string
 // ---cut---

package/custom/config-context-menu.md

@@ -6,8 +6,6 @@ Customize the context menu items in Slidev.
 
 Create `./setup/context-menu.ts` with the following content:
 
-<!-- eslint-disable import/first -->
-
 ```ts twoslash [./setup/context-menu.ts]
 // ---cut---
 import { useNav } from '@slidev/client'

package/custom/config-highlighter.md

@@ -26,8 +26,6 @@ export default defineShikiSetup(() => {
 
 If you want to add custom theme or language (TextMate grammar/themes in JSON), you can import them in the setup file:
 
-<!-- eslint-disable import/first-->
-
 ```ts twoslash [setup/shiki.ts]
 import { defineShikiSetup } from '@slidev/types'
 // ---cut-start---

package/custom/config-vite.md

@@ -19,9 +19,8 @@ Slidev internally adds the following plugins to Vite:
 
 To configure the built-in plugins listed above, create a `vite.config.ts` with the following content. Please note that Slidev has some [default configurations](https://github.com/slidevjs/slidev/blob/main/packages/slidev/node/vite/index.ts) for those plugins, this usage will override some of them, which may potentially cause the app to break. Please treat this as **an advanced feature**, and make sure you know what you are doing before moving on.
 
-<!-- eslint-disable import/first -->
-
 ```ts twoslash [vite.config.ts]
+/* eslint-disable import/first */
 /// <reference types="@slidev/types" />
 import type MarkdownExit from 'markdown-exit'
 

package/custom/config-vue.md

@@ -6,9 +6,8 @@ Slidev uses [Vue 3](https://v3.vuejs.org/) to render the application on the clie
 
 Create `./setup/main.ts` with the following content:
 
-<!-- eslint-disable import/first -->
-
 ```ts twoslash [setup/main.ts]
+/* eslint-disable import/first */
 import type { Plugin } from 'vue'
 
 declare const YourPlugin: Plugin

package/features/code-groups.md

@@ -9,7 +9,7 @@ description: |
 # Code Groups
 
 > [!NOTE]
-> This feature requires [MDC Syntax](/features/mdc#mdc-syntax). Enable `mdc: true` to use it.
+> This feature requires [Comark Syntax](/features/comark#comark-syntax). Enable `comark: true` to use it.
 
 You can group multiple code blocks like this:
 

package/features/comark.md

@@ -0,0 +1,31 @@
+---
+relates:
+  - Comark Syntax: https://comark.dev/syntax/markdown
+  - '@comark/markdown-it': https://github.com/comarkdown/comark
+since: v0.43.0
+tags: [syntax, styling]
+description: |
+  A powerful syntax to enhance your markdown content with components and styles.
+---
+
+# Comark Syntax
+
+Slidev supports optional [Comark Syntax](https://comark.dev/syntax/markdown) (formerly known as MDC, Markdown Components) powered by [`@comark/markdown-it`](https://github.com/comarkdown/comark).
+
+You can enable it by adding `comark: true` to the frontmatter of your markdown file.
+
+```mdc
+---
+comark: true
+---
+
+This is a [red text]{style="color:red"} :inline-component{prop="value"}
+
+![](/image.png){width=500px lazy}
+
+::block-component{prop="value"}
+The **default** slot
+::
+```
+
+Learn more about [Comark Syntax](https://comark.dev/syntax/markdown).

package/guide/animations.md

@@ -389,12 +389,12 @@ Experimental: This is not supported by all browsers. Check the [Browser compatib
 
 You can use the `view-transition-name` CSS property to name view transitions, which creates connections between different page elements and smooth transitions when switching slides.
 
-You can enable [MDC (Markdown Component) Syntax](/guide/syntax#mdc-syntax) support to conveniently name view-transitions:
+You can enable [Comark Syntax](/guide/syntax#comark-syntax) support to conveniently name view-transitions:
 
 ```md
 ---
 transition: view-transition
-mdc: true
+comark: true
 ---
 
 # View Transition {.inline-block.view-transition-title}

package/guide/syntax.md

@@ -163,11 +163,11 @@ Slidev supports [Mermaid](https://mermaid.js.org/) and [PlantUML](https://plantu
 <LinkCard link="features/mermaid" />
 <LinkCard link="features/plantuml" />
 
-## MDC Syntax {#mdc-syntax}
+## Comark Syntax {#comark-syntax}
 
-MDC Syntax is the easiest way to apply styles and classes to elements:
+Comark Syntax is the easiest way to apply styles and classes to elements:
 
-<LinkCard link="features/mdc" />
+<LinkCard link="features/comark" />
 
 ## Scoped CSS {#scoped-css}
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/docs",
   "type": "module",
-  "version": "52.13.0",
+  "version": "52.14.0",
   "license": "MIT",
   "funding": "https://github.com/sponsors/antfu",
   "homepage": "https://sli.dev",
@@ -17,27 +17,27 @@
   ],
   "devDependencies": {
     "@antfu/utils": "^9.3.0",
-    "@iconify/json": "^2.2.432",
-    "@shikijs/vitepress-twoslash": "^3.21.0",
-    "@types/node": "^25.0.10",
-    "@unocss/reset": "^66.6.0",
-    "@vueuse/core": "^14.1.0",
+    "@iconify/json": "^2.2.443",
+    "@shikijs/vitepress-twoslash": "^4.0.0",
+    "@types/node": "^25.3.2",
+    "@unocss/reset": "^66.6.2",
+    "@vueuse/core": "^14.2.1",
     "fast-glob": "^3.3.3",
     "gray-matter": "^4.0.3",
-    "shiki": "^3.21.0",
+    "shiki": "^4.0.0",
     "typeit": "8.1.0",
     "typescript": "^5.9.3",
-    "unocss": "^66.6.0",
+    "unocss": "^66.6.2",
     "unplugin-icons": "^23.0.1",
     "unplugin-vue-components": "^31.0.0",
     "vite-plugin-inspect": "^11.3.3",
-    "vitepress": "^2.0.0-alpha.15",
+    "vitepress": "^2.0.0-alpha.16",
     "vitepress-plugin-group-icons": "^1.7.1",
-    "vitepress-plugin-llms": "^1.10.0",
-    "vue": "^3.5.27",
-    "@slidev/client": "52.13.0",
-    "@slidev/parser": "52.13.0",
-    "@slidev/types": "52.13.0"
+    "vitepress-plugin-llms": "^1.11.0",
+    "vue": "^3.5.29",
+    "@slidev/parser": "52.14.0",
+    "@slidev/client": "52.14.0",
+    "@slidev/types": "52.14.0"
   },
   "scripts": {
     "dev": "vitepress",

package/features/mdc.md

@@ -1,31 +0,0 @@
----
-relates:
-  - Nuxt's MDC Syntax: https://content.nuxt.com/docs/files/markdown#mdc-syntax
-  - markdown-it-mdc: https://github.com/antfu/markdown-it-mdc
-since: v0.43.0
-tags: [syntax, styling]
-description: |
-  A powerful syntax to enhance your markdown content with components and styles.
----
-
-# MDC Syntax
-
-Slidev supports optional [MDC (Markdown Components) Syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax) powered by [`markdown-it-mdc`](https://github.com/antfu/markdown-it-mdc).
-
-You can enable it by adding `mdc: true` to the frontmatter of your markdown file.
-
-```mdc
----
-mdc: true
----
-
-This is a [red text]{style="color:red"} :inline-component{prop="value"}
-
-![](/image.png){width=500px lazy}
-
-::block-component{prop="value"}
-The **default** slot
-::
-```
-
-Learn more about [MDC Syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax).