nuxt-og-image 6.10.4 → 7.0.1

package/README.md

@@ -1,19 +1,12 @@
 <img src=".github/assets/og-image-preview.png" alt="Nuxt OG Image DevTools Preview">
 
-<h1>nuxt-og-image</h1>
+<h1><a href="https://nuxtseo.com"><img src=".github/assets/icon.svg" width="40" height="40" alt="Nuxt SEO" align="top"></a> nuxt-og-image</h1>
 
 [![npm version][npm-version-src]][npm-version-href]
 [![npm downloads][npm-downloads-src]][npm-downloads-href]
 [![License][license-src]][license-href]
 [![Nuxt][nuxt-src]][nuxt-href]
-
-<a href="https://skilld.dev/gh/nuxt-modules/og-image">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://skilld.dev/b/nuxt-modules/og-image?theme=dark">
-    <source media="(prefers-color-scheme: light)" srcset="https://skilld.dev/b/nuxt-modules/og-image?theme=light">
-    <img alt="Skill repository on skilld.dev" src="https://skilld.dev/b/nuxt-modules/og-image?theme=light">
-  </picture>
-</a>
+[![Skill repository on skilld.dev][skilld-src]][skilld-href]
 
 Nuxt OG Image allows you to easily generate OG Images using either Vue components or screenshots of your pages.
 
@@ -46,7 +39,7 @@ need this module.
 Install `nuxt-og-image` dependency to your project:
 
 ```bash
-npx nuxi@latest module add og-image
+npx nuxt module add og-image
 ```
 
 > [!TIP]
@@ -78,14 +71,17 @@ npx nuxi@latest module add og-image
 Licensed under the [MIT license](https://github.com/nuxt-modules/og-image/blob/main/LICENSE.md).
 
 <!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/nuxt-og-image/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-src]: https://img.shields.io/npm/v/nuxt-og-image/latest.svg?style=flat&labelColor=16152b&color=00a63e
 [npm-version-href]: https://npmjs.com/package/nuxt-og-image
 
