From 8036f50bf3de57f43bda57504a20b3f82d877058 Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 23 Nov 2023 05:39:57 +0100
Subject: [PATCH] load pinia persistence only when on client side

---
 renderer/_default.page.server.ts |  2 +-
 renderer/app.ts                  | 12 +++++++++++-
 renderer/plugins/pinia.ts        |  2 --
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/renderer/_default.page.server.ts b/renderer/_default.page.server.ts
index a0b9a1e..041aa80 100644
--- a/renderer/_default.page.server.ts
+++ b/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)
 
diff --git a/renderer/app.ts b/renderer/app.ts
index e928e41..4ee3514 100644
--- a/renderer/app.ts
+++ b/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)
diff --git a/renderer/plugins/pinia.ts b/renderer/plugins/pinia.ts
index 08b0373..d823f02 100644
--- a/renderer/plugins/pinia.ts
+++ b/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