Merge branch 'main' into fix-typo

.gitignore

@@ -20,5 +20,6 @@ packages/create-app/template/pages
 packages/create-app/template/slides.md
 packages/create-app/template/snippets
 packages/slidev/README.md
+packages/vscode/syntaxes/codeblock-patch.json
 slides-export.md
 *slides-export.pptx

.npmrc

@@ -1,3 +1,4 @@
 shamefully-hoist=true
 ignore-workspace-root-check=true
 strict-peer-dependencies=false
+link-workspace-packages=true

.vscode/launch.json

@@ -6,7 +6,8 @@
       "type": "extensionHost",
       "request": "launch",
       "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}/packages/vscode"
+        "--extensionDevelopmentPath=${workspaceFolder}/packages/vscode",
+        "--folder-uri=${workspaceRoot}/packages/vscode/syntaxes"
       ],
       "outFiles": [
         "${workspaceFolder}/out/**/*.js"

.vscode/settings.json

@@ -46,5 +46,9 @@
     "jsonc",
     "yaml"
   ],
-  "vitest.disableWorkspaceWarning": true
+  "vitest.disableWorkspaceWarning": true,
+  "slidev.include": [
+    "**/slides.md",
+    "packages/vscode/syntax/slidev.example.md"
+  ]
 }

README.md

@@ -36,20 +36,21 @@ Presentation <b>slide</b>s for <b>dev</b>elopers 🧑‍💻👩‍💻👨‍
 
 ## Features
 
