Merge branch 'main' into pr/jpoehnelt/2089

Author: antfu

cypress/fixtures/basic/package.json

@@ -7,9 +7,9 @@
   },
   "devDependencies": {
     "@slidev/cli": "workspace:*",
-    "@slidev/theme-default": "catalog:",
-    "@slidev/theme-seriph": "catalog:",
+    "@slidev/theme-default": "catalog:themes",
+    "@slidev/theme-seriph": "catalog:themes",
     "@slidev/types": "workspace:*",
-    "nodemon": "catalog:"
+    "nodemon": "catalog:dev"
   }
 }

demo/composable-vue/package.json

@@ -7,12 +7,12 @@
     "export:clicks": "slidev export --with-clicks"
   },
   "devDependencies": {
-    "@iconify-json/mdi": "catalog:",
-    "@iconify-json/ri": "catalog:",
+    "@iconify-json/mdi": "catalog:icons",
+    "@iconify-json/ri": "catalog:icons",
     "@slidev/cli": "workspace:*",
-    "@slidev/theme-default": "catalog:",
-    "@slidev/theme-seriph": "catalog:",
+    "@slidev/theme-default": "catalog:themes",
+    "@slidev/theme-seriph": "catalog:themes",
     "@slidev/types": "workspace:*",
-    "nodemon": "catalog:"
+    "nodemon": "catalog:dev"
   }
 }

demo/starter/package.json

@@ -9,9 +9,9 @@
   },
   "devDependencies": {
     "@slidev/cli": "workspace:*",
-    "@slidev/theme-default": "catalog:",
-    "@slidev/theme-seriph": "catalog:",
-    "nodemon": "catalog:",
-    "vue": "catalog:"
+    "@slidev/theme-default": "catalog:themes",
+    "@slidev/theme-seriph": "catalog:themes",
+    "nodemon": "catalog:dev",
+    "vue": "catalog:frontend"
   }
 }

demo/starter/slides.md

@@ -20,6 +20,9 @@ drawings:
 transition: slide-left
 # enable MDC Syntax: https://sli.dev/features/mdc
 mdc: true
+# open graph
+# seoMeta:
+#  ogImage: https://cover.sli.dev
 ---
 
 # Welcome to Slidev
@@ -31,7 +34,7 @@ Presentation slides for developers
 </div>
 
 <div class="abs-br m-6 text-xl">
-  <button @click="$slidev.nav.openInEditor" title="Open in Editor" class="slidev-icon-btn">
+  <button @click="$slidev.nav.openInEditor()" title="Open in Editor" class="slidev-icon-btn">
     <carbon:edit />
   </button>
   <a href="https://github.com/slidevjs/slidev" target="_blank" class="slidev-icon-btn">

demo/vue-runner/package.json

@@ -8,10 +8,10 @@
   },
   "devDependencies": {
     "@slidev/cli": "workspace:*",
-    "@slidev/theme-default": "catalog:",
-    "@slidev/theme-seriph": "catalog:",
-    "@vue/compiler-sfc": "catalog:",
-    "nodemon": "catalog:",
-    "vue": "catalog:"
+    "@slidev/theme-default": "catalog:themes",
+    "@slidev/theme-seriph": "catalog:themes",
+    "@vue/compiler-sfc": "catalog:demo",
+    "nodemon": "catalog:dev",
+    "vue": "catalog:frontend"
   }
 }

docs/.vitepress/addons.ts

@@ -159,6 +159,17 @@ export const community: AddonInfo[] = [
     },
     repo: 'https://github.com/sghuang19/slidev-addon-naive',
   },
