try ref() instead of reactive()

vikejs · Jun 6, 2024 · 538dcb4 · 538dcb4
1 parent 334634c
commit 538dcb4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/examples/vue-full/renderer/app.ts b/examples/vue-full/renderer/app.ts
@@ -25,15 +25,15 @@ function createApp(pageContext: PageContext) {
     changePage: (pageContext: PageContext) => {
       const data = pageContext.data ?? {}
       assertDataIsObject(data)
-      Object.assign(dataReactive, data)
+      dataReactive.value = data
       Object.assign(pageContextReactive, pageContext)
       pageRef.value = markRaw(pageContext.Page)
     }
   })
 
   const data = pageContext.data ?? {}
   assertDataIsObject(data)
-  const dataReactive = reactive(data)
+  const dataReactive = ref(data)
   const pageContextReactive = reactive(pageContext)
   setPageContext(app, pageContextReactive)
   setData(app, dataReactive)

diff --git a/examples/vue-full/renderer/useData.ts b/examples/vue-full/renderer/useData.ts
@@ -3,15 +3,15 @@ export { useData }
 export { setData }
 
 import { inject } from 'vue'
-import type { App } from 'vue'
+import type { App, Ref } from 'vue'
 
 const key = Symbol()
 
 /** https://vike.dev/useData */
 function useData<Data>(): Data {
-  const data = inject(key)
+  const data = inject(key) as Ref
   if (!data) throw new Error('setData() not called')
-  return data as any
+  return data.value as any
 }
 
 function setData(app: App, data: unknown): void {