@slidev/client 51.3.0 → 51.5.0

package/builtin/Monaco.vue

@@ -22,33 +22,36 @@ import { useNav } from '../composables/useNav'
 import { useSlideContext } from '../context'
 import { makeId } from '../logic/utils'
 
-const props = withDefaults(defineProps<{
-  codeLz: string
-  diffLz?: string
-  lang?: string
-  readonly?: boolean
-  lineNumbers?: 'on' | 'off' | 'relative' | 'interval'
-  height?: number | string // Posible values: 'initial', 'auto', '100%', '200px', etc.
-  editorOptions?: monaco.editor.IEditorOptions
-  ata?: boolean
-  runnable?: boolean
-  writable?: string
-  autorun?: boolean | 'once'
-  showOutputAt?: RawAtValue
-  outputHeight?: string
-  highlightOutput?: boolean
-  runnerOptions?: Record<string, unknown>
-}>(), {
-  codeLz: '',
-  lang: 'typescript',
-  readonly: false,
-  lineNumbers: 'off',
-  height: 'initial',
-  ata: true,
-  runnable: false,
-  autorun: true,
-  highlightOutput: true,
-})
+const props = withDefaults(
+  defineProps<{
+    codeLz?: string
+    diffLz?: string
+    lang?: string
+    readonly?: boolean
+    lineNumbers?: 'on' | 'off' | 'relative' | 'interval'
+    height?: number | string // Posible values: 'initial', 'auto', '100%', '200px', etc.
+    editorOptions?: monaco.editor.IEditorOptions
+    ata?: boolean
+    runnable?: boolean
+    writable?: string
+    autorun?: boolean | 'once'
+    showOutputAt?: RawAtValue
+    outputHeight?: string
+    highlightOutput?: boolean
+    runnerOptions?: Record<string, unknown>
+  }>(),
+  {
+    codeLz: '',
+    lang: 'typescript',
+    readonly: false,
+    lineNumbers: 'off',
+    height: 'initial',
+    ata: true,
+    runnable: false,
+    autorun: true,
+    highlightOutput: true,
+  },
+)
 
 const CodeRunner = defineAsyncComponent(() => import('../internals/CodeRunner.vue').then(r => r.default))
 

package/builtin/TocList.vue

@@ -13,13 +13,16 @@ import { toArray } from '@antfu/utils'
 import { computed } from 'vue'
 import { useNav } from '../composables/useNav'
 
-const props = withDefaults(defineProps<{
-  level: number
-  start?: string | number
-  listStyle?: string | string[]
-  list: TocItem[]
-  listClass?: string | string[]
-}>(), { level: 1 })
+const props = withDefaults(
+  defineProps<{
+    level?: number
+    start?: string | number
+    listStyle?: string | string[]
+    list: TocItem[]
+    listClass?: string | string[]
+  }>(),
+  { level: 1 },
+)
 
 const { isPresenter } = useNav()
 

package/constants.ts

@@ -83,4 +83,5 @@ export const HEADMATTER_FIELDS = [
   'mdc',
   'contextMenu',
   'wakeLock',
+  'seoMeta',
 ]

package/internals/FormCheckbox.vue

