@slidev/client 52.15.2 → 52.16.0

package/builtin/KaTexBlockWrapper.test.ts

@@ -0,0 +1,41 @@
+import { describe, expect, it } from 'vitest'
+import { collectKatexEquationLines } from './katex-lines'
+
+function fakeElement(options: {
+  parent?: Element | null
+  closest?: Element | null
+  children?: Element[]
+} = {}) {
+  const el = {
+    parentElement: options.parent ?? null,
+    closest: () => options.closest ?? null,
+    querySelectorAll: () => options.children ?? [],
+  }
+  return el as unknown as Element
+}
+
+describe('collectKatexEquationLines', () => {
+  it('ignores nested KaTeX tables when mapping equation lines', () => {
+    const rowA1 = fakeElement()
+    const rowA2 = fakeElement()
+    const rowB1 = fakeElement()
+    const rowB2 = fakeElement()
+    const nestedRow = fakeElement()
+
+    const outerLeftParent = fakeElement({ children: [rowA1, rowA2] })
+    const outerRightParent = fakeElement({ children: [rowB1, rowB2] })
+    const nestedParent = fakeElement({
+      parent: fakeElement({ closest: outerLeftParent }),
+      children: [nestedRow],
+    })
+
+    const root = fakeElement({
+      children: [outerLeftParent, nestedParent, outerRightParent],
+    })
+
+    expect(collectKatexEquationLines(root)).toEqual([
+      [rowA1, rowB1],
+      [rowA2, rowB2],
+    ])
+  })
+})

package/builtin/KaTexBlockWrapper.vue

@@ -26,6 +26,7 @@ import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue'
 import { CLASS_VCLICK_HIDDEN, CLASS_VCLICK_TARGET, CLICKS_MAX } from '../constants'
 import { useSlideContext } from '../context'
 import { makeId } from '../logic/utils'