-[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-og-image.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-og-image.svg?style=flat&labelColor=16152b&color=00a63e
 [npm-downloads-href]: https://npmjs.com/package/nuxt-og-image
 
-[license-src]: https://img.shields.io/github/license/nuxt-modules/og-image.svg?style=flat&colorA=18181B&colorB=28CF8D
+[license-src]: https://img.shields.io/github/license/nuxt-modules/og-image.svg?style=flat&labelColor=16152b&color=00a63e
 [license-href]: https://github.com/nuxt-modules/og-image/blob/main/LICENSE.md
 
-[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt
+[nuxt-src]: https://img.shields.io/badge/Nuxt-16152b?logo=nuxt&style=flat
 [nuxt-href]: https://nuxt.com
+
+[skilld-src]: https://skilld.dev/b/nuxt-modules/og-image?style=flat&labelColor=16152b&color=00a63e&logoColor=ffffff
+[skilld-href]: https://skilld.dev/gh/nuxt-modules/og-image

package/dist/chunks/tw4.mjs

@@ -2,25 +2,24 @@ import { readFile } from 'node:fs/promises';
 import { pathToFileURL } from 'node:url';
 import { resolveModulePath } from 'exsolve';
 import { dirname, join } from 'pathe';
-import { e as extractVariantBaseClasses, r as resolveVariantPrefixes, h as resolveExtractedVars, l as resolveVarsDeep, s as simplifyCss, p as postProcessStyles, m as loadLightningCss, a as extractCssVars, c as extractUniversalVars, d as extractPerClassVars, g as extractVarsFromCss, f as extractClassStyles } from '../shared/nuxt-og-image.Bcegsloy.mjs';
-import 'node:crypto';
+import { e as extractVariantBaseClasses, r as resolveVariantPrefixes, h as resolveExtractedVars, l as resolveVarsDeep, s as simplifyCss, p as postProcessStyles, m as loadLightningCss, a as extractCssVars, c as extractUniversalVars, d as extractPerClassVars, g as extractVarsFromCss, f as extractClassStyles } from '../shared/nuxt-og-image.DR_SxdDv.mjs';
 import 'node:fs';
+import 'node:module';
 import '@nuxt/kit';
 import 'defu';
 import 'fnv1a-64';
-import 'nuxt-site-config/kit';
 import 'nuxtseo-shared/kit';
-import 'pkg-types';
+import 'node:crypto';
 import 'magic-string';
 import 'oxc-walker';
 import '../../dist/runtime/logger.js';
-import 'chrome-launcher';
 import 'std-env';
+import '../../dist/runtime/server/og-image/utils/css.js';
 import 'nypm';
 import 'nuxtseo-shared/devtools';
 import 'unstorage';
 import 'unstorage/drivers/fs-lite';
-import '../../dist/runtime/server/og-image/utils/css.js';
+import 'nuxt-site-config/kit';
 import 'strip-literal';
 import 'unplugin';
 import '@vue/compiler-sfc';
@@ -30,6 +29,7 @@ import '../../dist/runtime/server/og-image/core/transforms/emojis/emoji-utils.js
 import '../shared/nuxt-og-image.CJa2KCie.mjs';
 import 'magicast';
 import 'magicast/helpers';
+import '../../dist/runtime/shared/publish.js';
 
 const RE_GRADIENT_STOP_PREFIX = /^(from|via|to)-/;
 const RE_COLOR_SHADE = /^(.+)-(\d+)$/;

package/dist/chunks/uno.mjs

@@ -1,27 +1,26 @@
 import { readFile } from 'node:fs/promises';
 import { defu } from 'defu';
 import { logger } from '../../dist/runtime/logger.js';
-import { e as extractVariantBaseClasses, s as simplifyCss, a as extractCssVars, b as extractPropertyInitialValues, c as extractUniversalVars, d as extractPerClassVars, f as extractClassStyles, p as postProcessStyles, r as resolveVariantPrefixes, i as importOptionalPeer, g as extractVarsFromCss, h as resolveExtractedVars } from '../shared/nuxt-og-image.Bcegsloy.mjs';
-export { j as importResolvedModule, k as resolveOptionalModulePath } from '../shared/nuxt-og-image.Bcegsloy.mjs';
-import 'node:crypto';
+import { e as extractVariantBaseClasses, s as simplifyCss, a as extractCssVars, b as extractPropertyInitialValues, c as extractUniversalVars, d as extractPerClassVars, f as extractClassStyles, p as postProcessStyles, r as resolveVariantPrefixes, i as importOptionalPeer, g as extractVarsFromCss, h as resolveExtractedVars } from '../shared/nuxt-og-image.DR_SxdDv.mjs';
+export { j as importResolvedModule, k as resolveOptionalModulePath } from '../shared/nuxt-og-image.DR_SxdDv.mjs';
 import 'node:fs';
+import 'node:module';
 import 'node:url';
 import '@nuxt/kit';
 import 'fnv1a-64';
-import 'nuxt-site-config/kit';
 import 'nuxtseo-shared/kit';
 import 'pathe';
-import 'pkg-types';
+import 'node:crypto';
 import 'magic-string';
 import 'oxc-walker';
 import 'exsolve';
-import 'chrome-launcher';
 import 'std-env';
+import '../../dist/runtime/server/og-image/utils/css.js';
 import 'nypm';
 import 'nuxtseo-shared/devtools';
 import 'unstorage';
 import 'unstorage/drivers/fs-lite';
-import '../../dist/runtime/server/og-image/utils/css.js';
+import 'nuxt-site-config/kit';
 import 'strip-literal';
 import 'unplugin';
 import '@vue/compiler-sfc';
@@ -31,6 +30,7 @@ import '../../dist/runtime/server/og-image/core/transforms/emojis/emoji-utils.js
 import '../shared/nuxt-og-image.CJa2KCie.mjs';
 import 'magicast';
 import 'magicast/helpers';
+import '../../dist/runtime/shared/publish.js';
 
 const RE_SVG_DATA_URL = /url\("data:image\/svg\+xml[;,]([^"]+)"\)/;
 const RE_UTF8_PREFIX = /^utf8,/;

package/dist/cli.mjs

@@ -646,11 +646,11 @@ async function installNuxtFonts() {
   spinner.start("Adding @nuxt/fonts module...");
   const { exec } = await import('tinyexec');
   try {
-    await exec("npx", ["nuxi", "module", "add", "@nuxt/fonts"], { nodeOptions: { cwd } });
+    await exec("npx", ["nuxt", "module", "add", "@nuxt/fonts"], { nodeOptions: { cwd } });
     spinner.stop("@nuxt/fonts module added");
   } catch {
     spinner.stop("Failed to add @nuxt/fonts");
-    p.log.warn("Run manually: npx nuxi module add @nuxt/fonts");
+    p.log.warn("Run manually: npx nuxt module add @nuxt/fonts");
   }
 }
 async function runMigrate(args2) {
@@ -858,7 +858,7 @@ async function runMigrate(args2) {
       if (!p.isCancel(addFonts) && addFonts) {
         await installNuxtFonts();
       } else {
-        p.log.info("Skipped @nuxt/fonts installation. Add manually: npx nuxi module add @nuxt/fonts");
+        p.log.info("Skipped @nuxt/fonts installation. Add manually: npx nuxt module add @nuxt/fonts");
       }
     }
   }
@@ -1343,7 +1343,7 @@ function generateSecret() {
   p.log.step(`Secret: ${secret}`);
   p.log.message("");
   p.log.message("Set the environment variable:");
-  p.log.message(`  NUXT_OG_IMAGE_SECRET=${secret}`);
+  p.log.message(`  NUXT_APP_SECRET=${secret}`);
   p.log.message("");
   p.log.message("The secret is automatically picked up via runtime config.");
   p.outro("");

package/dist/devtools/components/og-image/RendererSelectModal.vue

@@ -109,7 +109,7 @@ const rendererConfigs = computed<RendererConfig[]>(() => {
         ...(hasSharp ? [fmt('jpg')] : []),
       ],
       disabledReason: !hasTakumi ? 'Module not installed' : null,
-      installCommand: !hasTakumi ? 'npx nuxi module add nuxt-og-image-takumi' : null,
+      installCommand: !hasTakumi ? 'npx nuxt-og-image enable takumi' : null,
     },
   ]
 })

