@dargmuesli/nuxt-vio 13.2.0 → 13.2.1

package/composables/useAppLayout.ts

@@ -11,7 +11,8 @@ export const useAppLayout = () => {
   })
 
   // TODO: convert to `useServerHeadSafe` (https://github.com/unjs/unhead/issues/221)
-  useServerSeoMeta({
+  // adding `Server` leads incorrect title template on hydration
+  useSeoMeta({
     titleTemplate: (title) =>
       TITLE_TEMPLATE({
         siteName: siteConfig.name,

package/composables/useHeadDefault.ts

@@ -4,14 +4,13 @@ export const useHeadDefault = (input: UseSeoMetaInput) => {
   const siteConfig = useSiteConfig()
 
   const description = input.description || siteConfig.description
-  const title = input.title
-    ? TITLE_TEMPLATE({
-        siteName: siteConfig.name,
-        title: input.title.toString(),
-      })
-    : siteConfig.name
+  const title = TITLE_TEMPLATE({
+    siteName: siteConfig.name,
+    title: input.title?.toString(),
+  })
 
-  useServerSeoMeta({
+  // can't be server side or it won't update on the client
+  useSeoMeta({
     ...(description
       ? {
           description,

package/nuxt.config.ts

@@ -29,6 +29,7 @@ export default defineNuxtConfig(
           name: 'layout',
         },
       },
+      compatibilityDate: '2024-04-03',
       ...(process.env.NUXT_PUBLIC_SITE_URL
         ? {}
         : {

package/package.json

@@ -116,5 +116,5 @@
     "start:static": "serve .playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   },
   "type": "module",
-  "version": "13.2.0"
+  "version": "13.2.1"
 }