@slidev/client 0.43.4 → 0.43.5

package/composables/hmr.ts

@@ -0,0 +1,3 @@
+import { ref } from 'vue'
+
+export const skipTransition = ref(false)

package/internals/SlidesShow.vue

@@ -3,6 +3,7 @@ import { TransitionGroup, computed, shallowRef, watch } from 'vue'
 import { clicks, currentRoute, isPresenter, nextRoute, rawRoutes, router, transition } from '../logic/nav'
 import { getSlideClass } from '../utils'
 import { useViewTransition } from '../composables/useViewTransition'
+import { skipTransition } from '../composables/hmr'
 import SlideWrapper from './SlideWrapper'
 
 // @ts-expect-error virtual module
@@ -37,6 +38,12 @@ if (__SLIDEV_FEATURE_DRAWINGS__ || __SLIDEV_FEATURE_DRAWINGS_PERSIST__)
   import('./DrawingLayer.vue').then(v => DrawingLayer.value = v.default)
 
 const loadedRoutes = computed(() => rawRoutes.filter(r => r.meta?.__preloaded || r === currentRoute.value))
+
+function onAfterLeave() {
+  // After transition, we disable it so HMR won't trigger it again
+  // We will turn it back on `nav.go` so the normal navigation would still work
+  skipTransition.value = true
+}
 </script>
 
 <template>
@@ -46,8 +53,10 @@ const loadedRoutes = computed(() => rawRoutes.filter(r => r.meta?.__preloaded ||
   <!-- Slides -->
   <component
     :is="hasViewTransition ? 'div' : TransitionGroup"
-    v-bind="transition"
-    id="slideshow" tag="div"
+    v-bind="skipTransition ? {} : transition"
+    id="slideshow"
+    tag="div"
+    @after-leave="onAfterLeave"
   >
     <template v-for="route of loadedRoutes" :key="route.path">
       <SlideWrapper

package/logic/nav.ts

@@ -5,6 +5,7 @@ import type { TocItem } from '@slidev/types'
 import { timestamp, usePointerSwipe } from '@vueuse/core'
 import { rawRoutes, router } from '../routes'
 import { configs } from '../env'
+import { skipTransition } from '../composables/hmr'
 import { useRouteQuery } from './route'
 import { isDrawing } from './drawings'
 
@@ -123,6 +124,7 @@ export function goLast() {
 }
 
 export function go(page: number | string, clicks?: number) {
+  skipTransition.value = false
   return router.push({ path: getPath(page), query: { ...route.value.query, clicks } })
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.43.4",
+  "version": "0.43.5",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -41,8 +41,8 @@
     "vue-router": "^4.2.4",
     "vue-starport": "^0.4.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.43.4",
-    "@slidev/types": "0.43.4"
+    "@slidev/parser": "0.43.5",
+    "@slidev/types": "0.43.5"
   },
   "devDependencies": {
     "vite": "^4.4.9"