@slidev/client 53.0.0 → 53.1.0

package/builtin/CodeBlockWrapper.vue

@@ -72,10 +72,14 @@ onMounted(() => {
   const clicksInfo = clicks.calculateSince(props.at, props.ranges.length - 1)
   clicks.register(id, clicksInfo)
 
-  const index = computed(() => clicksInfo ? Math.max(0, clicks.current - clicksInfo.start + 1) : CLICKS_MAX)
+  const index = computed(() => clicksInfo
+    ? Math.max(0, clicks.current - clicksInfo.start + 1)
+    : CLICKS_MAX)
 
   const finallyRange = computed(() => {
-    return props.finally === 'last' ? props.ranges.at(-1) : props.finally.toString()
+    return props.finally === 'last'
+      ? props.ranges.at(-1)
+      : props.finally.toString()
   })
 
   let hiddenByRange = false

package/builtin/KaTexBlockWrapper.test.ts

@@ -22,8 +22,12 @@ describe('collectKatexEquationLines', () => {
     const rowB2 = fakeElement()
     const nestedRow = fakeElement()
 
-    const outerLeftParent = fakeElement({ children: [rowA1, rowA2] })
-    const outerRightParent = fakeElement({ children: [rowB1, rowB2] })
+    const outerLeftParent = fakeElement({
+      children: [rowA1, rowA2],
+    })
+    const outerRightParent = fakeElement({
+      children: [rowB1, rowB2],
+    })
     const nestedParent = fakeElement({
       parent: fakeElement({ closest: outerLeftParent }),
       children: [nestedRow],

package/builtin/KaTexBlockWrapper.vue

@@ -62,10 +62,14 @@ onMounted(() => {
   const clicksInfo = clicks.calculateSince(props.at, props.ranges.length - 1)
   clicks.register(id, clicksInfo)
 
-  const index = computed(() => clicksInfo ? Math.max(0, clicks.current - clicksInfo.start + 1) : CLICKS_MAX)
+  const index = computed(() => clicksInfo
+    ? Math.max(0, clicks.current - clicksInfo.start + 1)
+    : CLICKS_MAX)
 
   const finallyRange = computed(() => {
-    return props.finally === 'last' ? props.ranges.at(-1) : props.finally.toString()
+    return props.finally === 'last'
+      ? props.ranges.at(-1)
+      : props.finally.toString()
   })
 
   let hiddenByRange = false

package/builtin/Mermaid.vue

@@ -62,7 +62,9 @@ watchEffect(() => {
   const svgEl = el.value?.children?.[0] as SVGElement | undefined
   if (svgEl && svgEl.hasAttribute('viewBox') && actualHeight.value == null) {
     const v = Number.parseFloat(svgEl.getAttribute('viewBox')?.split(' ')[3] || '')
-    actualHeight.value = Number.isNaN(v) ? undefined : v
+    actualHeight.value = Number.isNaN(v)
+      ? undefined
+      : v
   }
 }, { flush: 'post' })
 

package/builtin/RenderWhen.vue

@@ -15,13 +15,19 @@ const target = ref(null)
 const targetVisible = useElementVisibility(target)
 
 // When context has `visible`, we need to wrap the content with a div to track the visibility
-const needsDomWrapper = Array.isArray(context) ? context.includes('visible') : context === 'visible'
+const needsDomWrapper = Array.isArray(context)
+  ? context.includes('visible')
+  : context === 'visible'
 
 const { $renderContext: currentContext } = useSlideContext()
 const { isPrintMode } = useNav()
 const shouldRender = computed(() => {
-  const anyContext = Array.isArray(context) ? context.some(contextMatch) : contextMatch(context)
-  const allConditions = Array.isArray(context) ? context.every(conditionsMatch) : conditionsMatch(context)
+  const anyContext = Array.isArray(context)
+    ? context.some(contextMatch)
+    : contextMatch(context)
+  const allConditions = Array.isArray(context)
+    ? context.every(conditionsMatch)
+    : conditionsMatch(context)
   return anyContext && allConditions
 })
 

package/builtin/ShikiMagicMove.vue

@@ -79,7 +79,9 @@ function copyCode() {
 }
 
 // Normalized the ranges, to at least have one range
-const ranges = computed(() => props.stepRanges.map(i => i.length ? i : ['all']))
+const ranges = computed(() => props.stepRanges.map(i => i.length
+  ? i
+  : ['all']))
 
 onUnmounted(() => {
   clicks?.unregister(id)
@@ -101,7 +103,9 @@ onMounted(() => {
     () => clicks.current,
     () => {
       // Calculate the step and rangeStr based on the current click count
-      const clickCount = clickInfo ? clicks.current - clickInfo.start : CLICKS_MAX
+      const clickCount = clickInfo
+        ? clicks.current - clickInfo.start
+        : CLICKS_MAX
       let step = steps.length - 1
       let currentClickSum = 0
       let rangeStr = 'all'

package/builtin/Toc.vue

@@ -42,7 +42,9 @@ function filterTreeDepth(tree: TocItem[], level = 1): TocItem[] {
   }
   else if (level < Number(props.minDepth)) {
     const activeItem = tree.find((item: TocItem) => item.active || item.activeParent)
-    return activeItem ? filterTreeDepth(activeItem.children, level + 1) : []
+    return activeItem
+      ? filterTreeDepth(activeItem.children, level + 1)
+      : []
   }
   return tree
     .map((item: TocItem) => ({

package/builtin/VAfter.ts

@@ -13,7 +13,9 @@ export default defineComponent({
     const after = resolveDirective('after')!
 
     function applyDirective(node: VNode, directive: Directive) {
-      return withDirectives(node, [[directive]])
+      return withDirectives(node, [
+        [directive],
+      ])
     }
 
     let defaults = this.$slots.default?.()

package/builtin/VClicks.ts

@@ -76,12 +76,14 @@ export default defineComponent({
       if (this.fade)
         modifiers.fade = true
 
-      return withDirectives(node, [[
-        click,
-        value,
-        '',
-        modifiers,
-      ]])
+      return withDirectives(node, [
+        [
+          click,
+          value,
+          '',
+          modifiers,
+        ],
+      ])
     }
 
     const openAllTopLevelSlots = <T extends VNodeArrayChildren | VNode[]>(children: T): T => {
@@ -130,7 +132,9 @@ export default defineComponent({
         return applyDirective(
           vNode,
           isRelative
-            ? delta >= 0 ? `+${delta}` : `${delta}`
+            ? delta >= 0
+              ? `+${delta}`
+              : `${delta}`
             : thisShowIdx,
         )
       })
@@ -143,24 +147,37 @@ export default defineComponent({
 
     if (this.handleSpecialElements) {
       // handle ul, ol list
-      if (elements.length === 1 && listTags.includes(elements[0].type as string) && Array.isArray(elements[0].children))
-        return h(elements[0], {}, [...mapChildren(elements[0].children), lastGap()])
+      if (elements.length === 1 && listTags.includes(elements[0].type as string) && Array.isArray(elements[0].children)) {
+        return h(elements[0], {}, [
+          ...mapChildren(elements[0].children),
+          lastGap(),
+        ])
+      }
 
       if (elements.length === 1 && elements[0].type as string === 'table') {
         const tableNode = elements[0]
         if (Array.isArray(tableNode.children)) {
           return h(tableNode, {}, tableNode.children.map((i) => {
-            if (!isVNode(i))
+            if (!isVNode(i)) {
               return i
-            else if (i.type === 'tbody' && Array.isArray(i.children))
-              return h(i, {}, [...mapChildren(i.children), lastGap()])
-            else
+            }
+            else if (i.type === 'tbody' && Array.isArray(i.children)) {
+              return h(i, {}, [
+                ...mapChildren(i.children),
+                lastGap(),
+              ])
+            }
+            else {
               return h(i)
+            }
           }))
         }
       }
     }
 
-    return [...mapChildren(elements), lastGap()]
+    return [
+      ...mapChildren(elements),
+      lastGap(),
+    ]
   },
 })

package/builtin/VSwitch.ts

@@ -41,13 +41,18 @@ export default defineComponent({
     for (const [range, slot] of slotEntries) {
       const elRef = ref<HTMLElement>()
       if (Number.isFinite(+range)) {
-        contents.push([+range, lastStart ?? +range + 1, slot, elRef])
+        contents.push([
+          +range,
+          lastStart ?? +range + 1,
+          slot,
+          elRef,
+        ])
         lastStart = +range
       }
       else {
         const [start, end] = range.split('-').map(Number)
         if (!Number.isFinite(start) || !Number.isFinite(end))
-          throw new Error(`Invalid range for v-switch: ${range}`)
+          throw new TypeError(`Invalid range for v-switch: ${range}`)
         contents.push([start, end, slot, elRef])
         lastStart = start
       }
@@ -107,7 +112,9 @@ export default defineComponent({
         }, slot?.()))
       }
       return transitionProps
-        ? h(TransitionGroup, hmrSkipTransition.value ? {} : transitionProps, () => children)
+        ? h(TransitionGroup, hmrSkipTransition.value
+            ? {}
+            : transitionProps, () => children)
         : h(tag, children)
     }
   },

package/composables/useClicks.ts

@@ -23,8 +23,12 @@ export function normalizeSingleAtValue(at: RawSingleAtValue): NormalizedSingleCl
 }
 
 export function normalizeRangeAtValue(at: RawAtValue): NormalizedRangeClickValue {
-  if (Array.isArray(at))
-    return [normalizeSingleAtValue(at[0])!, normalizeSingleAtValue(at[1])!]
+  if (Array.isArray(at)) {
+    return [
+      normalizeSingleAtValue(at[0])!,
+      normalizeSingleAtValue(at[1])!,
+    ]
+  }
   return null
 }
 

package/composables/useDragElements.ts

@@ -160,7 +160,9 @@ export function useDragElement(directive: DirectiveBinding | null, posRaw?: stri
   const width = ref(pos[2])
   const x0 = ref(pos[0] + pos[2] / 2)
 
-  const rotate = ref(isArrow ? 0 : (pos[4] ?? 0))
+  const rotate = ref(isArrow
+    ? 0
+    : (pos[4] ?? 0))
   const rotateRad = computed(() => rotate.value * Math.PI / 180)
   const rotateSin = computed(() => Math.sin(rotateRad.value))
   const rotateCos = computed(() => Math.cos(rotateRad.value))
@@ -189,7 +191,9 @@ export function useDragElement(directive: DirectiveBinding | null, posRaw?: stri
         set: v => !autoHeight && (configuredHeight.value = v),
       })
     : configuredHeight
-  const configuredY0 = autoHeight ? ref(pos[1]) : ref(pos[1] + pos[3] / 2)
+  const configuredY0 = autoHeight
+    ? ref(pos[1])
+    : ref(pos[1] + pos[3] / 2)
   const y0 = autoHeight
     ? computed({
         get: () => configuredY0.value + height.value / 2,
@@ -205,7 +209,9 @@ export function useDragElement(directive: DirectiveBinding | null, posRaw?: stri
         left: `${x0.value - width.value / 2}px`,
         top: `${y0.value - height.value / 2}px`,
         width: `${width.value}px`,
-        height: autoHeight ? undefined : `${height.value}px`,
+        height: autoHeight
+          ? undefined
+          : `${height.value}px`,
         transformOrigin: 'center center',
         transform: `rotate(${rotate.value}deg)`,
       } satisfies CSSProperties
@@ -220,10 +226,14 @@ export function useDragElement(directive: DirectiveBinding | null, posRaw?: stri
       [x0, y0, width, height, rotate],
       ([x0, y0, w, h, r]) => {
         let posStr = [x0 - w / 2, y0 - h / 2, w].map(Math.round).join()
-        if (autoHeight)
-          posStr += dataSource === 'directive' ? ',NaN' : ',_'
-        else
+        if (autoHeight) {
+          posStr += dataSource === 'directive'
+            ? ',NaN'
+            : ',_'
+        }
+        else {
           posStr += `,${Math.round(h)}`
+        }
         if (Math.round(r) !== 0)
           posStr += `,${Math.round(r)}`
 

package/composables/useDrawings.ts

@@ -58,7 +58,9 @@ export const useDrawings = createSharedComposable(() => {
 
   const drauuOptions: DrauuOptions = reactive({
     brush,
-    acceptsInputTypes: computed(() => (drawingEnabled.value && (!configs.drawings.presenterOnly || isPresenter.value)) ? undefined : ['pen' as const]),
+    acceptsInputTypes: computed(() => (drawingEnabled.value && (!configs.drawings.presenterOnly || isPresenter.value))
+      ? undefined
+      : ['pen' as const]),
     coordinateTransform: false,
   })
 

package/composables/useEmbeddedCtrl.ts

@@ -31,7 +31,13 @@ export function useEmbeddedControl() {
 
   if (nav.isEmbedded.value) {
     throttledWatch(
-      [nav.currentSlideNo, nav.clicks, nav.hasNext, nav.hasPrev, nav.hasPrimarySlide],
+      [
+        nav.currentSlideNo,
+        nav.clicks,
+        nav.hasNext,
+        nav.hasPrev,
+        nav.hasPrimarySlide,
+      ],
       ([no, clicks, hasNext, hasPrev, hasPrimarySlide]) => {
         if (!hasPrimarySlide)
           return

package/composables/useNav.test.ts

@@ -14,13 +14,17 @@ vi.mock('#slidev/slides', async () => {
       {
         no: 1,
         meta: {
-          slide: { frontmatter: { title: 'First' } },
+          slide: {
+            frontmatter: { title: 'First' },
+          },
         },
       },
       {
         no: 2,
         meta: {
-          slide: { frontmatter: { title: 'Second' } },
+          slide: {
+            frontmatter: { title: 'Second' },
+          },
         },
       },
     ]),
@@ -37,7 +41,9 @@ vi.mock('../env', async () => {
 
 vi.mock('../state', async () => {
   const { ref } = await import('vue')
-  return { hmrSkipTransition: ref(false) }
+  return {
+    hmrSkipTransition: ref(false),
+  }
 })
 
 vi.mock('vue-router', async () => {

package/composables/useNav.ts

@@ -105,7 +105,9 @@ export function useNavBase(
 
   const currentPath = computed(() => getSlidePath(currentSlideRoute.value, isPresenter.value))
   const currentSlideNo = computed(() => currentSlideRoute.value.no)
-  const currentLayout = computed(() => currentSlideRoute.value.meta?.layout || (currentSlideNo.value === 1 ? 'cover' : 'default'))
+  const currentLayout = computed(() => currentSlideRoute.value.meta?.layout || (currentSlideNo.value === 1
+    ? 'cover'
+    : 'default'))
   const currentFrontmatter = computed(() => currentSlideRoute.value.meta.slide.frontmatter)
 
   const clicks = computed(() => clicksContext.value.current)
@@ -116,7 +118,9 @@ export function useNavBase(
   const hasNext = computed(() => currentSlideNo.value < slides.value.length || clicks.value < clicksTotal.value)
   const hasPrev = computed(() => currentSlideNo.value > 1 || clicks.value > 0)
 
-  const currentTransition = computed(() => isPrint.value ? undefined : getCurrentTransition(navDirection.value, currentSlideRoute.value, prevRoute.value))
+  const currentTransition = computed(() => isPrint.value
+    ? undefined
+    : getCurrentTransition(navDirection.value, currentSlideRoute.value, prevRoute.value))
 
   watch(currentSlideRoute, (next, prev) => {
     navDirection.value = next.no - prev.no
@@ -162,7 +166,9 @@ export function useNavBase(
     if (currentSlideNo.value < slides.value.length) {
       await go(
         currentSlideNo.value + 1,
-        lastClicks && !isPrint.value ? CLICKS_MAX : undefined,
+        lastClicks && !isPrint.value
+          ? CLICKS_MAX
+          : undefined,
       )
     }
   }
@@ -172,7 +178,9 @@ export function useNavBase(
     if (currentSlideNo.value > 1) {
       await go(
         currentSlideNo.value - 1,
-        lastClicks && !isPrint.value ? CLICKS_MAX : undefined,
+        lastClicks && !isPrint.value
+          ? CLICKS_MAX
+          : undefined,
       )
     }
   }
@@ -197,8 +205,12 @@ export function useNavBase(
         path: getSlidePath(no, isPresenter.value, router.currentRoute.value.name === 'export'),
         query: {
           ...router.currentRoute.value.query,
-          clicks: clicks === 0 ? undefined : clicks.toString(),
-          embedded: location.search.includes('embedded') ? 'true' : undefined,
+          clicks: clicks === 0
+            ? undefined
+            : clicks.toString(),
+          embedded: location.search.includes('embedded')
+            ? 'true'
+            : undefined,
         },
       })
     }
@@ -291,7 +303,9 @@ const useNavState = createSharedComposable((): SlidevContextNavState => {
   const isNotesViewer = computed(() => currentRoute.name === 'notes')
   const isPresenterAvailable = computed(() => !isPresenter.value && (!configs.remote || query.value.get('password') === configs.remote))
   const hasPrimarySlide = computed(() => !!currentRoute.params.no)
-  const currentSlideNo = computed(() => hasPrimarySlide.value ? getSlide(currentRoute.params.no as string)?.no ?? 1 : 1)
+  const currentSlideNo = computed(() => hasPrimarySlide.value
+    ? getSlide(currentRoute.params.no as string)?.no ?? 1
+    : 1)
   const currentSlideRoute = computed(() => slides.value[currentSlideNo.value - 1])
   const printRange = ref(parseRangeString(slides.value.length, currentRoute?.query?.range as string | undefined))
 

package/composables/usePreloadImages.ts

@@ -11,7 +11,9 @@ function resolveUrl(url: string): string {
   if (url.startsWith('http') || url.startsWith('//'))
     return url
   const base = (import.meta.env.BASE_URL || '/').replace(RE_TRAILING_SLASH, '')
-  return `${base}${url.startsWith('/') ? url : `/${url}`}`
+  return `${base}${url.startsWith('/')
+    ? url
+    : `/${url}`}`
 }
 
 const RETRY_LIMIT = 2
@@ -25,7 +27,9 @@ const totalImagesCount = ref(0)
  * image in the deck has loaded, or when the deck has no images).
  */
 export const preloadProgress = computed(() =>
-  totalImagesCount.value === 0 ? 1 : preloadedCount.value / totalImagesCount.value,
+  totalImagesCount.value === 0
+    ? 1
+    : preloadedCount.value / totalImagesCount.value,
 )
 
 /** Whether all preloadable slide images have finished loading. */

package/composables/useSlideInfo.ts

@@ -41,8 +41,12 @@ export function useSlideInfo(no: number): UseSlideInfo {
         info.value = payload.data
     })
     import.meta.hot?.on('slidev:update-note', (payload) => {
-      if (payload.no === no && info.value && info.value.note?.trim() !== payload.note?.trim())
-        info.value = { ...info.value, ...payload }
+      if (payload.no === no && info.value && info.value.note?.trim() !== payload.note?.trim()) {
+        info.value = {
+          ...info.value,
+          ...payload,
+        }
+      }
     })
   }
 

package/composables/useViewTransition.ts

@@ -17,8 +17,14 @@ export function useViewTransition() {
     const toMeta = getSlide(to.params.no as string)?.meta
     const fromNo = fromMeta?.slide?.no
     const toNo = toMeta?.slide?.no
+    // Navigating within the same slide (only `clicks` changed): keep the current mode.
+    // Resetting it swaps the wrapper in SlidesShow and remounts every slide.
+    if (fromNo != null && fromNo === toNo)
+      return
     const transitionType = fromNo != null && toNo != null && fromNo !== toNo
-      && ((fromNo < toNo ? fromMeta?.transition : toMeta?.transition) ?? configs.transition)
+      && ((fromNo < toNo
+        ? fromMeta?.transition
+        : toMeta?.transition) ?? configs.transition)
     if (transitionType !== 'view-transition') {
       isViewTransition.value = false
       return

package/context.ts

@@ -52,7 +52,9 @@ export type SlideContext = ReturnType<typeof useSlideContext>
  */
 export function frontmatterToProps(frontmatter: Record<string, any>, pageNo: number) {
   return {
-    ...objectOmit(frontmatter, pageNo === 0 ? HEADMATTER_FIELDS : FRONTMATTER_FIELDS),
+    ...objectOmit(frontmatter, pageNo === 0
+      ? HEADMATTER_FIELDS
+      : FRONTMATTER_FIELDS),
     frontmatter,
   }
 }

package/env.ts

@@ -4,7 +4,9 @@ import configs from '#slidev/configs'
 
 export { configs }
 
-export const mode = import.meta.env.DEV ? 'dev' : 'build'
+export const mode = import.meta.env.DEV
+  ? 'dev'
+  : 'build'
 
 export const slideAspect = computed(() => configs.aspectRatio)
 export const slideWidth = computed(() => configs.canvasWidth)

package/internals/ClicksSlider.vue

@@ -27,7 +27,9 @@ const current = computed({
   get() {
     if (props.resettable && !props.active)
       return -1
-    return props.clicksContext.current > total.value ? -1 : props.clicksContext.current
+    return props.clicksContext.current > total.value
+      ? -1
+      : props.clicksContext.current
   },
   set(value: number) {
     if (props.resettable && value < 0) {
@@ -65,7 +67,9 @@ function setCurrentFromPointer(event: PointerEvent, snap: boolean) {
   // 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
+  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)

package/internals/DragControl.vue

@@ -138,7 +138,10 @@ function getCornerProps(isLeft: boolean, isTop: boolean) {
           return { w, h }
         }
         else {
-          return { w: Math.max(w1, minSize), h: Math.max(h1, minSize) }
+          return {
+            w: Math.max(w1, minSize),
+            h: Math.max(h1, minSize),
+          }
         }
       }
 
@@ -209,11 +212,23 @@ function getCornerProps(isLeft: boolean, isTop: boolean) {
       width: `${ctrlSize}px`,
       height: `${ctrlSize}px`,
       margin: `-${ctrlSize / 2}px`,
-      left: isLeft !== arrowRevX.value ? '0' : undefined,
-      right: isLeft !== arrowRevX.value ? undefined : '0',
-      top: isTop !== arrowRevY.value ? '0' : undefined,
-      bottom: isTop !== arrowRevY.value ? undefined : '0',
-      cursor: isArrow ? 'move' : +isLeft + +isTop === 1 ? 'nesw-resize' : 'nwse-resize',
+      left: isLeft !== arrowRevX.value
+        ? '0'
+        : undefined,
+      right: isLeft !== arrowRevX.value
+        ? undefined
+        : '0',
+      top: isTop !== arrowRevY.value
+        ? '0'
+        : undefined,
+      bottom: isTop !== arrowRevY.value
+        ? undefined
+        : '0',
+      cursor: isArrow
+        ? 'move'
+        : +isLeft + +isTop === 1
+            ? 'nesw-resize'
+            : 'nwse-resize',
       borderRadius: isArrow ? '50%' : undefined,
     },
     class: ctrlClasses,
@@ -269,9 +284,19 @@ function getBorderProps(dir: 'l' | 'r' | 't' | 'b') {
       width: `${ctrlSize}px`,
       height: `${ctrlSize}px`,
       margin: `-${ctrlSize / 2}px`,
-      left: dir === 'l' ? '0' : dir === 'r' ? `100%` : `50%`,
-      top: dir === 't' ? '0' : dir === 'b' ? `100%` : `50%`,
-      cursor: 'lr'.includes(dir) ? 'ew-resize' : 'ns-resize',
+      left: dir === 'l'
+        ? '0'
+        : dir === 'r'
+          ? `100%`
+          : `50%`,
+      top: dir === 't'
+        ? '0'
+        : dir === 'b'
+          ? `100%`
+          : `50%`,
+      cursor: 'lr'.includes(dir)
+        ? 'ew-resize'
+        : 'ns-resize',
       borderRadius: '50%',
     },
     class: ctrlClasses,

package/internals/Goto.vue

@@ -25,8 +25,12 @@ const fuse = computed(() => new Fuse(slides.value.map(i => i.meta?.slide).filter
   minMatchCharLength: 1,
 }))
 
-const path = computed(() => text.value.startsWith('/') ? text.value.substring(1) : text.value)
-const result = computed(() => path.value ? fuse.value.search(path.value).map(result => result.item) : [])
+const path = computed(() => text.value.startsWith('/')
+  ? text.value.substring(1)
+  : text.value)
+const result = computed(() => path.value
+  ? fuse.value.search(path.value).map(result => result.item)
+  : [])
 const valid = computed(() => !!result.value.length)
 
 function goTo() {

package/internals/NoteDisplay.vue

@@ -46,8 +46,11 @@ function processNote() {
     let n = marker
     let p = marker.parentElement
     while (p && n !== noteDisplay.value) {
-      if (!parentsMap.has(p))
-        parentsMap.set(p, [[null, lastClicks]])
+      if (!parentsMap.has(p)) {
+        parentsMap.set(p, [
+          [null, lastClicks],
+        ])
+      }
       parentsMap.get(p)!.push([n, clicks])
       n = p
       p = p.parentElement

package/internals/NoteStatic.vue

@@ -7,6 +7,7 @@ const props = defineProps<{
   no: number
   class?: string
   clicksContext?: ClicksContext
+  autoScroll?: boolean
 }>()
 
 const { info } = useSlideInfo(props.no)
@@ -18,5 +19,6 @@ const { info } = useSlideInfo(props.no)
     :note="info?.note"
     :note-html="info?.noteHTML"
     :clicks-context="clicksContext"
+    :auto-scroll="autoScroll"
   />
 </template>

package/internals/ShadowRoot.vue

@@ -10,7 +10,9 @@ const emit = defineEmits<{
 }>()
 
 const el = ref<HTMLDivElement>()
-const shadow = computed(() => el.value ? (el.value.shadowRoot || el.value.attachShadow({ mode: 'open' })) : null)
+const shadow = computed(() => el.value
+  ? (el.value.shadowRoot || el.value.attachShadow({ mode: 'open' }))
+  : null)
 watchEffect(() => {
   if (shadow.value && props.innerHtml) {
     emit('shadow', shadow.value)