+import { collectKatexEquationLines } from './katex-lines'
 
 const props = defineProps({
   ranges: {
@@ -77,26 +78,10 @@ onMounted(() => {
     if (hide)
       rangeStr = props.ranges[index.value + 1] ?? finallyRange.value
 
-    // KaTeX equations have col-align-XXX as parent
-    const equationParents = el.value.querySelectorAll('.mtable > [class*=col-align]')
-    if (!equationParents)
-      return
-
-    // For each row we extract the individual equation rows
-    const equationRowsOfEachParent = Array.from(equationParents)
-      .map(item => Array.from(item.querySelectorAll(':scope > .vlist-t > .vlist-r > .vlist > span > .mord')))
     // This list maps rows from different parents to line them up
-    const lines: Element[][] = []
-    for (const equationRowParent of equationRowsOfEachParent) {
-      equationRowParent.forEach((equationRow, idx) => {
-        if (!equationRow)
-          return
-        if (Array.isArray(lines[idx]))
-          lines[idx].push(equationRow)
-        else
-          lines[idx] = [equationRow]
-      })
-    }
+    const lines = collectKatexEquationLines(el.value)
+    if (!lines.length)
+      return
 
     const startLine = props.startLine
     const highlights: number[] = parseRangeString(lines.length + startLine - 1, rangeStr)

package/builtin/ShikiMagicMove.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { KeyedTokensInfo } from 'shiki-magic-move/types'
+import type { KeyedTokensInfo } from '@shikijs/magic-move/types'
 import type { PropType } from 'vue'
 import { sleep } from '@antfu/utils'
+import { ShikiMagicMovePrecompiled } from '@shikijs/magic-move/vue'
 import { useClipboard } from '@vueuse/core'
 import lz from 'lz-string'
-import { ShikiMagicMovePrecompiled } from 'shiki-magic-move/vue'
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'
 import { useNav } from '../composables/useNav'
 import { CLICKS_MAX } from '../constants'

package/builtin/TocList.vue

@@ -8,9 +8,9 @@ Usage:
 -->
 <script setup lang="ts">
 import type { TocItem } from '@slidev/types'
-import TitleRenderer from '#slidev/title-renderer'
 import { toArray } from '@antfu/utils'
 import { computed } from 'vue'
+import TitleRenderer from '#slidev/title-renderer'
 import { useNav } from '../composables/useNav'
 
 const props = withDefaults(

package/builtin/katex-lines.ts

@@ -0,0 +1,22 @@
+const KATEX_EQUATION_PARENT_SELECTOR = '.mtable > [class*=col-align]'
+const KATEX_EQUATION_ROW_SELECTOR = ':scope > .vlist-t > .vlist-r > .vlist > span > .mord'
+
+export function collectKatexEquationLines(el: Element): Element[][] {
+  const equationParents = Array.from(el.querySelectorAll(KATEX_EQUATION_PARENT_SELECTOR))
+    .filter(parent => !parent.parentElement?.closest(KATEX_EQUATION_PARENT_SELECTOR))
+
+  const lines: Element[][] = []
+  for (const equationRowParent of equationParents) {
+    const equationRows = Array.from(equationRowParent.querySelectorAll(KATEX_EQUATION_ROW_SELECTOR))
+    equationRows.forEach((equationRow, idx) => {
+      if (!equationRow)
+        return
+      if (Array.isArray(lines[idx]))
+        lines[idx].push(equationRow)
+      else
+        lines[idx] = [equationRow]
+    })
+  }
+
+  return lines
+}

package/composables/useEmbeddedCtrl.ts

@@ -31,8 +31,10 @@ export function useEmbeddedControl() {
 
   if (nav.isEmbedded.value) {
     throttledWatch(
-      [nav.currentSlideNo, nav.clicks, nav.hasNext, nav.hasPrev],
-      ([no, clicks, hasNext, hasPrev]) => {
+      [nav.currentSlideNo, nav.clicks, nav.hasNext, nav.hasPrev, nav.hasPrimarySlide],
+      ([no, clicks, hasNext, hasPrev, hasPrimarySlide]) => {
+        if (!hasPrimarySlide)
+          return
         window.parent.postMessage(
           {
             target: 'slidev',

package/composables/useNav.ts

@@ -1,12 +1,12 @@
 import type { ClicksContext, SlideRoute, TocItem } from '@slidev/types'
 import type { ComputedRef, Ref, TransitionGroupProps, WritableComputedRef } from 'vue'
 import type { RouteLocationNormalized, Router } from 'vue-router'
-import { slides } from '#slidev/slides'
 import { clamp } from '@antfu/utils'
 import { parseRangeString } from '@slidev/parser/utils'
 import { createSharedComposable } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
+import { slides } from '#slidev/slides'
 import { CLICKS_MAX } from '../constants'
 import { configs } from '../env'
 import { useRouteQuery } from '../logic/route'

package/composables/usePreloadImages.ts

@@ -1,7 +1,7 @@
 import type { SlideRoute } from '@slidev/types'
 import type { ComputedRef, Ref } from 'vue'
-import configs from '#slidev/configs'
 import { watchEffect } from 'vue'
+import configs from '#slidev/configs'
 
 const loaded = new Set<string>()
 const loading = new Set<string>()

package/env.ts

@@ -1,6 +1,6 @@
-import configs from '#slidev/configs'
 import { objectMap } from '@antfu/utils'
 import { computed } from 'vue'
+import configs from '#slidev/configs'
 
 export { configs }
 

package/internals/ClicksSlider.vue

@@ -1,70 +1,146 @@
 <script setup lang="ts">
 import type { ClicksContext } from '@slidev/types'
 import { clamp, range } from '@antfu/utils'
-import { computed } from 'vue'
+import { computed, ref } from 'vue'
 import { CLICKS_MAX } from '../constants'
 
 const props = withDefaults(defineProps<{
   clicksContext: ClicksContext
   readonly?: boolean
   active?: boolean
+  resettable?: boolean
+  compact?: boolean
+  attached?: boolean
 }>(), {
   active: true,
 })
 
+const emit = defineEmits<{
+  (type: 'activate'): void
+  (type: 'reset'): void
+}>()
+
 const total = computed(() => props.clicksContext.total)
 const start = computed(() => clamp(0, props.clicksContext.clicksStart, total.value))
 const length = computed(() => total.value - start.value + 1)
 const current = computed({
   get() {
+    if (props.resettable && !props.active)
+      return -1
     return props.clicksContext.current > total.value ? -1 : props.clicksContext.current
   },
   set(value: number) {
+    if (props.resettable && value < 0) {
+      emit('reset')
+      // eslint-disable-next-line vue/no-mutating-props
+      props.clicksContext.current = CLICKS_MAX
+      return
+    }
+    emit('activate')
     // eslint-disable-next-line vue/no-mutating-props
     props.clicksContext.current = value
   },
 })
 
+const isReset = computed(() => props.resettable && current.value < 0)
 const clicksRange = computed(() => range(start.value, total.value + 1))
+const sliderEl = ref<HTMLElement>()
+let pointerDown: { id: number, x: number, y: number } | undefined
+
+function getPointerRatio(event: PointerEvent) {
+  const rect = sliderEl.value!.getBoundingClientRect()
+  return (event.clientX - rect.left) / Math.max(1, rect.width)
+}
+
+// Presses snap to a cell; drags switch only after crossing half a cell.
+function setCurrentFromPointer(event: PointerEvent, snap: boolean) {
+  if (props.readonly || !sliderEl.value || (!snap && !(event.buttons & 1)))
+    return
+  const ratio = getPointerRatio(event)
+  // In resettable mode, dragging left of the rail restores the inactive state.
+  if (props.resettable && ratio < 0) {
+    current.value = -1
+    return
+  }
+  // Keep press-at-right-edge inside the last cell.
+  const position = clamp(0, ratio, snap ? 0.999999 : 1) * length.value
+  const currentOffset = clamp(0, current.value - start.value, length.value - 1)
+  let next = snap ? start.value + Math.floor(position) : current.value
+  if (!snap && position >= currentOffset + 1.5)
+    next = start.value + Math.floor(position - 0.5)
+  else if (!snap && position < currentOffset - 0.5)
+    next = start.value + Math.ceil(position - 0.5)
+  current.value = clamp(start.value, next, total.value)
+}
 
-function onMousedown() {
+function onPointerDown(event: PointerEvent) {
   if (props.readonly)
     return
-  if (current.value < 0 || current.value > total.value)
-    current.value = 0
+  sliderEl.value?.setPointerCapture(event.pointerId)
+  pointerDown = { id: event.pointerId, x: event.clientX, y: event.clientY }
+  setCurrentFromPointer(event, true)
+}
+
+function onPointerMove(event: PointerEvent) {
+  if (pointerDown?.id === event.pointerId) {
+    // Treat tiny movement after pointerdown as part of the click.
+    if (Math.abs(event.clientX - pointerDown.x) <= 3 && Math.abs(event.clientY - pointerDown.y) <= 3)
+      return
+    pointerDown = undefined
+  }
+  setCurrentFromPointer(event, false)
 }
 </script>
 
 <template>
   <div
-    class="flex gap-1 items-center select-none"
+    class="flex gap-1 select-none"
     :title="`Clicks in this slide: ${length}`"
-    :class="length && props.clicksContext.isMounted ? '' : 'op50'"
+    :class="[attached ? 'items-end' : 'items-center', length && props.clicksContext.isMounted ? '' : 'op50']"
   >
-    <div class="flex gap-0.2 items-center min-w-16 font-mono mr1">
-      <div class="i-carbon:cursor-1 text-sm op50" />
+    <div
+      class="flex items-center font-mono"
+      :class="[compact ? 'gap-1 min-w-0 mr0' : 'gap-0.2 min-w-16 mr1', attached ? 'h-[22px]' : '']"
+    >
+      <div class="i-carbon:cursor-1 text-sm op50" :class="compact ? 'ml-1' : ''" />
       <template v-if="current >= 0 && current !== CLICKS_MAX && active">
-        <div flex-auto />
-        <span text-primary>{{ current }}</span>
-        <span op25 text-sm>/</span>
-        <span op50 text-sm>{{ total }}</span>
+        <div v-if="!compact" flex-auto />
+        <span>
+          <span text-primary>{{ current }}</span>
+          <span op25 text-sm>/</span>
+          <span op50 text-sm>{{ total }}</span>
+        </span>
       </template>
       <div
         v-else
-        op50 flex-auto pl1
+        op50
+        :class="compact ? '' : 'flex-auto pl1'"
       >
-        {{ total }}
+        <span
+          :class="compact ? 'inline-block text-center' : ''"
+          :style="compact ? { width: `${String(total).length * 2 + 1}ch`, marginLeft: '-0.25ch' } : undefined"
+        >{{ total }}</span>
       </div>
     </div>
     <div
-      relative flex-auto h5 font-mono flex="~"
+      ref="sliderEl"
+      relative flex-auto font-mono flex="~"
+      touch-none
+      :class="[attached ? 'h-[22px]' : 'h5', isReset ? 'op80' : '']"
+      @pointerdown.capture="onPointerDown"
+      @pointermove="onPointerMove"
+      @pointerup="pointerDown = undefined"
+      @pointercancel="pointerDown = undefined"
     >
       <div
         v-for="i of clicksRange" :key="i"
         border="y main" of-hidden relative
         :class="[
-          i === 0 ? 'rounded-l border-l' : '',
-          i === total ? 'rounded-r border-r' : '',
+          i === 0 ? 'border-l' : '',
+          i === 0 ? attached ? 'rounded-tl' : 'rounded-l' : '',
+          i === total ? 'border-r' : '',
+          i === total && +i !== +current ? attached ? 'rounded-tr' : 'rounded-r' : '',
+          attached ? 'border-b-0' : '',
         ]"
         :style="{ width: length > 0 ? `${1 / length * 100}%` : '100%' }"
       >
@@ -72,45 +148,20 @@ function onMousedown() {
           absolute inset-0
           :class="(i <= current && active) ? 'bg-primary op15' : ''"
         />
+        <div
+          v-if="+i === +current && active"
+          absolute inset-y-0 right-0 w-0.5 bg-primary z-1
+        />
         <div
           :class="[
-            (+i === +current && active) ? 'text-primary font-bold op100 border-primary' : 'op30 border-main',
-            i === 0 ? 'rounded-l' : '',
-            i === total ? 'rounded-r' : 'border-r-2',
+            (+i === +current && active) ? 'text-primary font-bold op100' : 'op30',
+            i !== total ? 'border-r-2 border-main' : '',
           ]"
           w-full h-full text-xs flex items-center justify-center z-1
         >
           {{ i }}
         </div>
       </div>
-      <input
-        v-model="current"
-        class="range"
-        type="range" :min="start" :max="total" :step="1"
-        absolute inset-0 z-label op0
-        :class="readonly ? 'pointer-events-none' : ''"
-        :style="{ '--thumb-width': `${1 / (length + 1) * 100}%` }"
-        @mousedown="onMousedown"
-        @focus="event => (event.currentTarget as HTMLElement)?.blur()"
-      >
     </div>
   </div>
 </template>
-
-<style scoped>
-.range {
-  -webkit-appearance: none;
-  appearance: none;
-  background: transparent;
-}
-.range::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  height: 100%;
-  width: var(--thumb-width, 0.5rem);
-}
-
-.range::-moz-range-thumb {
-  height: 100%;
-  width: var(--thumb-width, 0.5rem);
-}
-</style>

package/internals/CodeRunner.vue

@@ -22,12 +22,12 @@ const props = defineProps<{
 
 const emit = defineEmits(['update:modelValue'])
 
-const { isPrintMode } = useNav()
+const { isEmbedded, isPrintMode } = useNav()
 
 const code = useVModel(props, 'modelValue', emit)
 
 const { $renderContext, $clicksContext } = useSlideContext()
-const disabled = computed(() => !['slide', 'presenter'].includes($renderContext.value))
+const disabled = computed(() => !['slide', 'presenter'].includes($renderContext.value) && !($renderContext.value === 'overview' && isEmbedded.value))
 
 const autorun = isPrintMode.value ? 'once' : props.autorun
 const isRunning = ref(autorun)

package/internals/Goto.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import TitleRenderer from '#slidev/title-renderer'
 import Fuse from 'fuse.js'
 import { computed, ref, watch } from 'vue'
+import TitleRenderer from '#slidev/title-renderer'
 import { useNav } from '../composables/useNav'
 import { activeElement, showGotoDialog } from '../state'
 
@@ -136,7 +136,7 @@ watch(activeElement, () => {
       >
     </div>
     <div
-      v-if="result.length > 0"
+      v-if="showGotoDialog && result.length > 0"
       ref="list"
       class="autocomplete-list"
       shadow="~"

package/internals/NavControls.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import CustomNavControls from '#slidev/custom-nav-controls'
 import { computed, ref, shallowRef } from 'vue'
+import CustomNavControls from '#slidev/custom-nav-controls'
 import { useDrawings } from '../composables/useDrawings'
 import { useNav } from '../composables/useNav'
 import { configs } from '../env'

package/internals/NoteDisplay.vue

@@ -172,4 +172,9 @@ watchEffect(() => {
 .slidev-note :first-child {
   margin-top: 0;
 }
+
+.slidev-note {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
 </style>

package/internals/NoteEditable.vue

@@ -131,10 +131,9 @@ watch(
     v-else
     ref="inputEl"
     v-model="note"
-    class="prose dark:prose-invert resize-none overflow-auto outline-none bg-transparent block border-primary border-2"
-    style="line-height: 1.75;"
+    class="prose dark:prose-invert resize-none overflow-auto outline-none bg-transparent block border-primary border-2 slidev-note placeholder:op25"
     :style="[props.style, inputHeight != null ? { height: `${inputHeight}px` } : {}]"
-    :class="props.class"
+    :class="[props.class, note ? '' : 'italic']"
     :placeholder="placeholder"
     @keydown.esc="editing = false"
     @keydown="onKeyDown"

package/internals/PrintSlideClick.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { SlidevContextNav } from '../composables/useNav'
-import { GlobalBottom, GlobalTop } from '#slidev/global-layers'
 import { provideLocal } from '@vueuse/core'
 import { computed, reactive, shallowRef, useTemplateRef } from 'vue'
+import { GlobalBottom, GlobalTop } from '#slidev/global-layers'
 import { injectionSlideElement, injectionSlidevContext } from '../constants'
 import { configs, slideHeight, slideWidth } from '../env'
 import { getSlideClass } from '../utils'

package/internals/SideEditor.vue

@@ -3,6 +3,7 @@ import { throttledWatch, useEventListener } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
 import { useNav } from '../composables/useNav'
 import { useDynamicSlideInfo } from '../composables/useSlideInfo'
+import { parseSideEditorContent } from '../logic/sideEditor'
 import { activeElement, editorHeight, editorWidth, isInputting, showEditor, isEditorVertical as vertical } from '../state'
 import IconButton from './IconButton.vue'
 import ShikiEditor from './ShikiEditor.vue'
@@ -11,8 +12,6 @@ const props = defineProps<{
   resize?: boolean
 }>()
 
-const RE_FRONTMATTER_BLOCK = /^---\n([\s\S]*?)\n---\n/
-
 const { currentSlideNo, openInEditor } = useNav()
 
 const tab = ref<'content' | 'note'>('content')
@@ -38,11 +37,7 @@ watch(
 async function save() {
   dirty.value = false
 
-  let frontmatterRaw: string | undefined
-  const contentOnly = content.value.trim().replace(RE_FRONTMATTER_BLOCK, (_, f) => {
-    frontmatterRaw = f
-    return ''
-  })
+  const { content: contentOnly, frontmatterRaw } = parseSideEditorContent(content.value)
 
   await update({
     note: note.value || undefined,

package/internals/SlideWrapper.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ClicksContext, RenderContext, SlideRoute } from '@slidev/types'
 import type { CSSProperties, PropType } from 'vue'
-import { SlideBottom, SlideTop } from '#slidev/global-layers'
 import { provideLocal } from '@vueuse/core'
 import { computed, ref, toRef } from 'vue'
+import { SlideBottom, SlideTop } from '#slidev/global-layers'
 import { injectionClicksContext, injectionCurrentPage, injectionFrontmatter, injectionRenderContext, injectionRoute, injectionSlideZoom } from '../constants'
 import { configs } from '../env'
 import { getSlideClass } from '../utils'

package/internals/SlidesShow.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { SlideRoute } from '@slidev/types'
-import { GlobalBottom, GlobalTop } from '#slidev/global-layers'
 import { recomputeAllPoppers } from 'floating-vue'
 import { computed, shallowRef, TransitionGroup, watchEffect } from 'vue'
+import { GlobalBottom, GlobalTop } from '#slidev/global-layers'
 import { createFixedClicks } from '../composables/useClicks'
 import { useNav } from '../composables/useNav'
 import { usePreloadImages } from '../composables/usePreloadImages'

package/logic/sideEditor.ts

@@ -0,0 +1,14 @@
+const RE_FRONTMATTER_BLOCK = /^---\n([\s\S]*?)\n---(?:\n|$)/
+
+export function parseSideEditorContent(content: string) {
+  let frontmatterRaw: string | undefined
+  const contentOnly = content.trim().replace(RE_FRONTMATTER_BLOCK, (_, f) => {
+    frontmatterRaw = f
+    return ''
+  })
+
+  return {
+    content: contentOnly,
+    frontmatterRaw,
+  }
+}

package/logic/slides.ts

@@ -1,7 +1,7 @@
 import type { SlideRoute } from '@slidev/types'
-import { slides } from '#slidev/slides'
 import { tryOnMounted } from '@vueuse/core'
 import { computed, watch } from 'vue'
+import { slides } from '#slidev/slides'
 import { useSlideContext } from '../context'
 
 export { slides }
@@ -20,7 +20,8 @@ export function getSlidePath(
   if (typeof route === 'number' || typeof route === 'string')
     route = getSlide(route)!
   const no = route.meta.slide?.frontmatter.routeAlias ?? route.no
-  return exporting ? `/export/${no}` : presenter ? `/presenter/${no}` : `/${no}`
+  const path = exporting ? `export/${no}` : presenter ? `presenter/${no}` : `${no}`
+  return `${import.meta.env.BASE_URL}${path}`
 }
 
 export function useIsSlideActive() {

package/modules/mermaid.ts

@@ -1,7 +1,7 @@
-import mermaidRenderers from '#slidev/setups/mermaid-renderer'
 import { clearUndefined } from '@antfu/utils'
 import lz from 'lz-string'
 import mermaid from 'mermaid/dist/mermaid.esm.mjs'
+import mermaidRenderers from '#slidev/setups/mermaid-renderer'
 import { makeId } from '../logic/utils'
 import setupMermaid from '../setup/mermaid'
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "52.15.2",
+  "version": "52.16.0",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -30,44 +30,44 @@
   "dependencies": {
     "@antfu/utils": "^9.3.0",
     "@fix-webm-duration/fix": "^1.0.1",
-    "@iconify-json/carbon": "^1.2.20",
+    "@iconify-json/carbon": "^1.2.22",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
-    "@shikijs/engine-javascript": "^4.0.2",
-    "@shikijs/monaco": "^4.0.2",
-    "@shikijs/vitepress-twoslash": "^4.0.2",
+    "@shikijs/engine-javascript": "^4.2.0",
+    "@shikijs/magic-move": "^4.2.0",
+    "@shikijs/monaco": "^4.2.0",
+    "@shikijs/vitepress-twoslash": "^4.2.0",
     "@slidev/rough-notation": "^0.1.0",
     "@typescript/ata": "^0.9.8",
-    "@unhead/vue": "^2.1.13",
-    "@unocss/extractor-mdc": "^66.6.8",
-    "@unocss/preset-mini": "^66.6.8",
-    "@unocss/reset": "^66.6.8",
-    "@vueuse/core": "^14.2.1",
-    "@vueuse/math": "^14.2.1",
+    "@unhead/vue": "^3.1.1",
+    "@unocss/extractor-mdc": "^66.7.0",
+    "@unocss/preset-mini": "^66.7.0",
+    "@unocss/reset": "^66.7.0",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/math": "^14.3.0",
     "@vueuse/motion": "^3.0.3",
-    "ansis": "^4.2.0",
+    "ansis": "^4.3.1",
     "drauu": "^1.0.0",
     "file-saver": "^2.0.5",
     "floating-vue": "^5.2.2",
-    "fuse.js": "^7.3.0",
-    "katex": "^0.16.45",
+    "fuse.js": "^7.4.1",
+    "katex": "^0.17.0",
     "lz-string": "^1.5.0",
-    "mermaid": "^11.14.0",
+    "mermaid": "^11.15.0",
     "monaco-editor": "^0.55.1",
     "nanotar": "^0.3.0",
     "pptxgenjs": "^4.0.1",
     "recordrtc": "^5.6.2",
-    "shiki": "^4.0.2",
-    "shiki-magic-move": "^1.3.0",
-    "typescript": "^5.9.3",
-    "unocss": "^66.6.8",
-    "vue": "^3.5.33",
-    "vue-router": "^5.0.6",
-    "yaml": "^2.8.3",
-    "@slidev/types": "52.15.2",
-    "@slidev/parser": "52.15.2"
+    "shiki": "^4.2.0",
+    "typescript": "^6.0.3",
+    "unocss": "^66.7.0",
+    "vue": "^3.5.35",
+    "vue-router": "^5.1.0",
+    "yaml": "^2.9.0",
+    "@slidev/parser": "52.16.0",
+    "@slidev/types": "52.16.0"
   },
   "devDependencies": {
-    "vite": "^8.0.10"
+    "vite": "^8.0.16"
   }
 }