nuxt-og-image 5.1.7 → 5.1.8

package/dist/client/_nuxt/{CN8iCxzm.js → DH3TEEXq.js}

@@ -1 +1 @@
-import{_ as s,u as a,c as i,o as u,a as e,t as o}from"./BuG-6Qss.js";const l={class:"antialiased bg-white dark:bg-black dark:text-white font-sans grid min-h-screen overflow-hidden place-content-center text-black"},c={class:"max-w-520px text-center"},d=["textContent"],p=["textContent"],f={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const n=t;return a({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[{innerHTML:`!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&r(e)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),"use-credentials"===e.crossOrigin?r.credentials="include":"anonymous"===e.crossOrigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();`}],style:[{innerHTML:'*,:after,:before{border-color:var(--un-default-border-color,#e5e7eb);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}h1{font-size:inherit;font-weight:inherit}h1,p{margin:0}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(g,r)=>(u(),i("div",l,[r[0]||(r[0]=e("div",{class:"-bottom-1/2 fixed h-1/2 left-0 right-0 spotlight"},null,-1)),e("div",c,[e("h1",{class:"font-medium mb-8 sm:text-10xl text-8xl",textContent:o(t.statusCode)},null,8,d),e("p",{class:"font-light leading-tight mb-16 px-8 sm:px-0 sm:text-4xl text-xl",textContent:o(t.description)},null,8,p)])]))}},h=s(f,[["__scopeId","data-v-78dd430a"]]);export{h as default};
+import{_ as s,u as a,c as i,o as u,a as e,t as o}from"./Cl0GRg1F.js";const l={class:"antialiased bg-white dark:bg-black dark:text-white font-sans grid min-h-screen overflow-hidden place-content-center text-black"},c={class:"max-w-520px text-center"},d=["textContent"],p=["textContent"],f={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const n=t;return a({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[{innerHTML:`!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&r(e)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),"use-credentials"===e.crossOrigin?r.credentials="include":"anonymous"===e.crossOrigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();`}],style:[{innerHTML:'*,:after,:before{border-color:var(--un-default-border-color,#e5e7eb);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}h1{font-size:inherit;font-weight:inherit}h1,p{margin:0}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(g,r)=>(u(),i("div",l,[r[0]||(r[0]=e("div",{class:"-bottom-1/2 fixed h-1/2 left-0 right-0 spotlight"},null,-1)),e("div",c,[e("h1",{class:"font-medium mb-8 sm:text-10xl text-8xl",textContent:o(t.statusCode)},null,8,d),e("p",{class:"font-light leading-tight mb-16 px-8 sm:px-0 sm:text-4xl text-xl",textContent:o(t.description)},null,8,p)])]))}},h=s(f,[["__scopeId","data-v-78dd430a"]]);export{h as default};

package/dist/client/_nuxt/builds/latest.json

@@ -1 +1 @@
-{"id":"a8d773e2-13ae-466e-b246-42e9659ce587","timestamp":1750307146754}
+{"id":"32731774-300b-4e2d-acf2-4e94bbd66b89","timestamp":1750905317414}

package/dist/client/_nuxt/builds/meta/32731774-300b-4e2d-acf2-4e94bbd66b89.json

@@ -0,0 +1 @@
+{"id":"32731774-300b-4e2d-acf2-4e94bbd66b89","timestamp":1750905317414,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/dist/client/index.html

@@ -1,15 +1,15 @@
 <!DOCTYPE html><html><head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.BVkKIlAn.css" crossorigin>
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BuG-6Qss.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Cl0GRg1F.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CVO1_9PV.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D0r3Knsf.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/B8PEiB0p.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Cp-IABpG.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/B6E6ObS_.js">
 <link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-404.CWHu2lpK.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DK6ySO-b.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BM0SGHtW.js">
 <link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-500.xMt3qmEl.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CN8iCxzm.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/BuG-6Qss.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1750307151699,false]</script>
-<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"a8d773e2-13ae-466e-b246-42e9659ce587",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DH3TEEXq.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/Cl0GRg1F.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1750905323198,false]</script>
+<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"32731774-300b-4e2d-acf2-4e94bbd66b89",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/content.cjs

@@ -2,12 +2,13 @@
 
 const content = require('@nuxt/content');
 
+const ogImageSchema = content.z.object({
+  url: content.z.string().optional(),
+  component: content.z.string().optional(),
+  props: content.z.record(content.z.string(), content.z.any())
+}).optional();
 const schema = content.z.object({
-  ogImage: content.z.object({
-    url: content.z.string().optional(),
-    component: content.z.string().optional(),
-    props: content.z.record(content.z.string(), content.z.any())
-  }).optional()
+  ogImage: ogImageSchema
 });
 function asOgImageCollection(collection) {
   if (collection.type === "page") {
@@ -17,4 +18,5 @@ function asOgImageCollection(collection) {
 }
 
 exports.asOgImageCollection = asOgImageCollection;
+exports.ogImageSchema = ogImageSchema;
 exports.schema = schema;

package/dist/content.d.cts

@@ -2,6 +2,19 @@ import * as zod from 'zod';
 import { TypeOf, ZodRawShape } from 'zod';
 import { Collection } from '@nuxt/content';
 
+declare const ogImageSchema: zod.ZodOptional<zod.ZodObject<{
+    url: zod.ZodOptional<zod.ZodString>;
+    component: zod.ZodOptional<zod.ZodString>;
+    props: zod.ZodRecord<zod.ZodString, zod.ZodAny>;
+}, "strip", zod.ZodTypeAny, {
+    props: Record<string, any>;
+    url?: string | undefined;
+    component?: string | undefined;
+}, {
+    props: Record<string, any>;
+    url?: string | undefined;
+    component?: string | undefined;
+}>>;
 declare const schema: zod.ZodObject<{
     ogImage: zod.ZodOptional<zod.ZodObject<{
         url: zod.ZodOptional<zod.ZodString>;
@@ -30,7 +43,10 @@ declare const schema: zod.ZodObject<{
     } | undefined;
 }>;
 type OgImageSchema = TypeOf<typeof schema>;
-declare function asOgImageCollection<T extends ZodRawShape>(collection: Collection<T>): Collection<T>;
+type ExtendedSchema<T extends ZodRawShape> = T & {
+    ogImage: typeof ogImageSchema;
+};
+declare function asOgImageCollection<T extends ZodRawShape>(collection: Collection<T>): Collection<ExtendedSchema<T>>;
 
-export { asOgImageCollection, schema };
+export { asOgImageCollection, ogImageSchema, schema };
 export type { OgImageSchema };

package/dist/content.d.mts

@@ -2,6 +2,19 @@ import * as zod from 'zod';
 import { TypeOf, ZodRawShape } from 'zod';
 import { Collection } from '@nuxt/content';
 
+declare const ogImageSchema: zod.ZodOptional<zod.ZodObject<{
+    url: zod.ZodOptional<zod.ZodString>;
+    component: zod.ZodOptional<zod.ZodString>;
+    props: zod.ZodRecord<zod.ZodString, zod.ZodAny>;
+}, "strip", zod.ZodTypeAny, {
+    props: Record<string, any>;
+    url?: string | undefined;
+    component?: string | undefined;
+}, {
+    props: Record<string, any>;
+    url?: string | undefined;
+    component?: string | undefined;
+}>>;
 declare const schema: zod.ZodObject<{
     ogImage: zod.ZodOptional<zod.ZodObject<{
         url: zod.ZodOptional<zod.ZodString>;
@@ -30,7 +43,10 @@ declare const schema: zod.ZodObject<{
     } | undefined;
 }>;
 type OgImageSchema = TypeOf<typeof schema>;
-declare function asOgImageCollection<T extends ZodRawShape>(collection: Collection<T>): Collection<T>;
+type ExtendedSchema<T extends ZodRawShape> = T & {
+    ogImage: typeof ogImageSchema;
+};
+declare function asOgImageCollection<T extends ZodRawShape>(collection: Collection<T>): Collection<ExtendedSchema<T>>;
 
-export { asOgImageCollection, schema };
+export { asOgImageCollection, ogImageSchema, schema };
 export type { OgImageSchema };

package/dist/content.d.ts

@@ -2,6 +2,19 @@ import * as zod from 'zod';
 import { TypeOf, ZodRawShape } from 'zod';
 import { Collection } from '@nuxt/content';
 
+declare const ogImageSchema: zod.ZodOptional<zod.ZodObject<{
+    url: zod.ZodOptional<zod.ZodString>;
+    component: zod.ZodOptional<zod.ZodString>;
+    props: zod.ZodRecord<zod.ZodString, zod.ZodAny>;
+}, "strip", zod.ZodTypeAny, {
+    props: Record<string, any>;
+    url?: string | undefined;
+    component?: string | undefined;
+}, {
+    props: Record<string, any>;
+    url?: string | undefined;
+    component?: string | undefined;
+}>>;
 declare const schema: zod.ZodObject<{
     ogImage: zod.ZodOptional<zod.ZodObject<{
         url: zod.ZodOptional<zod.ZodString>;
@@ -30,7 +43,10 @@ declare const schema: zod.ZodObject<{
     } | undefined;
 }>;
 type OgImageSchema = TypeOf<typeof schema>;
-declare function asOgImageCollection<T extends ZodRawShape>(collection: Collection<T>): Collection<T>;
+type ExtendedSchema<T extends ZodRawShape> = T & {
+    ogImage: typeof ogImageSchema;
+};
+declare function asOgImageCollection<T extends ZodRawShape>(collection: Collection<T>): Collection<ExtendedSchema<T>>;
 
-export { asOgImageCollection, schema };
+export { asOgImageCollection, ogImageSchema, schema };
 export type { OgImageSchema };

package/dist/content.mjs

@@ -1,11 +1,12 @@
 import { z } from '@nuxt/content';
 
+const ogImageSchema = z.object({
+  url: z.string().optional(),
+  component: z.string().optional(),
+  props: z.record(z.string(), z.any())
+}).optional();
 const schema = z.object({
-  ogImage: z.object({
-    url: z.string().optional(),
-    component: z.string().optional(),
-    props: z.record(z.string(), z.any())
-  }).optional()
+  ogImage: ogImageSchema
 });
 function asOgImageCollection(collection) {
   if (collection.type === "page") {
@@ -14,4 +15,4 @@ function asOgImageCollection(collection) {
   return collection;
 }
 
-export { asOgImageCollection, schema };
+export { asOgImageCollection, ogImageSchema, schema };

package/dist/module.cjs

@@ -149,6 +149,7 @@ const RuntimeCompatibility = {
     "satori": "node",
     "sharp": false,
     "wasm": {
+      // @ts-expect-error untyped
       rollup: {
         targetEnv: "auto-inline",
         sync: ["@resvg/resvg-wasm/index_bg.wasm"]
@@ -309,7 +310,7 @@ async function setupBuildHandler(config, resolve, nuxt = kit.useNuxt()) {
 }
 async function resolveFilePathSha1(path) {
   const _path = await kit.resolvePath(path);
-  return sha1(fs.existsSync(_path) ? await promises.readFile(_path) : path);
+  return sha1(fs.existsSync(_path) ? await promises.readFile(_path) : Buffer.from(path));
 }
 function sha1(source) {
   return node_crypto.createHash("sha1").update(source).digest("hex").slice(0, 16);
@@ -899,7 +900,7 @@ const module$1 = kit.defineNuxtModule({
             hash: ohash.hash(componentFile).replaceAll("_", "-"),
             pascalName: component.pascalName,
             kebabName: component.kebabName,
-            path: nuxt.options.dev ? component.filePath : void 0,
+            path: component.filePath,
             category,
             credits
           });

package/dist/module.json

@@ -5,7 +5,7 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "5.1.6",
+  "version": "5.1.7",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/module.mjs

@@ -129,6 +129,7 @@ const RuntimeCompatibility = {
     "satori": "node",
     "sharp": false,
     "wasm": {
+      // @ts-expect-error untyped
       rollup: {
         targetEnv: "auto-inline",
         sync: ["@resvg/resvg-wasm/index_bg.wasm"]
@@ -289,7 +290,7 @@ async function setupBuildHandler(config, resolve, nuxt = useNuxt()) {
 }
 async function resolveFilePathSha1(path) {
   const _path = await resolvePath(path);
-  return sha1(existsSync(_path) ? await readFile(_path) : path);
+  return sha1(existsSync(_path) ? await readFile(_path) : Buffer.from(path));
 }
 function sha1(source) {
   return createHash("sha1").update(source).digest("hex").slice(0, 16);
@@ -879,7 +880,7 @@ const module = defineNuxtModule({
             hash: hash(componentFile).replaceAll("_", "-"),
             pascalName: component.pascalName,
             kebabName: component.kebabName,
-            path: nuxt.options.dev ? component.filePath : void 0,
+            path: component.filePath,
             category,
             credits
           });

package/dist/runtime/app/components/OgImage/OgImage.js

@@ -1,5 +1,5 @@
-import { defineOgImage } from "#imports";
 import { defineComponent } from "vue";
+import { defineOgImage } from "../../composables/defineOgImage.js";
 export default defineComponent({
   name: "OgImage",
   async setup(_, { attrs }) {

package/dist/runtime/app/components/OgImage/OgImageScreenshot.js

@@ -1,5 +1,5 @@
-import { defineOgImageScreenshot } from "#imports";
 import { defineComponent } from "vue";
+import { defineOgImageScreenshot } from "../../composables/defineOgImageScreenshot.js";
 export default defineComponent({
   name: "OgImageScreenshot",
   async setup(_, { attrs }) {

package/dist/runtime/app/components/Templates/Community/NuxtSeo.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { useSiteConfig } from "#imports";
-import { useOgImageRuntimeConfig } from "#og-image/shared";
+import { useOgImageRuntimeConfig } from "#og-image/app/utils";
+import { useSiteConfig } from "#site-config/app/composables";
 import { computed, defineComponent, h, resolveComponent } from "vue";
 const props = defineProps({
   colorMode: { type: String, required: false },

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

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

package/dist/runtime/app/components/Templates/Community/UnJs.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed } from "#imports";
+import { computed } from "vue";
 const props = defineProps({
   title: { type: String, required: false, default: "unjs/h3" },
   description: { type: String, required: false, default: "Minimal H(TTP) framework built for high performance and portability" },

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

@@ -1,9 +1,7 @@
 import { appendHeader } from "h3";
 import { createError, useNuxtApp, useRequestEvent, useRoute, useState } from "nuxt/app";
 import { ref, toValue } from "vue";
-import { createNitroRouteRuleMatcher } from "../../server/util/kit.js";
-import { getOgImagePath, useOgImageRuntimeConfig } from "../../shared.js";
-import { createOgImageMeta, setHeadOgImagePrebuilt } from "../utils.js";
+import { createOgImageMeta, getOgImagePath, setHeadOgImagePrebuilt, useOgImageRuntimeConfig } from "../utils.js";
 export function defineOgImage(_options = {}) {
   const nuxtApp = useNuxtApp();
   const route = useRoute();
@@ -21,35 +19,25 @@ export function defineOgImage(_options = {}) {
   if (!import.meta.server) {
     return;
   }
-  const ogImageInstances = nuxtApp.ssrContext._ogImageInstances || [];
-  const routeRuleMatcher = createNitroRouteRuleMatcher();
-  const routeRules = routeRuleMatcher(basePath).ogImage;
-  if (!_options || nuxtApp.ssrContext?.event.context._nitro?.routeRules?.ogImage === false || typeof routeRules !== "undefined" && routeRules === false) {
-    ogImageInstances.forEach((e) => {
-      e.dispose();
-    });
-    nuxtApp.ssrContext._ogImageInstances = void 0;
-    return;
-  }
   const { defaults } = useOgImageRuntimeConfig();
   const options = toValue(_options);
-  for (const key in routeRules) {
-    if (options[key] === void 0)
-      options[key] = routeRules[key];
+  if (options === false) {
+    return;
   }
+  const validOptions = options;
   for (const key in defaults) {
-    if (options[key] === void 0)
-      options[key] = defaults[key];
+    if (validOptions[key] === void 0)
+      validOptions[key] = defaults[key];
   }
   if (route.query)
-    options._query = route.query;
-  if (options.url) {
-    setHeadOgImagePrebuilt(options);
+    validOptions._query = route.query;
+  if (validOptions.url) {
+    setHeadOgImagePrebuilt(validOptions);
     return;
   }
-  const path = getOgImagePath(basePath, options);
+  const path = getOgImagePath(basePath, validOptions);
   if (import.meta.prerender) {
     appendHeader(useRequestEvent(nuxtApp), "x-nitro-prerender", path);
   }
-  createOgImageMeta(path, options, nuxtApp.ssrContext);
+  createOgImageMeta(path, validOptions, nuxtApp.ssrContext);
 }

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

@@ -1,4 +1,5 @@
-import { defineOgImage, useRouter } from "#imports";
+import { useRouter } from "#app";
+import { defineOgImage } from "./defineOgImage.js";
 export function defineOgImageScreenshot(options = {}) {
   const router = useRouter();
   const route = router.currentRoute.value?.path || "/";

package/dist/runtime/app/plugins/__zero-runtime/og-image-canonical-urls.server.js

@@ -1,4 +1,4 @@
-import { defineNuxtPlugin } from "#imports";
+import { defineNuxtPlugin } from "#app";
 import { ogImageCanonicalUrls as setup } from "../../utils/plugins.js";
 export default defineNuxtPlugin({
   setup(nuxtApp) {

package/dist/runtime/app/plugins/__zero-runtime/route-rule-og-image.server.js

@@ -1,4 +1,4 @@
-import { defineNuxtPlugin } from "#imports";
+import { defineNuxtPlugin } from "#app";
 import { routeRuleOgImage as setup } from "../../utils/plugins.js";
 export default defineNuxtPlugin({
   setup(nuxtApp) {

package/dist/runtime/app/plugins/og-image-canonical-urls.server.js

@@ -1,5 +1,7 @@
-import { defineNuxtPlugin } from "#imports";
+import { defineNuxtPlugin } from "#app";
 import { ogImageCanonicalUrls as setup } from "../utils/plugins.js";
 export default defineNuxtPlugin({
-  setup
+  setup(nuxtApp) {
+    setup(nuxtApp);
+  }
 });

package/dist/runtime/app/plugins/route-rule-og-image.server.js

@@ -1,5 +1,7 @@
-import { defineNuxtPlugin } from "#imports";
+import { defineNuxtPlugin } from "#app";
 import { routeRuleOgImage as setup } from "../utils/plugins.js";
 export default defineNuxtPlugin({
-  setup
+  setup(nuxtApp) {
+    setup(nuxtApp);
+  }
 });

package/dist/runtime/app/utils/plugins.d.ts

@@ -1,3 +1,3 @@
-import type { NuxtApp } from 'nuxt/app';
-export declare function ogImageCanonicalUrls(nuxtApp: NuxtApp): void;
-export declare function routeRuleOgImage(nuxtApp: NuxtApp): void;
+import type { NuxtSSRContext } from '#app/nuxt';
+export declare function ogImageCanonicalUrls(nuxtApp: NuxtSSRContext['nuxt']): void;
+export declare function routeRuleOgImage(nuxtApp: NuxtSSRContext['nuxt']): void;

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

@@ -1,4 +1,5 @@
-import { useRequestEvent, withSiteUrl } from "#imports";
+import { useRequestEvent } from "#app";
+import { withSiteUrl } from "#site-config/app/composables";
 import { TemplateParamsPlugin } from "@unhead/vue/plugins";
 import { defu } from "defu";
 import { parse, stringify } from "devalue";
@@ -6,13 +7,13 @@ import { createRouter as createRadixRouter, toRouteMatcher } from "radix3";
 import { parseURL, withoutBase } from "ufo";
 import { toValue } from "vue";
 import { createOgImageMeta } from "../../app/utils.js";
-import { isInternalRoute, separateProps } from "../../pure.js";
-import { getOgImagePath } from "../../shared.js";
+import { isInternalRoute, separateProps } from "../../shared.js";
+import { getOgImagePath } from "../utils.js";
 export function ogImageCanonicalUrls(nuxtApp) {
   nuxtApp.hooks.hook("app:rendered", async (ctx) => {
     const { ssrContext } = ctx;
     const e = useRequestEvent();
-    const path = parseURL(e.path).pathname;
+    const path = parseURL(e?.path || "").pathname;
     if (isInternalRoute(path))
       return;
     ssrContext?.head.use(TemplateParamsPlugin);
@@ -50,7 +51,7 @@ export function ogImageCanonicalUrls(nuxtApp) {
                 });
               }
             } else if (overrides && tag.tag === "script" && tag.props.id === "nuxt-og-image-options") {
-              tag.innerHTML = stringify(defu(overrides, parse(tag.innerHTML)));
+              tag.innerHTML = stringify(defu(overrides, parse(tag.innerHTML || "{}")));
             }
           }
         }
@@ -62,15 +63,17 @@ export function routeRuleOgImage(nuxtApp) {
   nuxtApp.hooks.hook("app:rendered", async (ctx) => {
     const { ssrContext } = ctx;
     const e = useRequestEvent();
-    const path = parseURL(e.path).pathname;
+    const path = parseURL(e?.path || "").pathname;
     if (isInternalRoute(path))
       return;
     const _routeRulesMatcher = toRouteMatcher(
       createRadixRouter({ routes: ssrContext?.runtimeConfig?.nitro?.routeRules })
     );
-    let routeRules = defu({}, ..._routeRulesMatcher.matchAll(
-      withoutBase(path.split("?")[0], ssrContext?.runtimeConfig?.app.baseURL)
-    ).reverse()).ogImage;
+    const matchedRules = _routeRulesMatcher.matchAll(
+      withoutBase(path.split("?")[0], ssrContext?.runtimeConfig?.app.baseURL || "")
+    ).reverse();
+    const combinedRules = defu({}, ...matchedRules);
+    let routeRules = combinedRules?.ogImage;
     if (typeof routeRules === "undefined")
       return;
     const ogImageInstances = nuxtApp.ssrContext._ogImageInstances || [];
@@ -82,7 +85,7 @@ export function routeRuleOgImage(nuxtApp) {
       nuxtApp.ssrContext._ogImageInstances = void 0;
       return;
     }
-    routeRules = defu(nuxtApp.ssrContext?.event.context._nitro?.routeRules?.ogImage, routeRules);
+    routeRules = defu(nuxtApp.ssrContext?.event?.context._nitro?.routeRules?.ogImage, routeRules);
     const src = getOgImagePath(ssrContext.url, routeRules);
     createOgImageMeta(src, routeRules, nuxtApp.ssrContext);
   });

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

@@ -1,5 +1,7 @@
 import type { NuxtSSRContext } from 'nuxt/app';
-import type { OgImageOptions, OgImagePrebuilt } from '../types.js';
+import type { OgImageOptions, OgImagePrebuilt, OgImageRuntimeConfig } from '../types.js';
 export declare function setHeadOgImagePrebuilt(input: OgImagePrebuilt): void;
 export declare function createOgImageMeta(src: string, input: OgImageOptions | OgImagePrebuilt, ssrContext: NuxtSSRContext): void;
 export declare function resolveComponentName(component: OgImageOptions['component'], fallback: string): OgImageOptions['component'];
+export declare function getOgImagePath(pagePath: string, _options?: Partial<OgImageOptions>): string;
+export declare function useOgImageRuntimeConfig(): OgImageRuntimeConfig;

package/dist/runtime/app/utils.js

@@ -1,10 +1,10 @@
+import { useHead, useRuntimeConfig } from "#app";
 import { componentNames } from "#build/nuxt-og-image/components.mjs";
-import { useHead } from "#imports";
 import { resolveUnrefHeadInput } from "@unhead/vue";
 import { defu } from "defu";
 import { stringify } from "devalue";
-import { withQuery } from "ufo";
-import { generateMeta, separateProps, useOgImageRuntimeConfig } from "../shared.js";
+import { joinURL, withQuery } from "ufo";
+import { generateMeta, separateProps } from "../shared.js";
 export function setHeadOgImagePrebuilt(input) {
   if (import.meta.client) {
     return;
@@ -33,9 +33,9 @@ export function createOgImageMeta(src, input, ssrContext) {
       processTemplateParams: true,
       innerHTML: () => {
         const payload = resolveUnrefHeadInput(_input);
-        if (typeof payload.props.title === "undefined")
+        if (payload.props && typeof payload.props.title === "undefined")
           payload.props.title = "%s";
-        payload.component = resolveComponentName(input.component, defaults.component);
+        payload.component = resolveComponentName(input.component, defaults.component || "");
         delete payload.url;
         if (payload._query && Object.keys(payload._query).length === 0) {
           delete payload._query;
@@ -73,3 +73,21 @@ export function resolveComponentName(component, fallback) {
   }
   return component;
 }
+export function getOgImagePath(pagePath, _options) {
+  const baseURL = useRuntimeConfig().app.baseURL;
+  const extension = _options?.extension || useOgImageRuntimeConfig().defaults.extension;
+  const path = joinURL("/", baseURL, `__og-image__/${import.meta.prerender ? "static" : "image"}`, pagePath, `og.${extension}`);
+  if (Object.keys(_options?._query || {}).length) {
+    return withQuery(path, _options._query);
+  }
+  return path;
+}
+export function useOgImageRuntimeConfig() {
+  const c = useRuntimeConfig();
+  return {
+    ...c["nuxt-og-image"],
+    app: {
+      baseURL: c.app.baseURL
+    }
+  };
+}

package/dist/runtime/server/og-image/bindings/chromium/on-demand.js

@@ -11,14 +11,19 @@ export async function createBrowser() {
       const logger = createConsola().withTag("Nuxt OG Image");
       logger.info("Installing Chromium install for og:image generation...");
       const installChromeProcess = execa("npx", ["playwright", "install", "chromium"], {
-        stdio: "inherit"
+        stdio: "pipe"
       });
-      installChromeProcess.stderr?.pipe(process.stderr);
+      if (installChromeProcess.stderr) {
+        installChromeProcess.stderr.pipe(process.stderr);
+      }
+      if (installChromeProcess.stdout) {
+        installChromeProcess.stdout.pipe(process.stdout);
+      }
       new Promise((resolve) => {
         installChromeProcess.on("exit", (e) => {
           if (e !== 0)
             logger.error("Failed to install Playwright dependency for og:image generation. Trying anyway...");
-          resolve(true);
+          resolve();
         });
       }).then(() => {
         installChromeProcess.kill();

package/dist/runtime/server/og-image/chromium/screenshot.js

@@ -1,6 +1,7 @@
-import { useNitroOrigin } from "#imports";
+import { useNitroOrigin } from "#site-config/server/composables";
 import { joinURL, withQuery } from "ufo";
-import { useOgImageRuntimeConfig } from "../../../shared.js";
+import { toValue } from "vue";
+import { useOgImageRuntimeConfig } from "../../utils.js";
 export async function createScreenshot({ basePath, e, options, extension }, browser) {
   const { colorPreference } = useOgImageRuntimeConfig();
   const path = options.component === "PageScreenshot" ? basePath : joinURL("/__og-image__/image", basePath, `og.html`);
@@ -13,8 +14,8 @@ export async function createScreenshot({ basePath, e, options, extension }, brow
       options.html = await e.$fetch(path).catch(() => void 0);
     }
     await page.setViewportSize({
-      width: options.width || 1200,
-      height: options.height || 630
+      width: toValue(options.width) || 1200,
+      height: toValue(options.height) || 630
     });
     if (options.html) {
       const html = options.html;

package/dist/runtime/server/og-image/context.js

@@ -11,11 +11,12 @@ import { useNitroApp } from "nitropack/runtime";
 import { hash } from "ohash";
 import { parseURL, withoutLeadingSlash, withoutTrailingSlash, withQuery } from "ufo";
 import { normalizeKey } from "unstorage";
-import { separateProps, useOgImageRuntimeConfig } from "../../shared.js";
+import { separateProps } from "../../shared.js";
 import { decodeObjectHtmlEntities } from "../util/encoding.js";
 import { createNitroRouteRuleMatcher } from "../util/kit.js";
 import { logger } from "../util/logger.js";
 import { normaliseOptions } from "../util/options.js";
+import { useOgImageRuntimeConfig } from "../utils.js";
 import { useChromiumRenderer, useSatoriRenderer } from "./instances.js";
 export function resolvePathCacheKey(e, path) {
   const siteConfig = useSiteConfig(e, {
@@ -248,16 +249,17 @@ async function fetchPathHtmlAndExtractOptions(e, path, key) {
   }
   if (!_payload) {
     const payload2 = extractAndNormaliseOgImageOptions(html);
-    if (payload2?.socialPreview?.og?.image) {
+    if (payload2 && typeof payload2 === "object" && payload2.socialPreview?.og?.image) {
+      const image = payload2.socialPreview.og.image;
       const p = {
         custom: true,
-        url: payload2.socialPreview.og.image
+        url: typeof image === "string" ? image : image
       };
-      if (payload2.socialPreview.og.image["image:width"]) {
-        p.width = payload2.socialPreview.og.image["image:width"];
+      if (typeof image === "object" && image["image:width"]) {
+        p.width = image["image:width"];
       }
-      if (payload2.socialPreview.og.image["image:height"]) {
-        p.height = payload2.socialPreview.og.image["image:height"];
+      if (typeof image === "object" && image["image:height"]) {
+        p.height = image["image:height"];
       }
       return p;
     }
@@ -274,5 +276,8 @@ async function fetchPathHtmlAndExtractOptions(e, path, key) {
       value: payload
     });
   }
-  return payload;
+  return typeof payload === "object" ? payload : createError({
+    statusCode: 500,
+    statusMessage: "[Nuxt OG Image] Invalid payload type."
+  });
 }