package/dist/devtools/lib/og-image/fonts.ts

@@ -0,0 +1,38 @@
+import { withBase } from 'ufo'
+
+export interface FontPreviewFace {
+  family: string
+  weight: number
+  style: string
+  src: string
+  subset?: string
+  unicodeRange?: string
+  weightRange?: [number, number]
+  size?: number
+}
+
+export function getFontPreviewFaces(available: FontPreviewFace[], resolved: FontPreviewFace[]): FontPreviewFace[] {
+  const seen = new Set<string>()
+  return [...available, ...resolved].filter((face) => {
+    const key = JSON.stringify([face.family, face.weight, face.style, face.src, face.unicodeRange])
+    if (seen.has(key))
+      return false
+    seen.add(key)
+    return true
+  })
+}
+
+export function createFontPreviewCss(faces: FontPreviewFace[], origin: string): string {
+  const seen = new Set<string>()
+  const appUrl = origin ? new URL(origin) : undefined
+  return faces.flatMap((face) => {
+    const weight = face.weightRange?.join(' ') || String(face.weight)
+    const key = JSON.stringify([face.family, weight, face.style, face.src, face.unicodeRange])
+    if (seen.has(key))
+      return []
+    seen.add(key)
+    const path = appUrl && face.src.startsWith('/_og-static-fonts/') ? withBase(face.src, appUrl.pathname) : face.src
+    const src = appUrl ? new URL(path, appUrl).href : path
+    return [`@font-face { font-family: ${JSON.stringify(`ogp-${face.family}`)}; src: url(${JSON.stringify(src)}); font-weight: ${weight}; font-style: ${face.style};${face.unicodeRange ? ` unicode-range: ${face.unicodeRange};` : ''} font-display: swap; }`]
+  }).join('\n')
+}

