@slidev/client 51.2.1 → 51.3.0

package/builtin/VClicks.ts

@@ -43,9 +43,11 @@ export default defineComponent({
     const every = +this.every
     const at = normalizeSingleAtValue(this.at)
     const isRelative = typeof at === 'string'
-    if (!at) {
-      console.warn('[slidev] Invalid at prop for v-clicks component:', at)
-      return
+
+    let elements = this.$slots.default?.()
+
+    if (at == null || !elements) {
+      return elements
     }
 
     const click = resolveDirective('click')!
@@ -71,11 +73,6 @@ export default defineComponent({
       }) as T
     }
 
-    let elements = this.$slots.default?.()
-
-    if (!elements)
-      return
-
     elements = openAllTopLevelSlots(toArray(elements))
 
     const mapSubList = (children: VNodeArrayChildren, depth = 1): VNodeArrayChildren => {

package/composables/useClicks.ts

@@ -165,7 +165,7 @@ export function createFixedClicks(
 ): ClicksContext {
   const clicksStart = route?.meta.slide?.frontmatter.clicksStart ?? 0
   return createClicksContextBase(
-    ref(Math.max(toValue(currentInit), clicksStart)),
+    computed(() => Math.max(toValue(currentInit), clicksStart)),
     clicksStart,
     route?.meta?.clicks,
   )

package/composables/useHideCursorIdle.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue'
 import { useEventListener } from '@vueuse/core'
-import { computed, watch } from 'vue'
+import { computed, onScopeDispose, watch } from 'vue'
 import { hideCursorIdle } from '../state'
 
 const TIMEOUT = 2000
@@ -17,8 +17,6 @@ export function useHideCursorIdle(
     document.body.style.cursor = ''
   }
 
-  let timer: ReturnType<typeof setTimeout> | null = null
-
   // If disabled, immediately show the cursor
   watch(
     shouldHide,
@@ -27,7 +25,9 @@ export function useHideCursorIdle(
         show()
     },
   )
+  onScopeDispose(show)
 
+  let timer: ReturnType<typeof setTimeout> | null = null
   useEventListener(
     document.body,
     ['pointermove', 'pointerdown'],
@@ -35,9 +35,12 @@ export function useHideCursorIdle(
       show()
       if (timer)
         clearTimeout(timer)
-      if (!shouldHide.value)
-        return
-      timer = setTimeout(hide, TIMEOUT)
+      if (shouldHide.value) {
+        timer = setTimeout(hide, TIMEOUT)
+      }
+      else {
+        timer = null
+      }
     },
     { passive: true },
   )

package/internals/SlideContainer.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { provideLocal, useElementSize, useStyleTag } from '@vueuse/core'
-import { computed, ref } from 'vue'
+import { provideLocal, useElementSize } from '@vueuse/core'
+import { computed, onUnmounted, ref, watchEffect } from 'vue'
 import { useNav } from '../composables/useNav'
 import { injectionSlideElement, injectionSlideScale } from '../constants'
 import { slideAspect, slideHeight, slideWidth } from '../env'
@@ -64,8 +64,11 @@ const containerStyle = computed(() => props.width
   : {},
 )
 
-if (props.isMain)
-  useStyleTag(computed(() => `:root { --slidev-slide-scale: ${scale.value}; }`))
+if (props.isMain) {
+  const rootStyle = document.documentElement.style
+  watchEffect(() => rootStyle.setProperty('--slidev-slide-scale', scale.value.toString()))
+  onUnmounted(() => rootStyle.removeProperty('--slidev-slide-scale'))
+}
 
 provideLocal(injectionSlideScale, scale)
 provideLocal(injectionSlideElement, slideElement)

package/internals/SlidesShow.vue

@@ -87,7 +87,6 @@ function onAfterLeave() {
   >
     <template v-for="route of loadedRoutes" :key="route.no">
       <SlideWrapper
-        v-if="Math.abs(route.no - currentSlideRoute.no) <= 20"
         v-show="route === currentSlideRoute"
         :clicks-context="isPrintMode && !isPrintWithClicks ? createFixedClicks(route, CLICKS_MAX) : getPrimaryClicks(route)"
         :route="route"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "51.2.1",
+  "version": "51.3.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -52,7 +52,7 @@
     "monaco-editor": "0.51.0",
     "nanotar": "^0.2.0",
     "pptxgenjs": "^3.12.0",
-    "prettier": "^3.5.1",
+    "prettier": "^3.5.2",
     "recordrtc": "^5.6.2",
     "shiki": "^3.0.0",
     "shiki-magic-move": "^1.0.1",
@@ -61,10 +61,10 @@
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
     "yaml": "^2.7.0",
-    "@slidev/parser": "51.2.1",
-    "@slidev/types": "51.2.1"
+    "@slidev/parser": "51.3.0",
+    "@slidev/types": "51.3.0"
   },
   "devDependencies": {
-    "vite": "^6.1.0"
+    "vite": "^6.1.1"
   }
 }

package/pages/play.vue

@@ -15,7 +15,7 @@ import { onContextMenu } from '../logic/contextMenu'
 import { registerShortcuts } from '../logic/shortcuts'
 import { editorHeight, editorWidth, isEditorVertical, isScreenVertical, showEditor, viewerCssFilter, viewerCssFilterDefaults } from '../state'
 
-const { next, prev, isPrintMode, isPresenter } = useNav()
+const { next, prev, isPrintMode, isPlaying, isEmbedded } = useNav()
 const { isDrawing } = useDrawings()
 
 const root = ref<HTMLDivElement>()
@@ -36,7 +36,7 @@ useSwipeControls(root)
 registerShortcuts()
 if (__SLIDEV_FEATURE_WAKE_LOCK__)
   useWakeLock()
-useHideCursorIdle(computed(() => !isPresenter.value && !isPrintMode.value))
+useHideCursorIdle(computed(() => isPlaying.value && !isEmbedded.value && !showEditor.value))
 
 if (import.meta.hot) {
   useStyleTag(computed(() => showEditor.value

package/setup/routes.ts

@@ -25,11 +25,13 @@ export default function setupRoutes() {
         name: 'entry',
         path: '/entry',
         component: () => import('../pages/entry.vue'),
+        beforeEnter: passwordGuard,
       },
       {
         name: 'overview',
         path: '/overview',
         component: () => import('../pages/overview.vue'),
+        beforeEnter: passwordGuard,
       },
       {
         name: 'notes',
@@ -56,10 +58,12 @@ export default function setupRoutes() {
         name: 'print',
         path: '/print',
         component: () => import('../pages/print.vue'),
+        beforeEnter: passwordGuard,
       },
       {
         path: '/presenter/print',
         component: () => import('../pages/presenter/print.vue'),
+        beforeEnter: passwordGuard,
       },
     )
   }