@dargmuesli/nuxt-vio 13.1.21 → 13.2.1

package/components/vio/button/VioButton.vue

@@ -19,7 +19,7 @@
     :class="classesComputed"
     :disabled="disabled"
     :type="type"
-    @click="emit('click')"
+    @click="emit('click', $event)"
   >
     <slot name="prefix" />
     <slot />
@@ -49,7 +49,7 @@ const props = withDefaults(defineProps<Props>(), {
 })
 
 const emit = defineEmits<{
-  click: []
+  click: [event?: MouseEvent]
 }>()
 
 // computations

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.1.21"
+  "version": "13.2.1"
 }

package/utils/constants.ts

@@ -53,14 +53,15 @@ export const GET_CSP = (siteUrl: string) =>
     //       }
     //     : {}),
     // },
-    // {
-    //   // nuxt-og-image
-    //   ...(process.env.NODE_ENV === 'development'
-    //     ? {
-    //         'connect-src': [`${siteUrl}/__og-image__/`],
-    //       }
-    //     : {}),
-    // },
+    {
+      // nuxt-og-image
+      ...(process.env.NODE_ENV === 'development'
+        ? {
+            // 'connect-src': [`${siteUrl}/__og-image__/`],
+            'frame-ancestors': ["'self'"],
+          }
+        : {}),
+    },
     // {
     //   // nuxt-schema-org
     //   ...(process.env.NODE_ENV === 'development'