load pinia persistence only when on client side

renderer/_default.page.server.ts

@@ -19,7 +19,7 @@ async function render(pageContext: PageContextServer) {
     throw new Error('My render() hook expects pageContext.Page to be defined')
   }
 
-  const app = createApp(Page, pageProps, pageContext)
+  const app = createApp(Page, pageProps, pageContext, false)
 
   const appHtml = await renderToString(app)
 

renderer/app.ts

@@ -1,3 +1,4 @@
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 import { createSSRApp, defineComponent, h } from 'vue'
 
 import PageShell from '#components/PageShell.vue'
@@ -10,7 +11,12 @@ import { PageProps } from '#types/PageProps'
 
 import type { PageContext } from '#types/PageContext'
 
-function createApp(Page: Page, pageProps: PageProps | undefined, pageContext: PageContext) {
+function createApp(
+  Page: Page,
+  pageProps: PageProps | undefined,
+  pageContext: PageContext,
+  isClient = true,
+) {
   const PageWithLayout = defineComponent({
     render() {
       return h(
@@ -25,6 +31,10 @@ function createApp(Page: Page, pageProps: PageProps | undefined, pageContext: Pa
     },
   })
 
+  if(isClient){
+    pinia.use(piniaPluginPersistedstate)
+  }
+
   const app = createSSRApp(PageWithLayout)
   app.use(pinia)
   app.use(i18n)

renderer/plugins/pinia.ts

@@ -1,6 +1,4 @@
 import { createPinia } from 'pinia'
-import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
 const pinia = createPinia()
-pinia.use(piniaPluginPersistedstate)
 export default pinia