Layout optional for page

Hello there,
I have a page file download and want the layout to be optional / conditional by pinia store:

definePageMeta
  layout: userStore.isLoggedIn ? "default" : "guest"

definePageMeta
  layout: userStore.isLoggedIn ? "default" : "guest"

Due to SSR nuxt throws error "userStore is not defined"...
Workaround is

if (userStore)
  setPageLayout(userStore.isLoggedIn ? "default" : "guest");

if (userStore)
  setPageLayout(userStore.isLoggedIn ? "default" : "guest");

Due to SSR I get a hydration error, what should be the correct thing to do here?

Nuxt•2y ago•

1 reply

Layout optional for page

Hello there,
I have a page file download and want the layout to be optional / conditional by pinia store:

definePageMeta
  layout: userStore.isLoggedIn ? "default" : "guest"

definePageMeta
  layout: userStore.isLoggedIn ? "default" : "guest"

Due to SSR nuxt throws error "userStore is not defined"...
Workaround is

if (userStore)
  setPageLayout(userStore.isLoggedIn ? "default" : "guest");

if (userStore)
  setPageLayout(userStore.isLoggedIn ? "default" : "guest");

Due to SSR I get a hydration error, what should be the correct thing to do here?

Join the Discord to ask follow-up questions and connect with the community

Nuxt Community Chat Server

31,632 Members