@dargmuesli/nuxt-vio 21.0.0-beta.9 → 21.0.1

package/app/app.config.ts

@@ -8,6 +8,11 @@ export default defineAppConfig({
 declare module 'nuxt/schema' {
   interface AppConfig {
     vio: {
+      seo?: {
+        ogImage?: {
+          defaultComponent: string // TODO: keyof OgImageComponents
+        }
+      }
       pages?: {
         legalNotice?: {
           contact: {

package/app/components/OgImage/{Nuxt.satori.vue → Nuxt.takumi.vue}

@@ -81,7 +81,7 @@ const titleComputedLineClamp = lineClampStyle(titleComputed, 2)
       </defs>
     </svg>
 
-    <div class="max-w-175 pl-6 lg:pl-25">
+    <div class="flex max-w-175 flex-col pl-6 lg:pl-25">
       <p
         v-if="headline"
         class="mb-4 text-[24px] font-bold text-[#00DC82] uppercase"

package/app/components/scn/sonner/Sonner.vue

@@ -7,7 +7,7 @@ import {
   OctagonXIcon,
   TriangleAlertIcon,
   XIcon,
-} from 'lucide-vue-next'
+} from '@lucide/vue'
 import { Toaster as Sonner } from 'vue-sonner'
 
 import { cn } from '../../../utils/shadcn'

package/app/composables/head.ts

@@ -1,24 +1,19 @@
+import type { OgImageComponents } from '#og-image/components'
+
 export const useAppLayout = () => {
   const appConfig = useAppConfig()
   const colorMode = useColorMode()
   const siteConfig = useSiteConfig()
 
   if (import.meta.server) {
-    // style
     useHeadSafe({
+      // style
       bodyAttrs: {
         class:
           'bg-background-bright dark:bg-background-dark text-text-dark dark:text-text-bright',
       },
-    })
-
-    // favicon (https://vite-pwa-org.netlify.app/assets-generator/)
-    useHeadSafe({
+      // favicon (https://vite-pwa-org.netlify.app/assets-generator/)
       link: [
-        {
-          href: `/site.webmanifest?v=${CACHE_VERSION}`,
-          rel: 'manifest',
-        },
         {
           href: `/favicon.ico?v=${CACHE_VERSION}`,
           rel: 'icon',
@@ -39,6 +34,16 @@ export const useAppLayout = () => {
 
     // i18n
     useHeadSafe(useLocaleHead().value)
+
+    // pwa
+    useHead({
+      link: [
+        {
+          href: `/site.webmanifest?v=${CACHE_VERSION}`,
+          rel: 'manifest',
+        },
+      ],
+    })
   }
 
   if (import.meta.client) {
@@ -62,9 +67,13 @@ export const useAppLayout = () => {
   })
 }
 
-export const useHeadDefault = (input: Parameters<typeof useSeoMeta>[0]) => {
+export const useHeadDefault = (
+  input: Parameters<typeof useSeoMeta>[0],
+  ogImageProps?: Parameters<typeof defineOgImage>[1],
+) => {
   const { t } = useI18n({ useScope: 'global' })
   const siteConfig = useSiteConfig()
+  const appConfig = useAppConfig()
 
   const description =
     toValue(input.description) || (siteConfig.description as string)
@@ -85,10 +94,12 @@ export const useHeadDefault = (input: Parameters<typeof useSeoMeta>[0]) => {
     ...input,
   })
   defineOgImage(
-    'Nuxt.satori',
+    (appConfig.vio.seo?.ogImage?.defaultComponent as keyof OgImageComponents) ||
+      'Nuxt.takumi',
     {
       description,
-      title: toValue(input.title)?.toString() || undefined,
+      title: title.split(' · ')[0],
+      ...ogImageProps,
     },
     {
       alt: t('globalSeoOgImageAlt'),

package/node/server/node.mjs

@@ -7,10 +7,11 @@ const certSuffix = process.env.CI ? '-ci' : '-dev'
 const certPath = path.join(root, `.config/certificates/ssl${certSuffix}.crt`)
 const keyPath = path.join(root, `.config/certificates/ssl${certSuffix}.key`)
 
-console.log('Using SSL certificate:', certPath)
-
-process.env.NITRO_SSL_CERT = fs.readFileSync(certPath, 'utf8')
-process.env.NITRO_SSL_KEY = fs.readFileSync(keyPath, 'utf8')
+if (fs.existsSync(certPath) && fs.existsSync(keyPath)) {
+  console.log('Using SSL certificate:', certPath)
+  process.env.NITRO_SSL_CERT = fs.readFileSync(certPath, 'utf8')
+  process.env.NITRO_SSL_KEY = fs.readFileSync(keyPath, 'utf8')
+}
 
 // await import(path.join(root, '.output/server/sentry.server.config.mjs'))
 await import(path.join(root, 'playground/.output/server/index.mjs'))

package/node/server/static.mjs

@@ -1,4 +1,5 @@
 import { spawn } from 'node:child_process'
+import fs from 'node:fs'
 import path from 'node:path'
 
 const root = process.argv[2] || process.cwd()
@@ -9,7 +10,12 @@ const keyPath = path.join(root, `.config/certificates/ssl${certSuffix}.key`)
 
 const serveProcess = spawn(
   'serve',
-  ['playground/.output/public', '--ssl-cert', certPath, '--ssl-key', keyPath],
+  [
+    'playground/.output/public',
+    ...(fs.existsSync(certPath) && fs.existsSync(keyPath)
+      ? ['--ssl-cert', certPath, '--ssl-key', keyPath]
+      : []),
+  ],
   {
     stdio: 'inherit',
     cwd: root,

package/nuxt.config.ts

@@ -250,9 +250,6 @@ export default defineNuxtConfig(
       linkChecker: {
         failOnError: true,
       },
-      ogImage: {
-        tailwindCss: resolve('./app/assets/css/vio.css'),
-      },
       robots: {
         credits: false,
       },
@@ -291,6 +288,9 @@ export default defineNuxtConfig(
         },
         strict: true,
       },
+      seo: {
+        minify: false, // TODO: enable (https://github.com/harlan-zw/nuxt-seo-utils/issues/103)
+      },
       shadcn: {
         prefix: '',
         componentDir: resolve('./app/components/scn'),

package/package.json

@@ -1,23 +1,24 @@
 {
   "dependencies": {
-    "@dargmuesli/nuxt-cookie-control": "9.1.17",
-    "@eslint/compat": "2.0.2",
+    "@dargmuesli/nuxt-cookie-control": "9.1.19",
+    "@eslint/compat": "2.0.3",
     "@heroicons/vue": "2.2.0",
     "@http-util/status-i18n": "0.9.0",
-    "@intlify/eslint-plugin-vue-i18n": "4.2.0",
-    "@nuxt/devtools": "3.2.2",
+    "@intlify/eslint-plugin-vue-i18n": "4.3.0",
+    "@lucide/vue": "1.7.0",
+    "@nuxt/devtools": "3.2.4",
     "@nuxt/eslint": "1.15.2",
     "@nuxt/image": "2.0.0",
     "@nuxtjs/color-mode": "4.0.0",
     "@nuxtjs/html-validator": "2.1.0",
-    "@nuxtjs/i18n": "10.2.3",
-    "@nuxtjs/seo": "3.4.0",
-    "@nuxtjs/turnstile": "1.1.1",
+    "@nuxtjs/i18n": "10.2.4",
+    "@nuxtjs/seo": "5.1.0",
+    "@nuxtjs/turnstile": "1.1.2",
     "@pinia/nuxt": "0.11.3",
-    "@resvg/resvg-js": "2.6.2",
     "@tailwindcss/forms": "0.5.11",
     "@tailwindcss/typography": "0.5.19",
-    "@tailwindcss/vite": "4.2.1",
+    "@tailwindcss/vite": "4.2.2",
+    "@takumi-rs/core": "0.73.1",
     "@types/lodash-es": "4.17.12",
     "@types/nodemailer": "7.0.11",
     "@urql/core": "6.0.1",
@@ -27,48 +28,46 @@
     "@vueuse/core": "14.2.1",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "eslint": "10.0.2",
+    "eslint": "10.1.0",
     "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-compat": "7.0.0",
+    "eslint-plugin-compat": "7.0.1",
     "eslint-plugin-prettier": "5.5.5",
-    "eslint-plugin-yml": "3.3.0",
-    "globals": "17.3.0",
+    "eslint-plugin-yml": "3.3.1",
+    "globals": "17.4.0",
     "jiti": "2.6.1",
-    "jose": "6.1.3",
-    "lucide-vue-next": "0.575.0",
-    "nodemailer": "8.0.1",
+    "jose": "6.2.2",
+    "nodemailer": "8.0.4",
     "nuxt-gtag": "4.1.0",
     "nuxt-security": "2.5.1",
-    "reka-ui": "2.8.2",
-    "satori": "0.19.1",
+    "reka-ui": "2.9.2",
     "shadcn-nuxt": "2.4.3",
     "tailwind-merge": "3.5.0",
     "tw-animate-css": "1.4.0",
     "vue-sonner": "2.0.9",
-    "vue-tsc": "3.2.5"
+    "vue-tsc": "3.2.6"
   },
   "devDependencies": {
-    "@types/node": "24.10.14",
+    "@types/node": "24.12.0",
     "@urql/devtools": "2.0.3",
     "@urql/exchange-graphcache": "9.0.0",
     "@vueuse/core": "14.2.1",
     "consola": "3.4.2",
     "defu": "6.1.4",
-    "h3": "1.15.5",
+    "h3": "1.15.10",
     "lodash-es": "4.17.23",
-    "nuxt": "4.3.1",
+    "nuxt": "4.4.2",
     "pinia": "3.0.4",
     "prettier": "3.8.1",
     "prettier-plugin-tailwindcss": "0.7.2",
-    "serve": "14.2.5",
+    "serve": "14.2.6",
     "sharp": "0.34.5",
-    "stylelint": "17.4.0",
+    "stylelint": "17.6.0",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "40.0.0",
     "stylelint-no-unsupported-browser-features": "8.1.1",
-    "tailwindcss": "4.2.1",
-    "vue": "3.5.29",
-    "vue-router": "5.0.3"
+    "tailwindcss": "4.2.2",
+    "vue": "3.5.31",
+    "vue-router": "5.0.4"
   },
   "engines": {
     "node": "24"
@@ -119,5 +118,5 @@
     "start:static": "node node/server/static.mjs"
   },
   "type": "module",
-  "version": "21.0.0-beta.9"
+  "version": "21.0.1"
 }