package/dist/devtools/lib/og-image/types.ts

@@ -33,6 +33,13 @@ export interface GlobalDebugResponse {
   componentNames: OgImageComponent[]
   siteConfigUrl?: string
   compatibility?: RuntimeCompatibilitySchema
+  origin?: string
+  fontRequirements?: {
+    weights: number[]
+    styles: string[]
+    families: string[]
+    hasDynamicBindings: boolean
+  }
   resolvedFonts?: FontConfig[]
   availableFonts?: FontConfig[]
 }

package/dist/devtools/pages/og-image/index.vue

@@ -1,11 +1,13 @@
 <script lang="ts" setup>
 import { useHead } from 'nuxt/app'
-import { hasProductionUrl, previewSource, productionUrl } from 'nuxtseo-layer-devtools/composables/state'
+import { hasProductionUrl, host, previewSource, productionUrl } from 'nuxtseo-layer-devtools/composables/state'
 import { withHttps } from 'ufo'
 import { computed, reactive, ref, watch } from 'vue'
+import { createFontPreviewCss, getFontPreviewFaces } from '../../lib/og-image/fonts'
 import { useOgImage } from '../../lib/og-image/og-image'
 import { RendererSelectDialogPromise } from '../../lib/og-image/renderer-select'
 import { isConnectionFailed, isFallbackMode } from '../../lib/og-image/rpc'
+import { optionsOverrides } from '../../lib/og-image/util/logic'
 
 const RE_SINGLE_QUOTE = /'/g
 const RE_VUE_FILENAME = /[^/]+\.vue$/
