@slidev/client 0.40.12 → 0.40.14

package/env.ts

@@ -1,6 +1,7 @@
 import type { SlidevConfig } from '@slidev/types'
 import { computed } from 'vue'
 import { objectMap } from '@antfu/utils'
+
 // @ts-expect-error missing types
 import _configs from '/@slidev/configs'
 

package/internals/NavControls.vue

@@ -8,6 +8,7 @@ import { configs } from '../env'
 import Settings from './Settings.vue'
 import MenuButton from './MenuButton.vue'
 import VerticalDivider from './VerticalDivider.vue'
+
 // @ts-expect-error virtual module
 import CustomNavControls from '/@slidev/custom-nav-controls'
 

package/internals/PrintSlideClick.vue

@@ -8,8 +8,10 @@ import { configs, slideHeight, slideWidth } from '../env'
 import { getSlideClass } from '../utils'
 import type { SlidevContextNav } from '../modules/context'
 import SlideWrapper from './SlideWrapper'
+
 // @ts-expect-error virtual module
 import GlobalTop from '/@slidev/global-components/top'
+
 // @ts-expect-error virtual module
 import GlobalBottom from '/@slidev/global-components/bottom'
 

package/internals/SlidesShow.vue

@@ -3,8 +3,10 @@ import { computed, shallowRef, watch } from 'vue'
 import { clicks, currentRoute, isPresenter, nextRoute, rawRoutes, transition } from '../logic/nav'
 import { getSlideClass } from '../utils'
 import SlideWrapper from './SlideWrapper'
+
 // @ts-expect-error virtual module
 import GlobalTop from '/@slidev/global-components/top'
+
 // @ts-expect-error virtual module
 import GlobalBottom from '/@slidev/global-components/bottom'
 import PresenterMouse from './PresenterMouse.vue'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.40.12",
+  "version": "0.40.14",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.7.2",
-    "@unocss/reset": "^0.51.4",
+    "@unocss/reset": "^0.51.5",
     "@vueuse/core": "^10.0.2",
     "@vueuse/head": "^1.1.26",
     "@vueuse/math": "^10.0.2",
@@ -35,16 +35,16 @@
     "prettier": "^2.8.7",
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.2",
-    "unocss": "^0.51.4",
+    "unocss": "^0.51.5",
     "vite-plugin-windicss": "^1.8.10",
     "vue": "^3.2.47",
     "vue-router": "^4.1.6",
     "vue-starport": "^0.3.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.40.12",
-    "@slidev/types": "0.40.12"
+    "@slidev/parser": "0.40.14",
+    "@slidev/types": "0.40.14"
   },
   "devDependencies": {
-    "vite": "^4.2.2"
+    "vite": "^4.3.0"
   }
 }

package/routes.ts

@@ -3,8 +3,10 @@ import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router
 import type { TransitionGroupProps } from 'vue'
 import Play from './internals/Play.vue'
 import Print from './internals/Print.vue'
+
 // @ts-expect-error missing types
 import _rawRoutes from '/@slidev/routes'
+
 // @ts-expect-error missing types
 import _configs from '/@slidev/configs'
 

package/setup/root.ts

@@ -1,6 +1,6 @@
 /* __imports__ */
 import { watch } from 'vue'
-import { useHead, useHtmlAttrs } from '@vueuse/head'
+import { useHead } from '@vueuse/head'
 import { nanoid } from 'nanoid'
 import { configs } from '../env'
 import { initSharedState, onPatch, patch } from '../state/shared'
@@ -17,8 +17,10 @@ export default function setupRoot() {
   /* __injections__ */
 
   const title = configs.titleTemplate.replace('%s', configs.title || 'Slidev')
-  useHead({ title })
-  useHtmlAttrs(configs.htmlAttrs)
+  useHead({
+    title,
+    htmlAttrs: configs.htmlAttrs,
+  })
   initSharedState(`${title} - shared`)
   initDrawingState(`${title} - drawings`)
 
@@ -41,6 +43,7 @@ export default function setupRoot() {
       patch('viewerPage', +currentPage.value)
       patch('viewerClicks', clicks.value)
     }
+
     patch('lastUpdate', {
       id,
       type: isPresenter.value ? 'presenter' : 'viewer',

package/state/syncState.ts

@@ -7,7 +7,7 @@ export function createSyncState<State extends object>(serverState: State, defaul
   let patchingTimeout: NodeJS.Timeout
   let updatingTimeout: NodeJS.Timeout
 
-  const state = __USE_SERVER__
+  const state = __SLIDEV_HAS_SERVER__
     ? reactive<State>(serverState) as State
     : reactive<State>(defaultState) as State
 
@@ -37,11 +37,11 @@ export function createSyncState<State extends object>(serverState: State, defaul
 
   function init(channelKey: string) {
     let stateChannel: BroadcastChannel
-    if (!__USE_SERVER__ && !persist) {
+    if (!__SLIDEV_HAS_SERVER__ && !persist) {
       stateChannel = new BroadcastChannel(channelKey)
       stateChannel.addEventListener('message', (event: MessageEvent<Partial<State>>) => onUpdate(event.data))
     }
-    else if (!__USE_SERVER__ && persist) {
+    else if (!__SLIDEV_HAS_SERVER__ && persist) {
       window.addEventListener('storage', (event) => {
         if (event && event.key === channelKey && event.newValue)
           onUpdate(JSON.parse(event.newValue) as Partial<State>)
@@ -57,8 +57,9 @@ export function createSyncState<State extends object>(serverState: State, defaul
         onPatchCallbacks.forEach((fn: (state: State) => void) => fn(state))
     }
 
-    watch(state, onStateChanged, { deep: true })
-    if (!__USE_SERVER__ && persist) {
+    watch(state, onStateChanged, { deep: true, flush: 'sync' })
+
+    if (!__SLIDEV_HAS_SERVER__ && persist) {
       const serialzedState = window.localStorage.getItem(channelKey)
       if (serialzedState)
         onUpdate(JSON.parse(serialzedState) as Partial<State>)