-- 📝 [**Markdown-based**](https://sli.dev/guide/syntax.html) - use your favorite editors and workflow
-- 🧑‍💻 [**Developer Friendly**](https://sli.dev/guide/syntax.html#code-blocks) - built-in syntax highlighting, live coding, etc.
-- 🎨 [**Themable**](https://sli.dev/themes/gallery.html) - theme can be shared and used with npm packages.
-- 🌈 [**Stylish**](https://sli.dev/guide/syntax.html#embedded-styles) - on-demand utilities via [UnoCSS](https://github.com/unocss/unocss).
-- 🤹 [**Interactive**](https://sli.dev/custom/directory-structure.html#components) - embedding Vue components seamlessly.
-- 🎙 [**Presenter Mode**](https://sli.dev/guide/presenter-mode.html) - use another window, or even your phone to control your slides.
-- 🧮 [**LaTeX**](https://sli.dev/guide/syntax.html#latex) - built-in LaTeX math equations support.
-- 📰 [**Diagrams**](https://sli.dev/guide/syntax.html#diagrams) - creates diagrams with textual descriptions
-- 🌟 [**Icons**](https://sli.dev/guide/syntax.html#icons) - access to icons from any iconset directly.
-- 💻 [**Editors**](https://sli.dev/guide/editors.html) - integrated editor, or [extension for VS Code](https://github.com/slidevjs/slidev-vscode)
-- 🎥 [**Recording**](https://sli.dev/guide/recording.html) - built-in recording and camera view.
-- 📤 [**Portable**](https://sli.dev/guide/exporting.html) - export into PDF, PNGs, or even a hostable SPA.
-- ⚡️ [**Fast**](https://vitejs.dev) - instant reloading powered by [Vite](https://vitejs.dev).
-- 🛠 [**Hackable**](https://sli.dev/custom/config-vite.html) - using Vite plugins, Vue components, or any npm packages.
+- 📝 [**Markdown-based**](https://sli.dev/guide/syntax) - foucus on content and use your favorite editor
+- 🧑‍💻 [**Developer Friendly**](https://sli.dev/guide/syntax#code-blocks) - built-in code highlighting, live coding, etc.
+- 🎨 [**Themable**](https://sli.dev/resources/theme-gallery) - theme can be shared and used with npm packages
+- 🌈 [**Stylish**](https://sli.dev/guide/syntax#embedded-styles) - on-demand utilities via [UnoCSS](https://github.com/unocss/unocss).
+- 🤹 [**Interactive**](https://sli.dev/custom/directory-structure#components) - embedding Vue components seamlessly
+- 🎙 [**Presenter Mode**](https://sli.dev/guide/ui#presenter-mode) - use another window, or even your phone to control your slides
+- 🎨 [**Drawing**](https://sli.dev/features/drawing) - draw and annotate on your slides
+- 🧮 [**LaTeX**](https://sli.dev/features/latex) - built-in LaTeX math equations support
+- 📰 [**Diagrams**](https://sli.dev/guide/syntax#diagrams) - creates diagrams using textual descriptions with [Mermaid.js](https://mermaid.js.org/)
+- 🌟 [**Icons**](https://sli.dev/features/icons) - access to icons from any icon set directly
+- 💻 [**Editor**](https://sli.dev/guide/index#editor) - integrated editor, or the [VSCode extension](https://sli.dev/features/vscode-extension)
+- 🎥 [**Recording**](https://sli.dev/features/recording) - built-in recording and camera view
+- 📤 [**Portable**](https://sli.dev/guide/exporting) - export into PDF, PNGs, or PPTX
+- ⚡️ [**Fast**](https://vitejs.dev) - instant reloading powered by [Vite](https://vitejs.dev)
+- 🛠 [**Hackable**](https://sli.dev/custom/) - using Vite plugins, Vue components, or any npm packages
 
 ## Getting Started
 

demo/starter/package.json

@@ -12,6 +12,6 @@
     "@slidev/theme-default": "^0.25.0",
     "@slidev/theme-seriph": "^0.25.0",
     "nodemon": "^3.1.4",
-    "vue": "^3.4.31"
+    "vue": "^3.4.33"
   }
 }

demo/starter/pages/multiple-entries.md → demo/starter/pages/imported-slides.md

@@ -1,4 +1,4 @@
-# Multiple Entries
+# Imported Slides
 
 You can split your slides.md into multiple files and organize them as you want using the `src` attribute.
 
@@ -24,4 +24,4 @@ Page 2 from main entry.
 Page 2 from another file.
 ```
 
-[Learn more](https://sli.dev/guide/syntax.html#multiple-entries)
+[Learn more](https://sli.dev/guide/syntax.html#importing-slides)

demo/starter/slides.md

@@ -13,14 +13,12 @@ info: |
   Learn more at [Sli.dev](https://sli.dev)
 # apply unocss classes to the current slide
 class: text-center
-# https://sli.dev/custom/highlighters.html
-highlighter: shiki
-# https://sli.dev/guide/drawing
+# https://sli.dev/features/drawing
 drawings:
   persist: false
-# slide transition: https://sli.dev/guide/animations#slide-transitions
+# slide transition: https://sli.dev/guide/animations.html#slide-transitions
 transition: slide-left
-# enable MDC Syntax: https://sli.dev/guide/syntax#mdc-syntax
+# enable MDC Syntax: https://sli.dev/features/mdc
 mdc: true
 ---
 
@@ -70,7 +68,7 @@ Read more about [Why Slidev?](https://sli.dev/guide/why)
 
 <!--
 You can have `style` tag in markdown to override the style for the current page.
-Learn more: https://sli.dev/guide/syntax#embedded-styles
+Learn more: https://sli.dev/features/slide-scope-style
 -->
 
 <style>
@@ -107,7 +105,7 @@ Hover on the bottom-left corner to see the navigation's controls panel, [learn m
 | <kbd>up</kbd> | previous slide |
 | <kbd>down</kbd> | next slide |
 
-<!-- https://sli.dev/guide/animations.html#click-animations -->
+<!-- https://sli.dev/guide/animations.html#click-animation -->
 <img
   v-click
   class="absolute -bottom-9 -left-7 w-80 opacity-50"
@@ -163,7 +161,7 @@ doubled.value = 2
 <<< @/snippets/external.ts#snippet
 
 <!-- Footer -->
-[^1]: [Learn More](https://sli.dev/guide/syntax.html#line-highlighting)
+[^1]: [Learn More](https://sli.dev/guide/line-highlighting)
 
 <!-- Inline style -->
 <style>
@@ -368,7 +366,7 @@ also allows you to add
 
 <div mt-20 v-click>
 
-[Learn More](https://sli.dev/guide/animations#click-animations)
+[Learn More](https://sli.dev/guide/animations#click-animation)
 
 </div>
 
@@ -472,7 +470,7 @@ $$ {1|3|all}
 \end{aligned}
 $$
 
-[Learn more](https://sli.dev/guide/syntax#latex)
+[Learn more](https://sli.dev/features/latex)
 
 ---
 
@@ -550,7 +548,7 @@ database "MySql" {
 
 </div>
 
-[Learn More](https://sli.dev/guide/syntax.html#diagrams)
+Learn More: [Mermaid Diagrams](https://sli.dev/guide/features/mermaid) and [PlantUML Diagrams](https://sli.dev/guide/features/plantuml)
 
 ---
 foo: bar
@@ -598,7 +596,7 @@ Double-click on the draggable elements to edit their positions.
 <v-drag-arrow pos="67,452,253,46" two-way op70 />
 
 ---
-src: ./pages/multiple-entries.md
+src: ./pages/imported-slides.md
 hide: false
 ---
 

demo/vue-runner/package.json

@@ -10,8 +10,8 @@
     "@slidev/cli": "workspace:*",
     "@slidev/theme-default": "^0.25.0",
     "@slidev/theme-seriph": "^0.25.0",
-    "@vue/compiler-sfc": "^3.4.31",
+    "@vue/compiler-sfc": "^3.4.33",
     "nodemon": "^3.1.4",
-    "vue": "^3.4.31"
+    "vue": "^3.4.33"
   }
 }

docs/.vitepress/addons.ts

@@ -0,0 +1,28 @@
+import type { ThemeInfo } from './themes'
+
+export type AddonInfo = Omit<ThemeInfo, 'previews' | 'tags'>
+
+export const official: AddonInfo[] = [
+  {
+    id: '',
+    link: '#',
+    name: 'Work in Progress',
+    description: '',
+    author: {
+      name: '',
+    },
+  },
+]
+
+export const community: AddonInfo[] = [
+  // Add yours here!
+  {
+    id: '',
+    link: 'https://github.com/slidevjs/docs/edit/main/.vitepress/addons.ts',
+    name: 'Yours?',
+    description: 'Submit your addon to be list here!',
+    author: {
+      name: '',
+    },
+  },
+]