@slidev/client 0.40.12 → 0.40.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.40.12",
+  "version": "0.40.13",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -41,8 +41,8 @@
     "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.13",
+    "@slidev/types": "0.40.13"
   },
   "devDependencies": {
     "vite": "^4.2.2"

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>)