@@ -11,6 +11,6 @@ const value = defineModel<boolean>('modelValue', {
 <template>
   <div border="~ main rounded" flex="~ gap-2 items-center" relative h-5 w-5 p0.5 hover:bg-active p1>
     <div i-ri-check-line :class="value ? '' : 'op0'" />
-    <input v-model="value" type="checkbox" absolute inset-0 opacity-0.1 :disabled="disabled">
+    <input v-model="value" type="checkbox" absolute inset-0 opacity-10 :disabled="disabled">
   </div>
 </template>

package/internals/SideEditor.vue

@@ -26,7 +26,7 @@ watch(
     if (!isInputting.value) {
       note.value = (v?.note || '').trim()
       const frontmatterPart = v?.frontmatterRaw?.trim() ? `---\n${v.frontmatterRaw.trim()}\n---\n\n` : ''
-      content.value = frontmatterPart + (v?.content || '').trim()
+      content.value = frontmatterPart + (v?.source.contentRaw || '').trim()
       dirty.value = false
     }
   },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "51.3.0",
+  "version": "51.5.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -29,42 +29,41 @@
   },
   "dependencies": {
     "@antfu/utils": "^9.1.0",
-    "@iconify-json/carbon": "^1.2.7",
+    "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
-    "@shikijs/engine-javascript": "^3.0.0",
-    "@shikijs/monaco": "^3.0.0",
-    "@shikijs/vitepress-twoslash": "^3.0.0",
+    "@shikijs/engine-javascript": "^3.2.1",
+    "@shikijs/monaco": "^3.2.1",
+    "@shikijs/vitepress-twoslash": "^3.2.1",
     "@slidev/rough-notation": "^0.1.0",
     "@typescript/ata": "^0.9.7",
-    "@unhead/vue": "^1.11.19",
+    "@unhead/vue": "^2.0.2",
     "@unocss/reset": "^66.0.0",
-    "@vueuse/core": "^12.7.0",
-    "@vueuse/math": "^12.7.0",
-    "@vueuse/motion": "^2.2.6",
-    "drauu": "^0.4.2",
+    "@vueuse/core": "^13.0.0",
+    "@vueuse/math": "^13.0.0",
+    "@vueuse/motion": "^3.0.3",
+    "drauu": "^0.4.3",
     "file-saver": "^2.0.5",
     "floating-vue": "^5.2.2",
     "fuse.js": "^7.1.0",
     "katex": "^0.16.21",
     "lz-string": "^1.5.0",
-    "mermaid": "^11.4.1",
+    "mermaid": "^11.6.0",
     "monaco-editor": "0.51.0",
     "nanotar": "^0.2.0",
     "pptxgenjs": "^3.12.0",
-    "prettier": "^3.5.2",
     "recordrtc": "^5.6.2",
-    "shiki": "^3.0.0",
-    "shiki-magic-move": "^1.0.1",
-    "typescript": "^5.7.3",
+    "shiki": "^3.2.1",
+    "shiki-magic-move": "^1.1.0",
+    "typescript": "^5.8.2",
     "unocss": "^66.0.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
-    "yaml": "^2.7.0",
-    "@slidev/parser": "51.3.0",
-    "@slidev/types": "51.3.0"
+    "yaml": "^2.7.1",
+    "@slidev/types": "51.5.0",
+    "@slidev/parser": "51.5.0"
   },
   "devDependencies": {
-    "vite": "^6.1.1"
+    "vite": "^6.2.3"
   }
 }

package/pages/presenter.vue

@@ -54,7 +54,13 @@ const notesEditing = ref(false)
 
 const { timer, isTimerActive, resetTimer, toggleTimer } = useTimer()
 
-const clicksCtxMap = computed(() => slides.value.map(route => createFixedClicks(route)))
+const clicksCtxMap = computed(() => slides.value.map((route) => {
+  const clicks = ref(0)
+  return {
+    context: createFixedClicks(route, clicks),
+    clicks,
+  }
+}))
 const nextFrame = computed(() => {
   if (clicksContext.value.current < clicksContext.value.total)
     return [currentSlideRoute.value!, clicksContext.value.current + 1] as const
@@ -72,7 +78,7 @@ watch(
   nextFrame,
   () => {
     if (nextFrameClicksCtx.value && nextFrame.value)
-      nextFrameClicksCtx.value.current = nextFrame.value[1]
+      nextFrameClicksCtx.value.clicks.value = nextFrame.value[1]
   },
   { immediate: true },
 )
@@ -149,7 +155,7 @@ onMounted(() => {
         <SlideContainer v-if="nextFrame && nextFrameClicksCtx" key="next">
           <SlideWrapper
             :key="nextFrame[0].no"
-            :clicks-context="nextFrameClicksCtx"
+            :clicks-context="nextFrameClicksCtx.context"
             :route="nextFrame[0]"
             render-context="previewNext"
           />

package/setup/main.ts

@@ -2,7 +2,7 @@ import type { AppContext } from '@slidev/types'
 import type { App } from 'vue'
 import setups from '#slidev/setups/main'
 import TwoSlashFloatingVue from '@shikijs/vitepress-twoslash/client'
-import { createHead } from '@unhead/vue'
+import { createHead } from '@unhead/vue/client'
 import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
 import { createVClickDirectives } from '../modules/v-click'
 import { createVDragDirective } from '../modules/v-drag'