@@ -226,7 +228,7 @@ const fontFiles = computed<FontFileEntry[]>(() => {
   const resolved = globalDebug.value?.resolvedFonts || []
   if (!available.length && !resolved.length)
     return []
-  const source = available.length ? available : resolved
+  const source = getFontPreviewFaces(available, resolved)
   // Build set of resolved keys for loaded check
   const resolvedKeys = new Set(resolved.map((f: any) => `${f.family}-${f.weight}-${f.style}`))
   // Count subsets per family+weight+style and collect subset names
@@ -234,7 +236,7 @@ const fontFiles = computed<FontFileEntry[]>(() => {
   for (const f of source) {
     const key = `${f.family}-${f.weight}-${f.style}`
     const subs = subsetMap.get(key) || []
-    if (f.subset)
+    if (f.subset && !subs.includes(f.subset))
       subs.push(f.subset)
     subsetMap.set(key, subs)
   }
@@ -268,9 +270,13 @@ const fontFiles = computed<FontFileEntry[]>(() => {
 const fontFamilySizes = computed(() => {
   const resolved = globalDebug.value?.resolvedFonts || []
   const sizes = new Map<string, number>()
+  const seen = new Set<string>()
   for (const f of resolved) {
-    if (f.size)
+    const key = JSON.stringify([f.family, f.src])
+    if (f.size && !seen.has(key)) {
+      seen.add(key)
       sizes.set(f.family, (sizes.get(f.family) || 0) + f.size)
+    }
   }
   return sizes
 })
@@ -296,15 +302,8 @@ const unresolvedFamilies = computed(() => {
 })
 
 const fontFaceCss = computed(() => {
-  const rules: string[] = []
-  const seen = new Set<string>()
-  for (const f of fontFiles.value) {
-    if (seen.has(f.family))
-      continue
-    seen.add(f.family)
-    rules.push(`@font-face { font-family: 'ogp-${f.family}'; src: url('${f.src}'); font-display: swap; }`)
-  }
-  return rules.join('\n')
+  const faces = getFontPreviewFaces(globalDebug.value?.availableFonts || [], globalDebug.value?.resolvedFonts || [])
+  return createFontPreviewCss(faces, host.value || globalDebug.value?.origin || '')
 })
 
 useHead({ style: computed(() => fontFaceCss.value ? [fontFaceCss.value] : []) })
@@ -315,7 +314,13 @@ function applyFontOverride(family: string) {
   const next = fontOverride.value === family ? '' : family
   fontOverride.value = next
   hasMadeChanges.value = true
-  updateProps({ fontFamily: next || undefined })
+  const props = { ...optionsOverrides.value.props }
+  if (next)
+    props.fontFamily = next
+  else
+    delete props.fontFamily
+  optionsOverrides.value = { ...optionsOverrides.value, props }
+  refreshSources()
 }
 
 const metaOverrides = reactive({

package/dist/module.d.mts

@@ -46,7 +46,7 @@ interface ModuleOptions {
     debug: boolean;
     /**
      * Configure the runtime cache storage for generated OG images.
-     * - `true` - Use Nitro's default cache storage (default)
+     * - `true` - Use configured Nitro cache storage, or a 64 MiB bounded memory cache (default)
      * - `false` - Disable caching
      * - `string` - Use a custom storage mount key (e.g., `'redis'`). You must mount the storage yourself via a Nitro plugin.
      * - `object` - Provide a driver config that the module will mount for you (build-time only)
@@ -96,6 +96,14 @@ interface ModuleOptions {
     buildCache?: boolean | {
         base?: string;
     };
+    /**
+     * Publish rendered images to a mounted Nitro storage driver.
+     * Image objects have no TTL. cacheMaxAgeSeconds limits manifest reuse.
+     */
+    publish?: {
+        storage: string;
+        baseURL: string;
+    };
     /**
      * Warn about OG Image components missing renderer suffix in dev mode.
      * Set to false to suppress warnings for legacy/test components.
@@ -192,21 +200,17 @@ interface ModuleOptions {
          */
         restrictRuntimeImagesToOrigin?: boolean | string[];
         /**
-         * Secret for URL signing. When set, all runtime OG image URLs include a
+         * Disable URL signing with false. Otherwise, all runtime OG image URLs include a
          * keyed hash signature and the handler rejects requests with missing or
          * invalid signatures.
          *
-         * Leave unset to auto-generate a per-build secret (signing on by default).
-         * Set an explicit, stable string for rolling or multi-instance deploys, or
-         * `false` to disable signing entirely. Generate one with:
-         * `npx nuxt-og-image generate-secret`
-         *
-         * Required (explicitly) when `strict` is enabled.
+         * Leave unset to derive a secret from Nuxt runtimeConfig.appSecret.
+         * Set NUXT_APP_SECRET in production. Use false to disable signing.
          */
-        secret?: string | false;
+        secret?: false;
         /**
          * Enable strict security mode. When enabled:
-         * - `secret` is required (URL signing)
+         * - URL signing is required through Nuxt appSecret
          * - The `html` option is disabled (prevents SSRF via inline HTML injection)
          * - `maxQueryParamSize` defaults to `2048`
          * - `restrictRuntimeImagesToOrigin` defaults to `true`

package/dist/module.d.ts

@@ -46,7 +46,7 @@ interface ModuleOptions {
     debug: boolean;
     /**
      * Configure the runtime cache storage for generated OG images.
-     * - `true` - Use Nitro's default cache storage (default)
+     * - `true` - Use configured Nitro cache storage, or a 64 MiB bounded memory cache (default)
      * - `false` - Disable caching
      * - `string` - Use a custom storage mount key (e.g., `'redis'`). You must mount the storage yourself via a Nitro plugin.
      * - `object` - Provide a driver config that the module will mount for you (build-time only)
@@ -96,6 +96,14 @@ interface ModuleOptions {
     buildCache?: boolean | {
         base?: string;
     };
+    /**
+     * Publish rendered images to a mounted Nitro storage driver.
+     * Image objects have no TTL. cacheMaxAgeSeconds limits manifest reuse.
+     */
+    publish?: {
+        storage: string;
+        baseURL: string;
+    };
     /**
      * Warn about OG Image components missing renderer suffix in dev mode.
      * Set to false to suppress warnings for legacy/test components.
@@ -192,21 +200,17 @@ interface ModuleOptions {
          */
         restrictRuntimeImagesToOrigin?: boolean | string[];
         /**
-         * Secret for URL signing. When set, all runtime OG image URLs include a
+         * Disable URL signing with false. Otherwise, all runtime OG image URLs include a
          * keyed hash signature and the handler rejects requests with missing or
          * invalid signatures.
          *
-         * Leave unset to auto-generate a per-build secret (signing on by default).
-         * Set an explicit, stable string for rolling or multi-instance deploys, or
-         * `false` to disable signing entirely. Generate one with:
-         * `npx nuxt-og-image generate-secret`
-         *
-         * Required (explicitly) when `strict` is enabled.
+         * Leave unset to derive a secret from Nuxt runtimeConfig.appSecret.
+         * Set NUXT_APP_SECRET in production. Use false to disable signing.
          */
-        secret?: string | false;
+        secret?: false;
         /**
          * Enable strict security mode. When enabled:
-         * - `secret` is required (URL signing)
+         * - URL signing is required through Nuxt appSecret
          * - The `html` option is disabled (prevents SSRF via inline HTML injection)
          * - `maxQueryParamSize` defaults to `2048`
          * - `restrictRuntimeImagesToOrigin` defaults to `true`

package/dist/module.json

@@ -1,10 +1,10 @@
 {
   "name": "nuxt-og-image",
   "compatibility": {
-    "nuxt": ">=3.16.0"
+    "nuxt": "^4.6.1 || ^5.0.0-0"
   },
   "configKey": "ogImage",
-  "version": "6.10.4",
+  "version": "7.0.1",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,26 +1,26 @@
-import 'node:crypto';
 import 'node:fs';
 import 'node:fs/promises';
+import 'node:module';
 import 'node:url';
 import '@nuxt/kit';
 import 'defu';
 import 'fnv1a-64';
-import 'nuxt-site-config/kit';
 import 'nuxtseo-shared/kit';
 import 'pathe';
-import 'pkg-types';
-export { n as default } from './shared/nuxt-og-image.Bcegsloy.mjs';
+export { n as default } from './shared/nuxt-og-image.DR_SxdDv.mjs';
 import '../dist/runtime/logger.js';
+import '../dist/runtime/shared/publish.js';
+import 'node:crypto';
 import 'magic-string';
 import 'oxc-walker';
 import 'exsolve';
-import 'chrome-launcher';
 import 'std-env';
+import '../dist/runtime/server/og-image/utils/css.js';
 import 'nypm';
 import 'nuxtseo-shared/devtools';
 import 'unstorage';
 import 'unstorage/drivers/fs-lite';
-import '../dist/runtime/server/og-image/utils/css.js';
+import 'nuxt-site-config/kit';
 import 'strip-literal';
 import 'unplugin';
 import '@vue/compiler-sfc';

package/dist/runtime/app/client-utils.js

@@ -2,8 +2,9 @@ import { defu } from "defu";
 import { injectHead, useHead, useRuntimeConfig } from "nuxt/app";
 import { joinURL, withQuery } from "ufo";
 import { toValue } from "vue";
+import { hasServerRuntime } from "#build/nuxt-og-image/client-config.mjs";
 import { componentNames } from "#build/nuxt-og-image/components.mjs";
-import { createSitePathResolver } from "#site-config/app/composables/utils";
+import { createSitePathResolver } from "#site-config/app";
 import { buildOgImageUrl, generateMeta, separateProps } from "../shared.js";
 const clientEntriesByHead = /* @__PURE__ */ new WeakMap();
 function registerClientOgHead(ogKey, input, options) {
@@ -86,7 +87,7 @@ export function clientProcessOgImageOptions(input, route, basePath) {
       paths.push(url);
       continue;
     }
-    if (publicCfg.hasServerRuntime) {
+    if (hasServerRuntime) {
       const finalUrl2 = buildResolverUrl(baseURL, basePath, ogKey, route.query);
       registerClientOgHead(ogKey, { meta: generateMeta(toValue(resolveImageUrl(finalUrl2)), validOptions, metaOptions) }, { tagPriority: "high" });
       paths.push(finalUrl2);
@@ -101,8 +102,10 @@ export function clientProcessOgImageOptions(input, route, basePath) {
       urlOpts._componentHash = component.hash;
     const result = buildOgImageUrl(urlOpts, extension, true, defaults, void 0);
     const resolvedUrl = joinURL("/", baseURL, result.url);
-    const finalUrl = opts._query && Object.keys(opts._query).length ? withQuery(resolvedUrl, { _query: opts._query }) : resolvedUrl;
-    registerClientOgHead(ogKey, { meta: generateMeta(toValue(resolveImageUrl(finalUrl)), opts, metaOptions) }, { processTemplateParams: true, tagPriority: "high" });
+    const query = opts._query && Object.keys(opts._query).length ? { _query: opts._query } : {};
+    const finalUrl = withQuery(resolvedUrl, query);
+    const imageUrl = rc.app.cdnURL ? withQuery(joinURL(rc.app.cdnURL, result.url), query) : toValue(resolveImageUrl(finalUrl));
+    registerClientOgHead(ogKey, { meta: generateMeta(imageUrl, opts, metaOptions) }, { processTemplateParams: true, tagPriority: "high" });
     paths.push(finalUrl);
   }
   return paths;

package/dist/runtime/app/components/Templates/Community/SaaS.satori.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { useSiteConfig } from "#site-config/app/composables";
+import { useSiteConfig } from "#site-config/app";
 const props = defineProps({
   colorMode: { type: String, required: false, default: "light" },
   title: { type: String, required: false },

package/dist/runtime/app/components/Templates/Community/SimpleBlog.satori.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { parseURL } from "ufo";
 import { computed } from "vue";
-import { useSiteConfig } from "#site-config/app/composables";
+import { useSiteConfig } from "#site-config/app";
 const props = defineProps({
   colorMode: { type: String, required: false, default: "light" },
   title: { type: String, required: false, default: "title" },

package/dist/runtime/app/disabled/components.d.ts

@@ -0,0 +1 @@
+export type OgImageComponents = Record<string, Record<string, unknown>>;

package/dist/runtime/app/disabled/composables/defineOgImage.d.ts

@@ -0,0 +1 @@
+export { defineOgImage } from '../../composables/mock.js';

package/dist/runtime/app/disabled/composables/defineOgImage.js

@@ -0,0 +1 @@
+export { defineOgImage } from "../../composables/mock.js";

package/dist/runtime/app/disabled/composables/defineOgImageComponent.d.ts

@@ -0,0 +1 @@
+export { defineOgImageComponent } from '../../composables/mock.js';

package/dist/runtime/app/disabled/composables/defineOgImageComponent.js

@@ -0,0 +1 @@
+export { defineOgImageComponent } from "../../composables/mock.js";

package/dist/runtime/app/disabled/composables/defineOgImageScreenshot.d.ts

@@ -0,0 +1 @@
+export { defineOgImageScreenshot } from '../../composables/mock.js';

package/dist/runtime/app/disabled/composables/defineOgImageScreenshot.js

@@ -0,0 +1 @@
+export { defineOgImageScreenshot } from "../../composables/mock.js";

package/dist/runtime/app/disabled/composables/mock.d.ts

@@ -0,0 +1 @@
+export { defineOgImage, defineOgImageComponent, defineOgImageScreenshot } from '../../composables/mock.js';

package/dist/runtime/app/disabled/composables/mock.js

@@ -0,0 +1 @@
+export { defineOgImage, defineOgImageComponent, defineOgImageScreenshot } from "../../composables/mock.js";

package/dist/runtime/app/disabled/index.d.ts

@@ -0,0 +1,3 @@
+export { defineOgImage } from './composables/defineOgImage.js';
+export { defineOgImageComponent } from './composables/defineOgImageComponent.js';
+export { defineOgImageScreenshot } from './composables/defineOgImageScreenshot.js';

package/dist/runtime/app/disabled/index.js

@@ -0,0 +1,3 @@
+export { defineOgImage } from "./composables/defineOgImage.js";
+export { defineOgImageComponent } from "./composables/defineOgImageComponent.js";
+export { defineOgImageScreenshot } from "./composables/defineOgImageScreenshot.js";

package/dist/runtime/app/index.d.ts

@@ -0,0 +1,4 @@
+export { defineOgImage } from './composables/defineOgImage.js';
+export { defineOgImageComponent } from './composables/defineOgImageComponent.js';
+export { defineOgImageScreenshot } from './composables/defineOgImageScreenshot.js';
+export { getOgImagePath } from './utils.js';

package/dist/runtime/app/index.js

@@ -0,0 +1,4 @@
+export { defineOgImage } from "./composables/defineOgImage.js";
+export { defineOgImageComponent } from "./composables/defineOgImageComponent.js";
+export { defineOgImageScreenshot } from "./composables/defineOgImageScreenshot.js";
+export { getOgImagePath } from "./utils.js";

package/dist/runtime/app/utils/plugins.js

@@ -4,7 +4,7 @@ import { createNitroRouteRuleMatcher } from "nuxtseo-shared/server";
 import { parseURL } from "ufo";
 import { toValue } from "vue";
 import { defineNuxtPlugin, useRequestEvent } from "#app";
-import { withSiteUrl } from "#site-config/app/composables";
+import { withSiteUrl } from "#site-config/app";
 import { createOgImageMeta, getOgImagePath } from "../../app/utils.js";
 import { isInternalRoute } from "../../shared.js";
 const RE_COMMA = /,/g;

package/dist/runtime/app/utils.js

@@ -4,7 +4,7 @@ import { useHead, useRequestEvent, useRuntimeConfig } from "nuxt/app";
 import { joinURL, withQuery } from "ufo";
 import { isRef, toValue } from "vue";
 import { componentNames } from "#build/nuxt-og-image/components.mjs";
-import { createSitePathResolver, withSiteUrl } from "#site-config/app/composables/utils";
+import { createSitePathResolver, withSiteUrl } from "#site-config/app";
 import { buildOgImageUrl, generateMeta, separateProps } from "../shared.js";
 function resolveUnrefHeadInput(input) {
   if (input == null)
@@ -242,7 +242,7 @@ export function useOgImageRuntimeConfig() {
   const serverCfg = c["nuxt-og-image"] || {};
   const publicCfg = c.public?.["nuxt-og-image"] || {};
   const merged = { defaults: {}, ...publicCfg, ...serverCfg };
-  const overrideSecret = c.ogImage?.secret;
+  const overrideSecret = event?.context._ogImageSigningSecret;
   if (overrideSecret)
     merged.security = { ...merged.security || {}, secret: overrideSecret };
   merged.app = { baseURL: c.app.baseURL };

package/dist/runtime/server/index.d.ts

@@ -0,0 +1 @@
+export { getOgImageUrl } from './nitro.js';

package/dist/runtime/server/index.js

@@ -0,0 +1 @@
+export { getOgImageUrl } from "./nitro.js";

package/dist/runtime/server/middleware/signing.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/middleware/signing.js

@@ -0,0 +1,19 @@
+import { createError, useRuntimeConfig } from "nuxt/server";
+import { joinURL } from "ufo";
+import { defineEventHandler, getRequestURL } from "#nuxtseo/h3";
+import { rendersImages } from "#og-image-virtual/signing.mjs";
+import { initializeOgImageSigning, isOgImageEndpointPath, reportSigningFailure } from "../signing-secret.js";
+export default defineEventHandler(async (event) => {
+  if (!rendersImages)
+    return;
+  const baseURL = useRuntimeConfig().app.baseURL;
+  const pathname = getRequestURL(event).pathname;
+  if (pathname === "/__nuxt_error" || pathname === joinURL(baseURL, "__nuxt_error"))
+    return;
+  const failure = await initializeOgImageSigning(event).then(() => void 0, (error) => error);
+  if (failure === void 0)
+    return;
+  reportSigningFailure(failure);
+  if (import.meta.prerender || isOgImageEndpointPath(pathname, baseURL))
+    throw createError({ status: 500, message: "[nuxt-og-image] URL signing needs NUXT_APP_SECRET with at least 32 characters.", cause: failure });
+});