@slidev/client 53.0.0 → 53.1.0

package/internals/SideEditor.vue

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

package/internals/SlideContainer.vue

@@ -41,7 +41,9 @@ const containerSize = useElementSize(container)
 const slideElement = ref<HTMLElement | null>(null)
 
 const width = computed(() => props.width ?? containerSize.width.value)
-const height = computed(() => props.width ? props.width / slideAspect.value : containerSize.height.value)
+const height = computed(() => props.width
+  ? props.width / slideAspect.value
+  : containerSize.height.value)
 
 const scale = computed(() => {
   if (slideScale.value && !isPrintMode.value)

package/internals/SlideWrapper.vue

@@ -34,7 +34,9 @@ provideLocal(injectionSlideZoom, zoom)
 
 const style = computed<CSSProperties>(() => ({
   'user-select': configs.selectable ? undefined : 'none',
-  '--slidev-slide-zoom-scale': zoom.value === 1 ? undefined : zoom.value,
+  '--slidev-slide-zoom-scale': zoom.value === 1
+    ? undefined
+    : zoom.value,
 }))
 </script>
 

package/logic/route.ts

@@ -28,7 +28,9 @@ export function useRouteQuery<T extends string | string[]>(
         router[unref(mode) as 'replace' | 'push']({
           query: {
             ...router.currentRoute.value.query,
-            [name]: `${v}` === defaultValue ? undefined : v,
+            [name]: `${v}` === defaultValue
+              ? undefined
+              : v,
           },
         })
       })

package/logic/screenshot.ts

@@ -58,4 +58,6 @@ export async function startScreenshotSession(width: number, height: number) {
 export type ScreenshotSession = Awaited<ReturnType<typeof startScreenshotSession>>
 
 const chromeVersion = window.navigator.userAgent.match(/Chrome\/(\d+)/)?.[1]
-export const isScreenshotSupported = chromeVersion ? Number(chromeVersion) >= 94 : false
+export const isScreenshotSupported = chromeVersion
+  ? Number(chromeVersion) >= 94
+  : false

package/logic/slidePath.ts

@@ -6,5 +6,9 @@ export function getSlideRoutePath(
   exporting: boolean = false,
 ) {
   const no = route.meta.slide?.frontmatter.routeAlias ?? route.no
-  return exporting ? `/export/${no}` : presenter ? `/presenter/${no}` : `/${no}`
+  return exporting
+    ? `/export/${no}`
+    : presenter
+      ? `/presenter/${no}`
+      : `/${no}`
 }

package/logic/snapshot.ts

@@ -9,7 +9,9 @@ import { startScreenshotSession } from './screenshot'
 import { getSlide } from './slides'
 
 const chromeVersion = window.navigator.userAgent.match(/Chrome\/(\d+)/)?.[1]
-export const isScreenshotSupported = chromeVersion ? Number(chromeVersion) >= 94 : false
+export const isScreenshotSupported = chromeVersion
+  ? Number(chromeVersion) >= 94
+  : false
 
 const initialWait = 100
 

package/modules/v-click.ts

@@ -165,14 +165,20 @@ export function resolveClick(el: Element | string, dir: DirectiveBinding<any>, v
 
   ctx.register(el, info)
 
-  const isShown = computed(() => flagHide ? !info.isActive.value : info.isActive.value)
+  const isShown = computed(() => flagHide
+    ? !info.isActive.value
+    : info.isActive.value)
   const visibilityState = computed(() => {
     if (isShown.value)
       return 'shown'
-    if (Number.isFinite(info.end))
-      return ctx.current < info.start ? 'before' : 'after'
-    else
+    if (Number.isFinite(info.end)) {
+      return ctx.current < info.start
+        ? 'before'
+        : 'after'
+    }
+    else {
       return flagHide ? 'after' : 'before'
+    }
   })
 
   const resolved = {

package/modules/v-mark.ts

@@ -55,17 +55,27 @@ const vMarkModifiers: Record<string, (options: RoughDirectiveOptions, value?: an
 
 const vMarkModifiersDynamic: [RegExp, (match: RegExpMatchArray, options: RoughDirectiveOptions, value?: any) => RoughDirectiveOptions][] = [
   // Support setting delay like `v-mark.delay300="1"`
-  [/^delay-?(\d+)?$/, (match, options, value) => {
-    const ms = (match[1] ? Number.parseInt(match[1]) : value) || 300
-    options.delay = ms
-    return options
-  }],
+  [
+    /^delay-?(\d+)?$/,
+    (match, options, value) => {
+      const ms = (match[1]
+        ? Number.parseInt(match[1])
+        : value) || 300
+      options.delay = ms
+      return options
+    },
+  ],
   // Support setting opacity like `v-mark.op50="1"`
-  [/^(?:op|opacity)-?(\d+)?$/, (match, options, value) => {
-    const opacity = (match[1] ? Number.parseInt(match[1]) : value) || 100
-    options.opacity = opacity / 100
-    return options
-  }],
+  [
+    /^(?:op|opacity)-?(\d+)?$/,
+    (match, options, value) => {
+      const opacity = (match[1]
+        ? Number.parseInt(match[1])
+        : value) || 100
+      options.opacity = opacity / 100
+      return options
+    },
+  ],
 ]
 
 /**

package/modules/v-motion.ts

@@ -23,9 +23,18 @@ export function createVMotionDirectives() {
 
           const props = node.props = { ...node.props }
 
-          const variantInitial = { ...props.initial, ...props.variants?.['slidev-initial'] }
-          const variantEnter = { ...props.enter, ...props.variants?.['slidev-enter'] }
-          const variantLeave = { ...props.leave, ...props.variants?.['slidev-leave'] }
+          const variantInitial = {
+            ...props.initial,
+            ...props.variants?.['slidev-initial'],
+          }
+          const variantEnter = {
+            ...props.enter,
+            ...props.variants?.['slidev-enter'],
+          }
+          const variantLeave = {
+            ...props.leave,
+            ...props.variants?.['slidev-leave'],
+          }
           delete props.initial
           delete props.enter
           delete props.leave
@@ -41,7 +50,9 @@ export function createVMotionDirectives() {
           for (const k of Object.keys(props)) {
             if (k.startsWith('click-')) {
               const s = k.slice(6)
-              const at = s.includes('-') ? s.split('-').map(Number) as [number, number] : +s
+              const at = s.includes('-')
+                ? s.split('-').map(Number) as [number, number]
+                : +s
               const id = idPrefix + s
               clicks.push({
                 id,
@@ -53,7 +64,11 @@ export function createVMotionDirectives() {
             }
           }
 
-          clicks.sort((a, b) => (Array.isArray(a.at) ? a.at[0] : a.at) - (Array.isArray(b.at) ? b.at[0] : b.at))
+          clicks.sort((a, b) => (Array.isArray(a.at)
+            ? a.at[0]
+            : a.at) - (Array.isArray(b.at)
+            ? b.at[0]
+            : b.at))
 
           original.created!(el, binding, node, prevNode)
           original.mounted!(el, binding, node, prevNode)
@@ -67,7 +82,10 @@ export function createVMotionDirectives() {
             () => {
               const visibility = resolvedClickMap.get(el)?.visibilityState.value ?? 'shown'
               if (!clicksContext?.value || !['slide', 'presenter'].includes(renderContext?.value ?? '')) {
-                const mixedVariant: Record<string, unknown> = { ...variantInitial, ...variantEnter }
+                const mixedVariant: Record<string, unknown> = {
+                  ...variantInitial,
+                  ...variantEnter,
+                }
                 for (const { variant } of clicks)
                   Object.assign(mixedVariant, variant)
 
@@ -75,7 +93,10 @@ export function createVMotionDirectives() {
               }
               else if (isPrintMode.value || thisPage?.value === currentPage.value) {
                 if (visibility === 'shown') {
-                  const mixedVariant: Record<string, unknown> = { ...variantInitial, ...variantEnter }
+                  const mixedVariant: Record<string, unknown> = {
+                    ...variantInitial,
+                    ...variantEnter,
+                  }
                   for (const { variant, info } of clicks) {
                     if (!info || info.isActive.value)
                       Object.assign(mixedVariant, variant)
@@ -86,11 +107,15 @@ export function createVMotionDirectives() {
                     motion.apply(mixedVariant)
                 }
                 else {
-                  motion.apply(visibility === 'before' ? variantInitial : variantLeave)
+                  motion.apply(visibility === 'before'
+                    ? variantInitial
+                    : variantLeave)
                 }
               }
               else {
-                motion.apply((thisPage?.value ?? -1) > currentPage.value ? variantInitial : variantLeave)
+                motion.apply((thisPage?.value ?? -1) > currentPage.value
+                  ? variantInitial
+                  : variantLeave)
               }
             },
             {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "53.0.0",
+  "version": "53.1.0",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -30,46 +30,46 @@
   "dependencies": {
     "@antfu/utils": "^9.3.0",
     "@fix-webm-duration/fix": "^1.0.1",
-    "@iconify-json/carbon": "^1.2.27",
+    "@iconify-json/carbon": "^1.2.29",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
-    "@shikijs/engine-javascript": "^4.4.3",
-    "@shikijs/magic-move": "^4.4.3",
-    "@shikijs/monaco": "^4.4.3",
-    "@shikijs/vitepress-twoslash": "^4.4.3",
-    "@slidev/parser": "53.0.0",
+    "@shikijs/engine-javascript": "^4.6.0",
+    "@shikijs/magic-move": "^4.6.0",
+    "@shikijs/monaco": "^4.6.0",
+    "@shikijs/vitepress-twoslash": "^4.6.0",
+    "@slidev/parser": "53.1.0",
     "@slidev/rough-notation": "^0.1.0",
-    "@slidev/types": "53.0.0",
+    "@slidev/types": "53.1.0",
     "@typescript/ata": "^0.9.8",
-    "@unhead/vue": "^3.4.1",
-    "@unocss/extractor-mdc": "^66.10.4",
-    "@unocss/preset-mini": "^66.10.4",
-    "@unocss/reset": "^66.10.4",
-    "@vueuse/core": "^14.4.0",
-    "@vueuse/math": "^14.4.0",
+    "@unhead/vue": "^3.4.3",
+    "@unocss/extractor-mdc": "^66.12.0",
+    "@unocss/preset-mini": "^66.12.0",
+    "@unocss/reset": "^66.12.0",
+    "@vueuse/core": "^15.0.0",
+    "@vueuse/math": "^15.0.0",
     "@vueuse/motion": "^3.0.3",
-    "ansis": "^4.4.0",
+    "ansis": "^4.5.0",
     "drauu": "^1.0.0",
     "file-saver": "^2.0.5",
     "fitty": "^2.4.2",
     "floating-vue": "^5.4.0",
     "fuse.js": "^7.5.0",
-    "katex": "^0.18.7",
+    "katex": "^0.19.1",
     "lz-string": "^1.5.0",
     "markdown-it-github-alerts": "^1.0.1",
-    "mermaid": "^12.0.0",
-    "monaco-editor": "^0.56.0",
+    "mermaid": "^12.3.0",
+    "monaco-editor": "^0.57.0",
     "nanotar": "^0.3.0",
     "pptxgenjs": "^4.0.1",
     "recordrtc": "^5.6.2",
-    "shiki": "^4.4.3",
+    "shiki": "^4.6.0",
     "typescript": "^6.0.3",
-    "unocss": "^66.10.4",
-    "vue": "^3.5.42",
-    "vue-router": "^5.3.1",
+    "unocss": "^66.12.0",
+    "vue": "^3.5.44",
+    "vue-router": "^5.4.0",
     "yaml": "^2.9.1"
   },
   "devDependencies": {
-    "vite": "^8.3.0"
+    "vite": "^8.3.6"
   }
 }

package/pages/overview.vue

@@ -101,7 +101,11 @@ function checkActiveBlocks() {
       active = { idx, visibleHeight }
   }
 
-  activeBlocks.value = fullyVisible.length ? fullyVisible : active ? [active.idx] : []
+  activeBlocks.value = fullyVisible.length
+    ? fullyVisible
+    : active
+      ? [active.idx]
+      : []
 }
 
 function openSlideInNewTab(path: string) {
@@ -151,7 +155,9 @@ function scrollSlideNoIntoCenter(no: number) {
   if (start == null)
     return
   const top = start
-    + (end == null ? 0 : (end - start) * progress)
+    + (end == null
+      ? 0
+      : (end - start) * progress)
     - scroller.value.clientHeight * 0.5
   if (Math.abs(scroller.value.scrollTop - top) < 1)
     return
@@ -160,8 +166,12 @@ function scrollSlideNoIntoCenter(no: number) {
 
 function getInitialSlideNo() {
   const value = currentRoute.query.slideNo
-  const no = Number(Array.isArray(value) ? value[0] : value)
-  return Number.isFinite(no) && no > 0 ? no : undefined
+  const no = Number(Array.isArray(value)
+    ? value[0]
+    : value)
+  return Number.isFinite(no) && no > 0
+    ? no
+    : undefined
 }
 
 function updateSlideNoQuery(no: number) {
@@ -275,7 +285,9 @@ function openOverviewSlideSource(e: MouseEvent, route: SlideRoute) {
 
 onMounted(() => {
   window.addEventListener('message', onOverviewMessage)
-  const initialSlideNo = isEmbeddedPreviewMode.value ? getInitialSlideNo() : undefined
+  const initialSlideNo = isEmbeddedPreviewMode.value
+    ? getInitialSlideNo()
+    : undefined
   if (initialSlideNo != null) {
     ignoreOverviewScrollUntil = Date.now() + 300
     scrollSlideNoIntoCenter(initialSlideNo)

package/pages/presenter.vue

@@ -102,7 +102,6 @@ const resizeStartRowSize = ref(280)
 
 const RESIZER_LIMITS = {
   minNotesWidth: 240,
-  maxNotesWidth: 720,
   minNotesRowSize: 160,
   maxNotesWidthRatio: 0.7,
   maxNotesRowHeightRatio: 0.75,
@@ -120,10 +119,7 @@ const isNotesOnBottom = computed(() => presenterLayout.value === 1 && !isLayout1
 function clampNotesWidth(width: number) {
   if (!Number.isFinite(width))
     return RESIZER_LIMITS.minNotesWidth
-  return Math.max(
-    RESIZER_LIMITS.minNotesWidth,
-    Math.min(RESIZER_LIMITS.maxNotesWidth, Math.round(width)),
-  )
+  return Math.max(RESIZER_LIMITS.minNotesWidth, Math.round(width))
 }
 
 function updateNotesWidthFromPointer(clientX: number) {
@@ -395,6 +391,7 @@ onMounted(() => {
             class="w-full max-w-full h-full overflow-auto p-2 lg:p-4"
             :style="{ fontSize: `${presenterNotesFontSize}em` }"
             :clicks-context="clicksContext"
+            auto-scroll
           />
           <div border-t border-main />
           <div class="py-1 px-2 text-sm transition" :class="inFocus ? '' : 'op25'">

package/setup/code-runners.ts

@@ -65,14 +65,18 @@ export default createSingletonPromise(async () => {
 function runJavaScript(code: string): CodeRunnerOutputs {
   const result = ref<CodeRunnerOutput[]>([])
 
-  const onError = (error: any) => result.value.push({ error: String(error) })
+  const onError = (error: any) => result.value.push({
+    error: String(error),
+  })
   const logger = (...objs: any[]) => result.value.push(objs.map(printObject))
   const vmConsole = Object.assign({}, console)
   vmConsole.info = vmConsole.log = vmConsole.debug = vmConsole.warn = vmConsole.error = logger
   vmConsole.clear = () => result.value.length = 0
   try {
     const wrappedCode = `return async (console, __slidev_import, __slidev_on_error) => {
-    ${configs.monacoRunUseStrict ? `"use strict";` : ''}
+    ${configs.monacoRunUseStrict
+      ? `"use strict";`
+      : ''}
       try {
         ${fixupCode(code)}
       } catch (e) {
@@ -119,7 +123,9 @@ function runJavaScript(code: string): CodeRunnerOutputs {
       textRep = `Set (${arg.size}) {${setIter.map(objectToText).join(', ')}}`
     }
     else if (arg instanceof Map) {
-      const mapIter = [...arg.entries()]
+      const mapIter = [
+        ...arg.entries(),
+      ]
       textRep
         = `Map (${arg.size}) {${mapIter
           .map(([k, v]) => `${objectToText(k)} => ${objectToText(v)}`)
@@ -135,13 +141,19 @@ function runJavaScript(code: string): CodeRunnerOutputs {
     else if (typeof arg === 'object') {
       const name = arg.constructor?.name ?? ''
       // No one needs to know an obj is an obj
-      const nameWithoutObject = name && name === 'Object' ? '' : name
-      const prefix = nameWithoutObject ? `${nameWithoutObject}: ` : ''
+      const nameWithoutObject = name && name === 'Object'
+        ? ''
+        : name
+      const prefix = nameWithoutObject
+        ? `${nameWithoutObject}: `
+        : ''
 
       // JSON.stringify omits any keys with a value of undefined. To get around this, we replace undefined with the text __undefined__ and then do a global replace using regex back to keyword undefined
       textRep
         = prefix
-          + JSON.stringify(arg, (_, value) => (value === undefined ? '__undefined__' : value), 2).replace(
+          + JSON.stringify(arg, (_, value) => (value === undefined
+            ? '__undefined__'
+            : value), 2).replace(
             /"__undefined__"/g,
             'undefined',
           )

package/setup/context-menu.ts

@@ -6,6 +6,7 @@ import { computed } from 'vue'
 import setups from '#slidev/setups/context-menu'
 import { useDrawings } from '../composables/useDrawings'
 import { useNav } from '../composables/useNav'
+import { configs } from '../env'
 import { fullscreen, showEditor, toggleOverview } from '../state'
 
 // @unocss-include
@@ -79,6 +80,7 @@ export default () => {
         icon: 'i-carbon:pen',
         label: drawingEnabled.value ? 'Hide drawing toolbar' : 'Show drawing toolbar',
         action: () => (drawingEnabled.value = !drawingEnabled.value),
+        show: __SLIDEV_FEATURE_DRAWINGS__ && (!configs.drawings.presenterOnly || isPresenter.value),
       },
       {
         icon: 'i-carbon:apps',

package/setup/shiki-options.ts

@@ -37,7 +37,9 @@ export function resolveShikiOptions(options: (ShikiSetupReturn | void)[]) {
     mergedOptions.defaultColor = false
 
   const themeOption = extractThemeName(mergedOptions.theme) || extractThemeNames(mergedOptions.themes || {})
-  const themeNames = typeof themeOption === 'string' ? [themeOption] : Object.values(themeOption)
+  const themeNames = typeof themeOption === 'string'
+    ? [themeOption]
+    : Object.values(themeOption)
 
   const themeInput: Record<string, ThemeInput> = Object.assign({}, bundledThemes)
   if (typeof mergedOptions.theme === 'object' && mergedOptions.theme?.name) {
@@ -51,7 +53,14 @@ export function resolveShikiOptions(options: (ShikiSetupReturn | void)[]) {
     }
   }
 
-  const languageNames = new Set<string>(['markdown', 'vue', 'javascript', 'typescript', 'html', 'css'])
+  const languageNames = new Set<string>([
+    'markdown',
+    'vue',
+    'javascript',
+    'typescript',
+    'html',
+    'css',
+  ])
   const languageInput: Record<string, LanguageInput> = Object.assign({}, bundledLanguages)
   for (const option of options) {
     const langs = option?.langs

package/setup/shortcuts.ts

@@ -32,24 +32,106 @@ export default function setupShortcuts() {
   const navViaArrowKeys = and(not(showOverview), not(activeDragElement))
 
   let shortcuts: ShortcutOptions[] = [
-    { name: 'next_space', key: and(space, not(shift)), fn: next, autoRepeat: true },
-    { name: 'prev_space', key: and(space, shift), fn: prev, autoRepeat: true },
-    { name: 'next_right', key: and(right, not(shift), navViaArrowKeys), fn: next, autoRepeat: true },
-    { name: 'prev_left', key: and(left, not(shift), navViaArrowKeys), fn: prev, autoRepeat: true },
-    { name: 'next_page_key', key: 'pageDown', fn: next, autoRepeat: true },
-    { name: 'prev_page_key', key: 'pageUp', fn: prev, autoRepeat: true },
-    { name: 'next_down', key: and(down, navViaArrowKeys), fn: nextSlide, autoRepeat: true },
-    { name: 'prev_up', key: and(up, navViaArrowKeys), fn: prevSlide, autoRepeat: true },
-    { name: 'next_shift', key: and(right, shift), fn: nextSlide, autoRepeat: true },
-    { name: 'prev_shift', key: and(left, shift), fn: prevSlide, autoRepeat: true },
-    { name: 'toggle_dark', key: and(d, not(drawingEnabled)), fn: toggleDark },
-    { name: 'toggle_overview', key: and(or(o, backtick), not(drawingEnabled)), fn: toggleOverview },
-    { name: 'hide_overview', key: and(escape, not(drawingEnabled)), fn: () => showOverview.value = false },
-    { name: 'goto', key: and(g, not(drawingEnabled)), fn: () => showGotoDialog.value = !showGotoDialog.value },
-    { name: 'next_overview', key: and(right, showOverview), fn: nextOverviewPage },
-    { name: 'prev_overview', key: and(left, showOverview), fn: prevOverviewPage },
-    { name: 'up_overview', key: and(up, showOverview), fn: upOverviewPage },
-    { name: 'down_overview', key: and(down, showOverview), fn: downOverviewPage },
+    {
+      name: 'next_space',
+      key: and(space, not(shift)),
+      fn: next,
+      autoRepeat: true,
+    },
+    {
+      name: 'prev_space',
+      key: and(space, shift),
+      fn: prev,
+      autoRepeat: true,
+    },
+    {
+      name: 'next_right',
+      key: and(right, not(shift), navViaArrowKeys),
+      fn: next,
+      autoRepeat: true,
+    },
+    {
+      name: 'prev_left',
+      key: and(left, not(shift), navViaArrowKeys),
+      fn: prev,
+      autoRepeat: true,
+    },
+    {
+      name: 'next_page_key',
+      key: 'pageDown',
+      fn: next,
+      autoRepeat: true,
+    },
+    {
+      name: 'prev_page_key',
+      key: 'pageUp',
+      fn: prev,
+      autoRepeat: true,
+    },
+    {
+      name: 'next_down',
+      key: and(down, navViaArrowKeys),
+      fn: nextSlide,
+      autoRepeat: true,
+    },
+    {
+      name: 'prev_up',
+      key: and(up, navViaArrowKeys),
+      fn: prevSlide,
+      autoRepeat: true,
+    },
+    {
+      name: 'next_shift',
+      key: and(right, shift),
+      fn: nextSlide,
+      autoRepeat: true,
+    },
+    {
+      name: 'prev_shift',
+      key: and(left, shift),
+      fn: prevSlide,
+      autoRepeat: true,
+    },
+    {
+      name: 'toggle_dark',
+      key: and(d, not(drawingEnabled)),
+      fn: toggleDark,
+    },
+    {
+      name: 'toggle_overview',
+      key: and(or(o, backtick), not(drawingEnabled)),
+      fn: toggleOverview,
+    },
+    {
+      name: 'hide_overview',
+      key: and(escape, not(drawingEnabled)),
+      fn: () => showOverview.value = false,
+    },
+    {
+      name: 'goto',
+      key: and(g, not(drawingEnabled)),
+      fn: () => showGotoDialog.value = !showGotoDialog.value,
+    },
+    {
+      name: 'next_overview',
+      key: and(right, showOverview),
+      fn: nextOverviewPage,
+    },
+    {
+      name: 'prev_overview',
+      key: and(left, showOverview),
+      fn: prevOverviewPage,
+    },
+    {
+      name: 'up_overview',
+      key: and(up, showOverview),
+      fn: upOverviewPage,
+    },
+    {
+      name: 'down_overview',
+      key: and(down, showOverview),
+      fn: downOverviewPage,
+    },
     {
       name: 'goto_from_overview',
       key: and(enter, showOverview),

package/state/storage.ts

@@ -64,8 +64,12 @@ export function togglePresenterCursor() {
 
 export const showEditor = useLocalStorage('slidev-show-editor', false, { listenToStorageChanges: false })
 export const isEditorVertical = useLocalStorage('slidev-editor-vertical', false, { listenToStorageChanges: false })
-export const editorWidth = useLocalStorage('slidev-editor-width', isClient ? window.innerWidth * 0.4 : 318, { listenToStorageChanges: false })
-export const editorHeight = useLocalStorage('slidev-editor-height', isClient ? window.innerHeight * 0.4 : 300, { listenToStorageChanges: false })
+export const editorWidth = useLocalStorage('slidev-editor-width', isClient
+  ? window.innerWidth * 0.4
+  : 318, { listenToStorageChanges: false })
+export const editorHeight = useLocalStorage('slidev-editor-height', isClient
+  ? window.innerHeight * 0.4
+  : 300, { listenToStorageChanges: false })
 
 export const activeDragElement = shallowRef<DragElementState | null>(null)
 

package/state/syncState.ts

@@ -118,5 +118,11 @@ export function createSyncState<State extends object>(serverState: State, defaul
     watch(state, onStateChanged, { deep: true })
   }
 
-  return { init, onPatch, onUpdate, patch, state }
+  return {
+    init,
+    onPatch,
+    onUpdate,
+    patch,
+    state,
+  }
 }