+  {
+    id: 'slidev-addon-fancy-arrow',
+    name: 'Fancy Arrow',
+    description: 'Hand drawn arrows with various styling and positioning options',
+    tags: ['Component'],
+    author: {
+      name: 'whitphx',
+      link: 'https://github.com/whitphx',
+    },
+    repo: 'https://github.com/whitphx/slidev-addon-fancy-arrow',
+  },
   // Add yours here!
   {
     id: '',

docs/custom/config-unocss.md

@@ -6,7 +6,7 @@
 
 By default, Slidev enables the following presets out-of-box:
 
-- [@unocss/preset-uno](https://unocss.dev/presets/uno) - Tailwind / Windi CSS compatible utilities
+- [@unocss/preset-wind3](https://unocss.dev/presets/wind3) - Tailwind / Windi CSS compatible utilities
 - [@unocss/preset-attributify](https://unocss.dev/presets/attributify) - Attributify mode
 - [@unocss/preset-icons](https://unocss.dev/presets/icons) - Use any icons as class
 - [@unocss/preset-web-fonts](https://unocss.dev/presets/web-fonts) - Use web fonts at ease

docs/custom/config-vite.md

@@ -65,3 +65,19 @@ export default defineConfig({
 
 Please pass the Vue options to the `slidev.vue` field as described above
 :::
+
+## Add Custom Plugins based on Slide data
+
+Usually you can add Vite plugins into your `vite.config.ts` (see above).
+However, if you want to add plugins based on the slide data, you need to add a `./setup/vite-plugins.ts` with the following content:
+
+```ts twoslash
+import { defineVitePluginSetup } from '@slidev/types'
+
+export default defineVitePluginSetup((options) => {
+  return [
+    // Your plugins here
+    // Slide data is available as options.data.slides
+  ]
+})
+```

docs/custom/index.md

@@ -108,6 +108,19 @@ drawings:
 htmlAttrs:
   dir: ltr
   lang: en
+
+# SEO meta tags
+seoMeta:
+  ogTitle: Slidev Starter Template
+  ogDescription: Presentation slides for developers
+  ogImage: https://cover.sli.dev
+  ogUrl: https://example.com
+  twitterCard: summary_large_image
+  twitterTitle: Slidev Starter Template
+  twitterDescription: Presentation slides for developers
+  twitterImage: https://cover.sli.dev
+  twitterSite: username
+  twitterUrl: https://example.com
 ---
 ```
 

docs/features/icons.md

@@ -35,6 +35,10 @@ npm install @iconify-json/[the-collection-you-want]
 yarn add @iconify-json/[the-collection-you-want]
 ```
 
+```bash [bun]
+bun add @iconify-json/[the-collection-you-want]
+```
+
 :::
 
 We use [Iconify](https://iconify.design) as our data source of icons. You need to install the corresponding icon-set in `dependencies` by following the `@iconify-json/*` pattern. For example, `@iconify-json/mdi` for [Material Design Icons](https://materialdesignicons.com/), `@iconify-json/tabler` for [Tabler](https://tabler-icons.io/). You can refer to [Icônes](https://icones.js.org/) or [Iconify](https://icon-sets.iconify.design/) for all the collections available.

docs/features/mdc.md

@@ -1,6 +1,6 @@
 ---
 relates:
-  - Nuxt's MDC Syntax: https://content.nuxt.com/usage/markdown
+  - 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]
@@ -10,7 +10,7 @@ description: |
 
 # MDC Syntax
 
-Slidev supports optional [MDC (Markdown Components) Syntax](https://content.nuxt.com/docs/files/markdown) powered by [`markdown-it-mdc`](https://github.com/antfu/markdown-it-mdc).
+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.
 
@@ -28,4 +28,4 @@ The **default** slot
 ::
 ```
 
-Learn more about [MDC Syntax](https://content.nuxt.com/guide/writing/mdc).
+Learn more about [MDC Syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax).

docs/features/prettier-plugin.md

@@ -28,6 +28,10 @@ pnpm i -D prettier prettier-plugin-slidev
 yarn add -D prettier prettier-plugin-slidev
 ```
 
+```bash [bun]
+bun add -D prettier prettier-plugin-slidev
+```
+
 :::
 
 ## 2. Activate the plugin

docs/features/remote-access.md

@@ -29,6 +29,11 @@ yarn dev --remote
 # i.e. slidev --remote
 ```
 
+```bash [bun]
+bun dev --remote
+# i.e. slidev --remote
+```
+
 :::
 
 ## Password Protection
@@ -56,4 +61,9 @@ yarn dev --remote --tunnel
 # i.e. slidev --remote --tunnel
 ```
 
+```bash [bun]
+bun dev --remote --tunnel
+# i.e. slidev --remote --tunnel
+```
+
 :::

docs/guide/exporting.md

@@ -38,6 +38,10 @@ $ npm i -D playwright-chromium
 $ yarn add -D playwright-chromium
 ```
 
+```bash [bun]
+$ bun add -D playwright-chromium
+```
+
 :::
 
 ## Formats

docs/guide/index.md

@@ -65,6 +65,10 @@ npm init slidev@latest
 yarn create slidev
 ```
 
+```bash [bun]
+bun create slidev
+```
+
 :::
 
 Follow the prompts to start your slides project. The slides content is in `slides.md`, which initially includes demos of most the Slidev features. For more information about the Markdown syntax, please check <LinkInline link="guide/syntax" />.
@@ -87,6 +91,10 @@ npm i -g @slidev/cli
 yarn global add @slidev/cli
 ```
 
+```bash [bun]
+bun i -g @slidev/cli
+```
+
 :::
 
 Then, you can create and start a single file slides via:

docs/guide/write-theme.md

@@ -20,6 +20,10 @@ $ npm init slidev-theme@latest
 $ yarn create slidev-theme
 ```
 
+```bash [bun]
+$ bun create slidev-theme
+```
+
 :::
 
 Then you can modify and play with it. You can also refer to the [official themes](../resources/theme-gallery#official-themes) as examples.

docs/package.json

@@ -1,36 +1,37 @@
 {
   "name": "docs",
   "type": "module",
-  "version": "51.3.0",
+  "version": "51.4.0",
   "private": true,
   "scripts": {
     "dev": "vitepress",
     "build": "vitepress build",
     "preview": "vitepress preview"
   },
   "dependencies": {
-    "@antfu/utils": "catalog:",
-    "@vueuse/core": "catalog:",
-    "typeit": "catalog:"
+    "@antfu/utils": "catalog:frontend",
+    "@vueuse/core": "catalog:frontend",
+    "typeit": "catalog:docs"
   },
   "devDependencies": {
-    "@iconify/json": "catalog:",
-    "@shikijs/vitepress-twoslash": "catalog:",
+    "@iconify/json": "catalog:icons",
+    "@shikijs/vitepress-twoslash": "catalog:prod",
     "@slidev/client": "workspace:*",
     "@slidev/parser": "workspace:*",
     "@slidev/types": "workspace:*",
-    "@types/node": "catalog:",
-    "@unocss/reset": "catalog:",
-    "fast-glob": "catalog:",
-    "gray-matter": "catalog:",
-    "markdown-it": "catalog:",
-    "shiki": "catalog:",
-    "typescript": "catalog:",
-    "unocss": "catalog:",
-    "unplugin-icons": "catalog:",
-    "unplugin-vue-components": "catalog:",
-    "vite-plugin-inspect": "catalog:",
-    "vitepress": "catalog:",
-    "vue": "catalog:"
+    "@types/node": "catalog:types",
+    "@unocss/reset": "catalog:frontend",
+    "fast-glob": "catalog:prod",
+    "gray-matter": "catalog:prod",
+    "markdown-it": "catalog:prod",
+    "shiki": "catalog:frontend",
+    "typescript": "catalog:dev",
+    "unocss": "catalog:prod",
+    "unplugin-icons": "catalog:prod",
+    "unplugin-vue-components": "catalog:prod",
+    "vite-plugin-inspect": "catalog:prod",
+    "vitepress": "catalog:docs",
+    "vitepress-plugin-llms": "catalog:docs",
+    "vue": "catalog:frontend"
   }
 }

docs/vite.config.ts

@@ -4,6 +4,7 @@ import Icons from 'unplugin-icons/vite'
 import Components from 'unplugin-vue-components/vite'
 import { defineConfig } from 'vite'
 import Inspect from 'vite-plugin-inspect'
+import llmstxt from 'vitepress-plugin-llms'
 
 export default defineConfig({
   optimizeDeps: {
@@ -19,6 +20,12 @@ export default defineConfig({
     },
   },
   plugins: [
+    llmstxt({
+      ignoreFiles: [
+        'index.md',
+        'README.md',
+      ],
+    }),
     Components({
       dirs: [
         './.vitepress/theme/components',

eslint.config.js

@@ -1,25 +1,28 @@
 import antfu from '@antfu/eslint-config'
 
-export default antfu(
-  {
-    overrides: {
-      vue: {
-        'vue/no-v-text-v-html-on-component': 'off',
-        'vue/component-name-in-template-casing': 'off',
-      },
-    },
-    formatters: {
-      markdown: true,
-      css: true,
-      slidev: {
-        files: [
-          '**/slides.md',
-          '**/template.md',
-          '**/example.md',
-          'test/fixtures/markdown/**/*.md',
-          'packages/vscode/syntaxes/slidev.example.md',
-        ],
-      },
+export default antfu({
+  pnpm: true,
+  formatters: {
+    markdown: true,
+    css: true,
+    slidev: {
+      files: [
+        '**/slides.md',
+        '**/template.md',
+        '**/example.md',
+        'test/fixtures/markdown/**/*.md',
+        'packages/vscode/syntaxes/slidev.example.md',
+      ],
     },
   },
-)
+})
+  .removeRules(
+    'vue/no-v-text-v-html-on-component',
+    'vue/component-name-in-template-casing',
+  )
+  .override('antfu/pnpm/package-json', {
+    ignores: [
+      'packages/create-theme/template/package.json',
+      'packages/create-app/template/package.json',
+    ],
+  })