nuxt-og-image 6.2.3 → 6.2.4

package/dist/runtime/server/utils.js

@@ -1,3 +1,4 @@
+import { componentNames } from "#og-image-virtual/component-names.mjs";
 import { useRuntimeConfig } from "nitropack/runtime";
 import { joinURL } from "ufo";
 import { buildOgImageUrl } from "../shared.js";
@@ -6,7 +7,12 @@ export function getOgImagePath(_pagePath, _options) {
   const { defaults } = useOgImageRuntimeConfig();
   const extension = _options?.extension || defaults.extension;
   const isStatic = import.meta.prerender;
-  const result = buildOgImageUrl({ ..._options, _path: _pagePath }, extension, isStatic, defaults);
+  const options = { ..._options, _path: _pagePath };
+  const componentName = _options?.component || componentNames?.[0]?.pascalName;
+  const component = componentNames?.find((c) => c.pascalName === componentName || c.kebabName === componentName);
+  if (component?.hash)
+    options._componentHash = component.hash;
+  const result = buildOgImageUrl(options, extension, isStatic, defaults);
   return {
     path: joinURL("/", baseURL, result.url),
     hash: result.hash

package/dist/runtime/shared/urlEncoding.js

@@ -27,8 +27,10 @@ const PARAM_ALIASES = {
   cache: "cacheMaxAgeSeconds",
   p: "_path",
   // page path - needs alias since _path starts with underscore
-  q: "_query"
+  q: "_query",
   // query params - needs alias since _query starts with underscore
+  ch: "_componentHash"
+  // component template hash for cache busting prerendered URLs
 };
 const PARAM_TO_ALIAS = Object.fromEntries(
   Object.entries(PARAM_ALIASES).map(([alias, param]) => [param, alias])
@@ -54,6 +56,7 @@ const KNOWN_PARAMS = /* @__PURE__ */ new Set([
   "fonts",
   "_query",
   "_hash",
+  "_componentHash",
   "socialPreview",
   "props",
   "_path"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "6.2.3",
+  "version": "6.2.4",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -109,7 +109,7 @@
     "magicast": "^0.5.2",
     "mocked-exports": "^0.1.1",
     "nuxt-site-config": "^4.0.6",
-    "nuxtseo-layer-devtools": "^0.4.4",
+    "nuxtseo-layer-devtools": "^0.4.5",
     "nuxtseo-shared": "^0.8.1",
     "nypm": "^0.6.5",
     "ofetch": "^1.5.1",
@@ -130,7 +130,7 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^7.7.3",
-    "@iconify-json/carbon": "^1.2.19",
+    "@iconify-json/carbon": "^1.2.20",
     "@iconify-json/logos": "^1.2.10",
     "@iconify-json/noto": "^1.2.7",
     "@iconify-json/ri": "^1.2.10",
@@ -155,12 +155,13 @@
     "@tailwindcss/vite": "^4.2.2",
     "@takumi-rs/core": "1.0.0-beta.13",
     "@takumi-rs/wasm": "1.0.0-beta.13",
+    "@unocss/nuxt": "^66.6.7",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vueuse/nuxt": "^14.2.1",
     "birpc": "^4.0.0",
     "bumpp": "^11.0.1",
     "eslint": "^10.1.0",
-    "eslint-plugin-harlanzw": "^0.11.0",
+    "eslint-plugin-harlanzw": "^0.12.0",
     "fontless": "^0.2.1",
     "get-image-colors": "^4.0.1",
     "globby": "^16.1.1",
@@ -176,6 +177,7 @@
     "tailwindcss": "^4.2.2",
     "typescript": "^6.0.2",
     "unifont": "^0.7.4",
+    "unocss": "^66.6.7",
     "vitest": "^4.1.1",
     "vue-tsc": "^3.2.6",
     "wrangler": "^4.77.0",

package/dist/devtools/_nuxt/D_4A40tz.js

@@ -1,4 +0,0 @@
-import{$ as e,At as t,B as n,C as r,K as i,L as a,N as o,Ot as s,S as c,St as l,T as u,Tt as d,U as f,_ as p,at as m,b as h,c as g,dt as _,g as v,gt as y,h as b,jt as x,mt as S,n as ee,q as C,rt as w,s as te,tt as T,u as E,v as D,x as ne,y as O,yt as re}from"./D2zWjF09.js";import{Bt as ie,o as ae}from"./C-b6hTTf.js";import{C as k,Ct as A,D as j,F as M,G as N,I as oe,L as P,N as F,S as se,X as ce,i as le,it as ue,kt as de,lt as fe,r as pe,t as I,ut as me,v as he,wt as ge,x as L,z as R}from"./CAzZHHIh.js";import{a as _e,c as ve,d as z,f as ye,i as be,l as xe,o as B,r as Se,s as V,t as Ce,u as we}from"#entry";import{t as Te}from"./D69ab5lN.js";import{n as Ee,t as De}from"./BexYm1Ph.js";var[Oe,ke]=N(`TabsRoot`),Ae=u({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,{orientation:i,unmountOnHide:a,dir:o}=l(n),s=we(o);R();let c=ge(n,`modelValue`,r,{defaultValue:n.defaultValue,passive:n.modelValue===void 0}),u=y(),h=re(new Set);return ke({modelValue:c,changeModelValue:e=>{c.value=e},orientation:i,dir:s,unmountOnHide:a,activationMode:n.activationMode,baseId:oe(void 0,`reka-tabs`),tabsList:u,contentIds:h,registerContent:e=>{h.value=new Set([...h.value,e])},unregisterContent:e=>{let t=new Set(h.value);t.delete(e),h.value=t}}),(e,t)=>(f(),p(d(F),{dir:d(s),"data-orientation":d(i),"as-child":e.asChild,as:e.as},{default:m(()=>[C(e.$slots,`default`,{modelValue:d(c)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function H(e,t){return`${e}-trigger-${t}`}function je(e,t){return`${e}-content-${t}`}var U=u({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let i=e,{forwardRef:o}=R(),s=Oe(),c=b(()=>H(s.baseId,i.value)),l=b(()=>je(s.baseId,i.value)),u=b(()=>i.value===s.modelValue.value),h=y(u.value);return n(()=>{s.registerContent(i.value),requestAnimationFrame(()=>{h.value=!1})}),a(()=>{s.unregisterContent(i.value)}),(e,n)=>(f(),p(d(M),{present:e.forceMount||u.value,"force-mount":``},{default:m(({present:n})=>[r(d(F),{id:l.value,ref:d(o),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":u.value?`active`:`inactive`,"data-orientation":d(s).orientation.value,"aria-labelledby":c.value,hidden:!n,tabindex:`0`,style:t({animationDuration:h.value?`0s`:void 0})},{default:m(()=>[!d(s).unmountOnHide.value||n?C(e.$slots,`default`,{key:0}):D(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),Me=u({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e,{expose:t}){let n=e,r=Oe();t({updateIndicatorStyle:s}),R();let i=y({size:null,position:null}),a=y([]);T(()=>[r.modelValue.value,r?.dir.value],()=>{s()},{immediate:!0,flush:`post`}),w(()=>{a.value=Array.from(r.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),A(b(()=>[r.tabsList.value,...a.value]),s);function s(){let e=r.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(r.orientation.value===`horizontal`?i.value={size:e.offsetWidth,position:e.offsetLeft}:i.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>typeof i.value.size==`number`?(f(),p(d(F),o({key:0},n,{style:{"--reka-tabs-indicator-size":`${i.value.size}px`,"--reka-tabs-indicator-position":`${i.value.position}px`}}),{default:m(()=>[C(e.$slots,`default`)]),_:3},16,[`style`])):D(`v-if`,!0)}}),Ne=u({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:t}=l(e),{forwardRef:n,currentElement:i}=R(),a=Oe();return a.tabsList=i,(e,i)=>(f(),p(d(xe),{"as-child":``,orientation:d(a).orientation.value,dir:d(a).dir.value,loop:d(t)},{default:m(()=>[r(d(F),{ref:d(n),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":d(a).orientation.value},{default:m(()=>[C(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),W=u({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:n}=R(),i=Oe(),a=b(()=>H(i.baseId,t.value)),o=b(()=>i.contentIds.value.has(t.value)?je(i.baseId,t.value):void 0),s=b(()=>t.value===i.modelValue.value);return(e,t)=>(f(),p(d(ve),{"as-child":``,focusable:!e.disabled,active:s.value},{default:m(()=>[r(d(F),{id:a.value,ref:d(n),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":d(i).orientation.value,onMousedown:t[0]||=g(t=>{!e.disabled&&t.ctrlKey===!1?d(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=te(t=>d(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=d(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&d(i).changeModelValue(e.value)}},{default:m(()=>[C(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),Pe=[`role`],Fe={class:`devtools-alert-content`},Ie={key:0,class:`devtools-alert-action`},Le=Object.assign(z(u({__name:`DevtoolsAlert`,props:{icon:{},variant:{default:`info`}},setup(e){let t={info:`carbon:information`,warning:`carbon:warning`,error:`carbon:close-outline`,success:`carbon:checkmark-outline`,production:`carbon:cloud`};return(n,i)=>{let a=j;return f(),O(`div`,{class:s([`devtools-alert`,`devtools-alert-${e.variant}`]),role:e.variant===`error`?`alert`:`status`},[r(a,{name:e.icon||t[e.variant],class:`devtools-alert-icon`,"aria-hidden":`true`},null,8,[`name`]),v(`div`,Fe,[C(n.$slots,`default`,{},void 0,!0)]),n.$slots.action?(f(),O(`div`,Ie,[C(n.$slots,`action`,{},void 0,!0)])):D(``,!0)],10,Pe)}}}),[[`__scopeId`,`data-v-f9d0798d`]]),{__name:`DevtoolsAlert`}),Re={class:`twitter-card`},ze={class:`twitter-card-inner`},Be={class:`card-domain`},Ve={class:`card-title`},He={class:`card-time`},Ue=Object.assign(u({__name:`TwitterCardRenderer`,props:{aspectRatio:{},title:{},cardType:{}},setup(e){let r=e,i=y(``);n(()=>{let e=new Date,t=new Intl.DateTimeFormat(`en-US`,{hour:`numeric`,minute:`numeric`,hour12:!0,month:`short`,day:`2-digit`,year:`numeric`}).formatToParts(e);i.value=`${t.find(e=>e.type===`hour`)?.value}:${t.find(e=>e.type===`minute`)?.value} ${t.find(e=>e.type===`dayPeriod`)?.value} · ${t.find(e=>e.type===`month`)?.value} ${t.find(e=>e.type===`day`)?.value}, ${t.find(e=>e.type===`year`)?.value}`});let a=b(()=>r.cardType?r.cardType===`summary`:r.aspectRatio<1.3);return(n,r)=>(f(),O(`div`,Re,[v(`div`,ze,[v(`div`,{class:s([`card-container`,a.value?`flex`:``])},[v(`div`,{class:s([`card-image`,a.value?`w-32 h-32 shrink-0`:`aspect-[2/1] w-full`]),style:t(a.value?{}:{aspectRatio:e.aspectRatio})},[C(n.$slots,`default`),r[0]||=v(`div`,{class:`card-image-overlay`},null,-1)],6),v(`div`,{class:s([`card-content`,a.value?`flex-1 min-w-0`:``])},[v(`p`,Be,[C(n.$slots,`domain`)]),v(`p`,Ve,[C(n.$slots,`title`,{},()=>[c(x(e.title),1)])])],2)],2),v(`p`,He,x(i.value),1)])]))}}),{__name:`TwitterCardRenderer`}),We=Object.assign(z(u({__name:`DevtoolsToolbar`,props:{variant:{default:`default`}},setup(e){return(t,n)=>(f(),O(`div`,{class:s([`devtools-toolbar`,`devtools-toolbar-${e.variant}`]),role:`toolbar`},[C(t.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-22042e89`]]),{__name:`DevtoolsToolbar`}),G={class:`devtools-empty`},K={class:`devtools-empty-title`},Ge={key:0,class:`devtools-empty-description`},Ke={key:1,class:`devtools-empty-actions`},qe=Object.assign(z(u({__name:`DevtoolsEmptyState`,props:{icon:{default:`carbon:search`},title:{},description:{},variant:{default:`default`}},setup(e){return(t,n)=>{let i=j;return f(),O(`div`,G,[v(`div`,{class:s([`devtools-empty-icon`,`devtools-empty-icon-${e.variant}`])},[r(i,{name:e.icon,class:`w-8 h-8`,"aria-hidden":`true`},null,8,[`name`])],2),v(`h2`,K,x(e.title),1),e.description||t.$slots.description?(f(),O(`p`,Ge,[C(t.$slots,`description`,{},()=>[c(x(e.description),1)],!0)])):D(``,!0),t.$slots.default?(f(),O(`div`,Ke,[C(t.$slots,`default`,{},void 0,!0)])):D(``,!0)])}}}),[[`__scopeId`,`data-v-07dbc073`]]),{__name:`DevtoolsEmptyState`}),Je={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Ye={__name:`UTabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(t,{expose:n,emit:a}){let l=t,u=a,h=e(),g=ae(),_=se(`tabs`,l),v=P(de(l,`as`,`unmountOnHide`),u),S=b(()=>L({extend:L(Je),...g.ui?.tabs||{}})({color:l.color,variant:l.variant,size:l.size,orientation:l.orientation})),ee=y([]);function w(e,t){ee.value[e]=t}return n({triggersRef:ee}),(e,n)=>(f(),p(d(Ae),o(d(v),{"model-value":t.modelValue,"default-value":t.defaultValue,orientation:t.orientation,"activation-mode":t.activationMode,"data-slot":`root`,class:S.value.root({class:[d(_)?.root,l.class]})}),{default:m(()=>[r(d(Ne),{"data-slot":`list`,class:s(S.value.list({class:d(_)?.list}))},{default:m(()=>[r(d(Me),{"data-slot":`indicator`,class:s(S.value.indicator({class:d(_)?.indicator}))},null,8,[`class`]),C(e.$slots,`list-leading`),(f(!0),O(E,null,i(t.items,(t,n)=>(f(),p(d(W),{key:n,ref_for:!0,ref:e=>w(n,e),value:d(k)(t,l.valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:s(S.value.trigger({class:[d(_)?.trigger,t.ui?.trigger]}))},{default:m(()=>[C(e.$slots,`leading`,{item:t,index:n,ui:S.value},()=>[t.icon?(f(),p(j,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:s(S.value.leadingIcon({class:[d(_)?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(f(),p(V,o({key:1,size:t.ui?.leadingAvatarSize||d(_)?.leadingAvatarSize||S.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:S.value.leadingAvatar({class:[d(_)?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):D(``,!0)]),d(k)(t,l.labelKey)||h.default?(f(),O(`span`,{key:0,"data-slot":`label`,class:s(S.value.label({class:[d(_)?.label,t.ui?.label]}))},[C(e.$slots,`default`,{item:t,index:n},()=>[c(x(d(k)(t,l.labelKey)),1)])],2)):D(``,!0),C(e.$slots,`trailing`,{item:t,index:n,ui:S.value},()=>[t.badge||t.badge===0?(f(),p(B,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||d(_)?.trailingBadgeSize||S.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:S.value.trailingBadge({class:[d(_)?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):D(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),C(e.$slots,`list-trailing`)]),_:3},8,[`class`]),t.content?(f(!0),O(E,{key:0},i(t.items,(t,n)=>(f(),p(d(U),{key:n,value:d(k)(t,l.valueKey)??String(n),"data-slot":`content`,class:s(S.value.content({class:[d(_)?.content,t.ui?.content,t.class]}))},{default:m(()=>[C(e.$slots,t.slot||`content`,{item:t,index:n,ui:S.value},()=>[c(x(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):D(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},Xe={class:`facebook-card`},Ze={class:`facebook-image`},Qe={class:`facebook-content`},$e={class:`facebook-sitename`},q={class:`facebook-title`},et={class:`facebook-description`},tt=Object.assign(u({__name:`FacebookCardRenderer`,props:{aspectRatio:{}},setup(e){return(e,t)=>(f(),O(`div`,Xe,[v(`div`,Ze,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`facebook-image-overlay`},null,-1)]),v(`div`,Qe,[v(`p`,$e,[C(e.$slots,`siteName`)]),v(`p`,q,[C(e.$slots,`title`)]),v(`p`,et,[C(e.$slots,`description`)])])]))}}),{__name:`FacebookCardRenderer`}),nt={class:`linkedin-card`},rt={class:`linkedin-image`},it={class:`linkedin-content`},at={class:`linkedin-title`},ot={class:`linkedin-sitename`},st=Object.assign(u({__name:`LinkedInCardRenderer`,props:{aspectRatio:{}},setup(e){return(e,t)=>(f(),O(`div`,nt,[v(`div`,rt,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`linkedin-image-overlay`},null,-1)]),v(`div`,it,[v(`p`,at,[C(e.$slots,`title`)]),v(`p`,ot,[C(e.$slots,`siteName`)])])]))}}),{__name:`LinkedInCardRenderer`}),J={},ct={class:`discord-card`},Y={class:`discord-body`},lt={class:`discord-sitename`},ut={class:`discord-title`},dt={class:`discord-description`},ft={class:`discord-image`};function pt(e,t){return f(),O(`div`,ct,[v(`div`,Y,[v(`div`,lt,[C(e.$slots,`siteName`)]),v(`div`,ut,[C(e.$slots,`title`)]),v(`div`,dt,[C(e.$slots,`description`)]),v(`div`,ft,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`discord-image-overlay`},null,-1)])])])}var mt=Object.assign(z(J,[[`render`,pt]]),{__name:`DiscordCardRenderer`}),ht={},X={class:`slack-card`},gt={class:`slack-content`},_t={class:`slack-header`},vt={class:`slack-favicon`},yt={class:`slack-sitename`},Z={class:`slack-title`},Q={class:`slack-description`},bt={class:`slack-image`};function xt(e,t){return f(),O(`div`,X,[t[1]||=v(`div`,{class:`slack-bar`},null,-1),v(`div`,gt,[v(`div`,_t,[v(`div`,vt,[C(e.$slots,`favIcon`)]),v(`div`,yt,[C(e.$slots,`siteName`)])]),v(`div`,Z,[C(e.$slots,`title`)]),v(`div`,Q,[C(e.$slots,`description`)]),v(`div`,bt,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`slack-image-overlay`},null,-1)])])])}var St=Object.assign(z(ht,[[`render`,xt]]),{__name:`SlackCardRenderer`}),$={class:`whatsapp-dual-preview`},Ct={key:0,class:`whatsapp-section`},wt={class:`whatsapp-inline-card whatsapp-inline-card--squared`},Tt={class:`whatsapp-inline-image`},Et={class:`whatsapp-inline-content`},Dt={class:`whatsapp-title-inline`},Ot={class:`whatsapp-description-inline`},kt={class:`whatsapp-url-inline`},At={key:1,class:`whatsapp-section`},jt={class:`whatsapp-full-card`},Mt={class:`whatsapp-full-image`},Nt={class:`whatsapp-full-content`},Pt={class:`whatsapp-title`},Ft={class:`whatsapp-description`},It={class:`whatsapp-url`},Lt=Object.assign(u({__name:`WhatsAppRenderer`,props:{aspectRatio:{},squared:{type:Boolean}},setup(e){return(t,n)=>{let i=j;return f(),O(`div`,$,[e.squared?(f(),O(`div`,Ct,[n[1]||=v(`p`,{class:`whatsapp-label`},` Inline (in message) — 2x `,-1),v(`div`,wt,[v(`div`,Tt,[t.$slots.inlineImage?C(t.$slots,`inlineImage`,{key:1}):C(t.$slots,`default`,{key:0}),n[0]||=v(`div`,{class:`whatsapp-image-overlay`},null,-1)]),v(`div`,Et,[v(`div`,Dt,[C(t.$slots,`title`)]),v(`div`,Ot,[C(t.$slots,`description`)]),v(`div`,kt,[r(i,{name:`carbon:link`,class:`w-2.5 h-2.5`}),C(t.$slots,`siteName`)])])])])):D(``,!0),e.squared?D(``,!0):(f(),O(`div`,At,[n[3]||=v(`p`,{class:`whatsapp-label`},` Full card (standalone link) `,-1),v(`div`,jt,[v(`div`,Mt,[C(t.$slots,`default`),n[2]||=v(`div`,{class:`whatsapp-image-overlay`},null,-1)]),v(`div`,Nt,[v(`div`,Pt,[C(t.$slots,`title`)]),v(`div`,Ft,[C(t.$slots,`description`)]),v(`div`,It,[r(i,{name:`carbon:link`,class:`w-3 h-3`}),C(t.$slots,`url`)])])])]))])}}}),{__name:`WhatsAppRenderer`}),Rt={},zt={class:`bluesky-card`},Bt={class:`bluesky-image`},Vt={class:`bluesky-content`},Ht={class:`bluesky-title`},Ut={class:`bluesky-description`},Wt={class:`bluesky-domain`};function Gt(e,t){return f(),O(`div`,zt,[v(`div`,Bt,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`bluesky-image-overlay`},null,-1)]),v(`div`,Vt,[v(`p`,Ht,[C(e.$slots,`title`)]),v(`p`,Ut,[C(e.$slots,`description`)]),v(`div`,Wt,[t[1]||=ne(`<svg class="bluesky-globe" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.3"></circle><ellipse cx="8" cy="8" rx="3.5" ry="7" stroke="currentColor" stroke-width="1.3"></ellipse><line x1="1.5" y1="5.5" x2="14.5" y2="5.5" stroke="currentColor" stroke-width="1.3"></line><line x1="1.5" y1="10.5" x2="14.5" y2="10.5" stroke="currentColor" stroke-width="1.3"></line></svg>`,1),C(e.$slots,`siteName`)])])])}var Kt=Object.assign(z(Rt,[[`render`,Gt]]),{__name:`BlueskyCardRenderer`}),qt={slots:{root:`relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5`,wrapper:`min-w-0 flex-1 flex flex-col`,title:`text-sm font-medium`,description:`text-sm opacity-90`,icon:`shrink-0 size-5`,avatar:`shrink-0`,avatarSize:`2xl`,actions:`flex flex-wrap gap-1.5 shrink-0`,close:`p-0`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{solid:``,outline:``,soft:``,subtle:``},orientation:{horizontal:{root:`items-center`,actions:`items-center`},vertical:{root:`items-start`,actions:`items-start mt-2.5`}},title:{true:{description:`mt-1`}}},compoundVariants:[{color:`primary`,variant:`solid`,class:{root:`bg-primary text-inverted`}},{color:`secondary`,variant:`solid`,class:{root:`bg-secondary text-inverted`}},{color:`success`,variant:`solid`,class:{root:`bg-success text-inverted`}},{color:`info`,variant:`solid`,class:{root:`bg-info text-inverted`}},{color:`warning`,variant:`solid`,class:{root:`bg-warning text-inverted`}},{color:`error`,variant:`solid`,class:{root:`bg-error text-inverted`}},{color:`primary`,variant:`outline`,class:{root:`text-primary ring ring-inset ring-primary/25`}},{color:`secondary`,variant:`outline`,class:{root:`text-secondary ring ring-inset ring-secondary/25`}},{color:`success`,variant:`outline`,class:{root:`text-success ring ring-inset ring-success/25`}},{color:`info`,variant:`outline`,class:{root:`text-info ring ring-inset ring-info/25`}},{color:`warning`,variant:`outline`,class:{root:`text-warning ring ring-inset ring-warning/25`}},{color:`error`,variant:`outline`,class:{root:`text-error ring ring-inset ring-error/25`}},{color:`primary`,variant:`soft`,class:{root:`bg-primary/10 text-primary`}},{color:`secondary`,variant:`soft`,class:{root:`bg-secondary/10 text-secondary`}},{color:`success`,variant:`soft`,class:{root:`bg-success/10 text-success`}},{color:`info`,variant:`soft`,class:{root:`bg-info/10 text-info`}},{color:`warning`,variant:`soft`,class:{root:`bg-warning/10 text-warning`}},{color:`error`,variant:`soft`,class:{root:`bg-error/10 text-error`}},{color:`primary`,variant:`subtle`,class:{root:`bg-primary/10 text-primary ring ring-inset ring-primary/25`}},{color:`secondary`,variant:`subtle`,class:{root:`bg-secondary/10 text-secondary ring ring-inset ring-secondary/25`}},{color:`success`,variant:`subtle`,class:{root:`bg-success/10 text-success ring ring-inset ring-success/25`}},{color:`info`,variant:`subtle`,class:{root:`bg-info/10 text-info ring ring-inset ring-info/25`}},{color:`warning`,variant:`subtle`,class:{root:`bg-warning/10 text-warning ring ring-inset ring-warning/25`}},{color:`error`,variant:`subtle`,class:{root:`bg-error/10 text-error ring ring-inset ring-error/25`}},{color:`neutral`,variant:`solid`,class:{root:`text-inverted bg-inverted`}},{color:`neutral`,variant:`outline`,class:{root:`text-highlighted bg-default ring ring-inset ring-default`}},{color:`neutral`,variant:`soft`,class:{root:`text-highlighted bg-elevated/50`}},{color:`neutral`,variant:`subtle`,class:{root:`text-highlighted bg-elevated/50 ring ring-inset ring-accented`}}],defaultVariants:{color:`primary`,variant:`solid`}},Jt={__name:`UAlert`,props:{as:{type:null,required:!1},title:{type:String,required:!1},description:{type:String,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},orientation:{type:null,required:!1,default:`vertical`},actions:{type:Array,required:!1},close:{type:[Boolean,Object],required:!1},closeIcon:{type:null,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1}},emits:[`update:open`],setup(t,{emit:n}){let r=t,a=n,l=e(),{t:u}=Se(),h=ae(),g=se(`alert`,r),_=b(()=>L({extend:L(qt),...h.ui?.alert||{}})({color:r.color,variant:r.variant,orientation:r.orientation,title:!!r.title||!!l.title}));return(e,n)=>(f(),p(d(F),{as:t.as,"data-orientation":t.orientation,"data-slot":`root`,class:s(_.value.root({class:[d(g)?.root,r.class]}))},{default:m(()=>[C(e.$slots,`leading`,{ui:_.value},()=>[t.avatar?(f(),p(V,o({key:0,size:d(g)?.avatarSize||_.value.avatarSize()},t.avatar,{"data-slot":`avatar`,class:_.value.avatar({class:d(g)?.avatar})}),null,16,[`size`,`class`])):t.icon?(f(),p(j,{key:1,name:t.icon,"data-slot":`icon`,class:s(_.value.icon({class:d(g)?.icon}))},null,8,[`name`,`class`])):D(``,!0)]),v(`div`,{"data-slot":`wrapper`,class:s(_.value.wrapper({class:d(g)?.wrapper}))},[t.title||l.title?(f(),O(`div`,{key:0,"data-slot":`title`,class:s(_.value.title({class:d(g)?.title}))},[C(e.$slots,`title`,{},()=>[c(x(t.title),1)])],2)):D(``,!0),t.description||l.description?(f(),O(`div`,{key:1,"data-slot":`description`,class:s(_.value.description({class:d(g)?.description}))},[C(e.$slots,`description`,{},()=>[c(x(t.description),1)])],2)):D(``,!0),t.orientation===`vertical`&&(t.actions?.length||l.actions)?(f(),O(`div`,{key:2,"data-slot":`actions`,class:s(_.value.actions({class:d(g)?.actions}))},[C(e.$slots,`actions`,{},()=>[(f(!0),O(E,null,i(t.actions,(e,t)=>(f(),p(_e,o({key:t,size:`xs`},{ref_for:!0},e),null,16))),128))])],2)):D(``,!0)],2),t.orientation===`horizontal`&&(t.actions?.length||l.actions)||t.close?(f(),O(`div`,{key:0,"data-slot":`actions`,class:s(_.value.actions({class:d(g)?.actions,orientation:`horizontal`}))},[t.orientation===`horizontal`&&(t.actions?.length||l.actions)?C(e.$slots,`actions`,{key:0},()=>[(f(!0),O(E,null,i(t.actions,(e,t)=>(f(),p(_e,o({key:t,size:`xs`},{ref_for:!0},e),null,16))),128))]):D(``,!0),C(e.$slots,`close`,{ui:_.value},()=>[t.close?(f(),p(_e,o({key:0,icon:t.closeIcon||d(h).ui.icons.close,color:`neutral`,variant:`link`,"aria-label":d(u)(`alert.close`)},typeof t.close==`object`?t.close:{},{"data-slot":`close`,class:_.value.close({class:d(g)?.close}),onClick:n[0]||=e=>a(`update:open`,!1)}),null,16,[`icon`,`aria-label`,`class`])):D(``,!0)])],2)):D(``,!0)]),_:3},8,[`as`,`data-orientation`,`class`]))}},Yt={class:`devtools-panel`},Xt={key:0,class:`devtools-panel-header`},Zt={class:`devtools-panel-title`},Qt={class:`devtools-panel-actions`},$t={class:`devtools-panel-content`},en=Object.assign(z(u({__name:`DevtoolsPanel`,props:{title:{}},emits:[`close`],setup(e){return(t,n)=>{let i=_e;return f(),O(`div`,Yt,[e.title||t.$slots.header?(f(),O(`div`,Xt,[C(t.$slots,`header`,{},()=>[v(`span`,Zt,x(e.title),1)],!0),v(`div`,Qt,[C(t.$slots,`actions`,{},void 0,!0),r(i,{icon:`carbon:close`,"aria-label":`Close panel`,onClick:n[0]||=e=>t.$emit(`close`)})])])):D(``,!0),v(`div`,$t,[C(t.$slots,`default`,{},void 0,!0)])])}}}),[[`__scopeId`,`data-v-75a5e143`]]),{__name:`DevtoolsPanel`}),tn={class:`preview-container card animate-fade-up`},nn={key:0,class:`h-full flex flex-col`},rn={class:`flex-1 flex items-center justify-center p-6 sm:p-8`},an={class:`w-full max-w-2xl`},on={key:1,class:`h-full flex flex-col`},sn={class:`text-[var(--color-text-muted)]`},cn={class:`flex-1 flex items-center justify-center p-6 sm:p-8`},ln={key:2,class:`h-full flex items-center justify-center p-6 sm:p-8`},un={key:3,class:`h-full flex items-center justify-center p-6 sm:p-8`},dn={key:0,class:`text-left w-full`},fn={class:`mt-2 text-xs text-[var(--color-text-subtle)] overflow-auto max-h-48 p-3 rounded-lg bg-[var(--color-surface-sunken)] border border-[var(--color-border-subtle)]`},pn={key:4,class:`h-full flex items-center justify-center p-6 sm:p-8`},mn={key:0,class:`mb-4 flex flex-col items-center gap-3`},hn={class:`flex flex-wrap justify-center gap-2`},gn={key:1,class:`mb-4`},_n={key:2,class:`text-sm text-[var(--color-text-subtle)]`},vn={key:3,href:`https://nuxtseo.com/og-image/getting-started/getting-familar-with-nuxt-og-image`,target:`_blank`,class:`text-sm text-[var(--seo-green)] hover:underline inline-flex items-center gap-1`},yn={key:5,class:`h-full flex flex-col`},bn={class:`inline-code`},xn={class:`flex items-center gap-2 sm:gap-3 flex-wrap`},Sn={key:0,src:`https://takumi.kane.tw/logo.svg`,class:`w-3.5 h-3.5`,width:`14`,height:`14`,alt:``},Cn={class:`hidden sm:inline`},wn={key:0,class:`component-info hidden md:flex`},Tn={key:0},En={class:`text-[var(--color-text-muted)] hidden min-[850px]:inline`},Dn={class:`text-[var(--color-text)]`},On={key:1,class:`text-[var(--color-text)]`},kn={key:1,class:`component-info hidden md:flex`},An={class:`flex items-center gap-2`},jn={class:`devtools-production-badge`},Mn={class:`hidden sm:inline text-xs`},Nn={class:`px-3 sm:px-4 border-b border-[var(--color-border)] bg-[var(--color-surface-elevated)]`},Pn={key:3,class:`size-variant-bar`},Fn={class:`size-variant-group`},In=[`onClick`],Ln={class:`size-variant-name`},Rn={class:`size-variant-px`},zn={class:`size-variant-group`},Bn=[`onClick`],Vn={class:`size-variant-name`},Hn=[`href`],Un=[`src`],Wn=[`src`],Gn=[`src`],Kn={key:7,class:`raw-preview-wrapper`},qn={key:0,class:`raw-resize-readout`},Jn={key:8,class:`status-line`},Yn={class:`px-3 pt-2 border-b border-[var(--color-border)]`},Xn={key:0},Zn={class:`props-field`},Qn={class:`props-field-label`},$n={class:`props-field`},er={class:`props-field-label`},tr={class:`props-field`},nr={class:`props-field-label`},rr={key:1},ir={class:`props-field`},ar={class:`props-field-label`},or={key:0,class:`prop-editor`},sr={class:`prop-label`},cr=[`value`,`onInput`],lr=[`value`,`onInput`],ur=[`value`,`onChange`],dr=[`value`,`onInput`],fr={key:1,class:`prop-editor-empty`},pr={key:2,class:`fonts-tab`},mr={key:0,class:`fonts-detected`},hr={class:`fonts-detected-inner`},gr={key:1,class:`fonts-detected fonts-resolved`},_r={class:`fonts-detected-inner`},vr={key:2,class:`fonts-specimen`},yr=[`onClick`],br={class:`fonts-family-meta`},xr={key:0,class:`fonts-family-size`},Sr={class:`fonts-variants`},Cr={class:`fonts-variant-label`},wr={key:0,class:`fonts-variant-count`},Tr={key:3,class:`fonts-empty`},Er=z(u({__name:`index`,setup(e){let n=/'/g,a=/[^/]+\.vue$/,o=/^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,l=new Set([`colorMode`]),u=b(()=>Object.keys(U.value).filter(e=>!l.has(e)));function g(e,t){U.value={...U.value,[e]:t},G({[e]:t})}function C(e){return typeof e==`number`?`number`:typeof e==`string`&&o.test(e)?`color`:typeof e==`string`?`string`:`json`}let{globalDebug:w,isDebugLoading:te,isCustomOgImage:ne,isValidDebugError:re,hasDefinedOgImage:ae,fetchError:k,aspectRatio:A,imageFormat:M,socialPreview:N,imageColorMode:oe,src:P,whatsappInlineSrc:F,socialPreviewTitle:se,socialPreviewDescription:de,socialSiteUrl:ge,slackSocialPreviewSiteName:L,activeComponentName:R,activeComponent:ve,activeComponentRelativePath:z,isOgImageTemplate:xe,renderer:B,isComponentCompatibleWithRenderer:Se,sidePanelOpen:V,isPageScreenshot:we,currentPageFile:Oe,allImageKeys:ke,description:Ae,hasMadeChanges:H,options:je,propEditor:U,ogImageKey:Me,toggleSocialPreview:Ne,generateLoadTime:W,openImage:Pe,openCurrentPageFile:Fe,openCurrentComponent:Ie,componentNames:Re,ejectComponent:ze,createComponent:Be,addExistingComponent:Ve,resetProps:He,updateProps:G,refreshSources:K}=I(),Ge={satori:`logos:vercel-icon`,browser:`logos:chrome`},Ke=b(()=>{let e=M.value===`jpeg`?`JPG`:M.value?.toUpperCase()||`PNG`;return`${B.value===`browser`?`Browser`:B.value===`takumi`?`Takumi`:`Satori`} - ${e}`}),Je=[{label:`Raw`,icon:`carbon:image`,value:``},{label:`Twitter / X`,icon:`simple-icons:x`,value:`twitter`,iconScale:.8},{label:`Facebook`,icon:`simple-icons:facebook`,value:`facebook`,iconScale:.92},{label:`LinkedIn`,icon:`simple-icons:linkedin`,value:`linkedin`,iconScale:.92},{label:`Discord`,icon:`simple-icons:discord`,value:`discord`,iconScale:.95},{label:`Slack`,icon:`simple-icons:slack`,value:`slack`},{label:`WhatsApp`,icon:`simple-icons:whatsapp`,value:`whatsapp`,iconScale:.92},{label:`Bluesky`,icon:`simple-icons:bluesky`,value:`bluesky`,iconScale:.92}],Xe={twitter:[{label:`Feed`,width:504},{label:`Detail`,width:600},{label:`Mobile`,width:335}],facebook:[{label:`Feed`,width:500},{label:`Mobile`,width:320}],linkedin:[{label:`Feed`,width:552},{label:`Mobile`,width:335}],discord:[{label:`Embed`,width:432},{label:`Mobile`,width:300}],slack:[{label:`Desktop`,width:500},{label:`Compact`,width:360}],whatsapp:[{label:`Default`,width:600},{label:`Squared`,width:600}],bluesky:[{label:`Post`,width:513},{label:`With link`,width:487},{label:`Mobile`,width:335}]},Ze=y({}),Qe=b(()=>Xe[N.value]||[]),$e=b(()=>{let e=Qe.value;if(e.length)return e[Ze.value[N.value]??0]?.width}),q=y(null),et=y(!1),nt=y(null),rt=b(()=>!N.value),it=b(()=>{if(rt.value&&q.value)return`${q.value}px`;if($e.value)return`${$e.value}px`}),at=b(()=>{let e=Ze.value.whatsapp??0;return N.value===`whatsapp`&&e===1});function ot(e){e.preventDefault();let t=nt.value;if(!t)return;et.value=!0;let n=e.clientX,r=t.getBoundingClientRect().width;function i(e){let t=e.clientX-n;q.value=Math.max(200,Math.round(r+t*2))}function a(){et.value=!1,document.removeEventListener(`pointermove`,i),document.removeEventListener(`pointerup`,a)}document.addEventListener(`pointermove`,i),document.addEventListener(`pointerup`,a)}let J=y(`meta-tags`),ct=b(()=>{let e=[{label:`Meta Tags`,value:`meta-tags`},{label:`OG Image Props`,value:`og-props`},{label:`Fonts`,value:`fonts`}];return N.value?e:e.filter(e=>e.value!==`meta-tags`)});T(N,e=>{!e&&J.value===`meta-tags`&&(J.value=`og-props`)});let Y=b(()=>N.value===`twitter`),lt=b(()=>Y.value?`Twitter`:`OG`),ut=b(()=>{let e=w.value?.availableFonts||[],t=w.value?.resolvedFonts||[];if(!e.length&&!t.length)return[];let n=e.length?e:t,r=new Set(t.map(e=>`${e.family}-${e.weight}-${e.style}`)),i=new Map;for(let e of n){let t=`${e.family}-${e.weight}-${e.style}`,n=i.get(t)||[];e.subset&&n.push(e.subset),i.set(t,n)}let a=new Set,o=[];for(let e of n){let t=`${e.family}-${e.weight}-${e.style}`;if(a.has(t))continue;a.add(t);let n=i.get(t)||[];o.push({key:t,family:e.family,weight:e.weight,style:e.style,src:e.src,label:`${e.family} ${e.weight}${e.style===`italic`?`i`:``}`,loaded:r.has(t),subsetCount:Math.max(n.length,1),subsets:n})}return o.sort((e,t)=>e.family.localeCompare(t.family)||e.weight-t.weight||e.style.localeCompare(t.style)),o}),dt=b(()=>{let e=w.value?.resolvedFonts||[],t=new Map;for(let n of e)n.size&&t.set(n.family,(t.get(n.family)||0)+n.size);return t});function ft(e){if(e<1024)return`${e} B`;let t=e/1024;return t<1e3?`${t.toFixed(1)} kB`:`${(t/1024).toFixed(1)} MB`}let pt=b(()=>[...new Set(ut.value.map(e=>e.family))]),ht=b(()=>[...new Set(ut.value.filter(e=>e.loaded).map(e=>e.family))]),X=b(()=>w.value?.fontRequirements),gt=b(()=>{let e=X.value?.families;if(!e?.length)return[];let t=new Set(pt.value);return e.filter(e=>!t.has(e))}),_t=b(()=>{let e=[],t=new Set;for(let n of ut.value)t.has(n.family)||(t.add(n.family),e.push(`@font-face { font-family: 'ogp-${n.family}'; src: url('${n.src}'); font-display: swap; }`));return e.join(`
-`)});ye({style:b(()=>_t.value?[_t.value]:[])});let vt=y(``);function yt(e){let t=vt.value===e?``:e;vt.value=t,H.value=!0,G({fontFamily:t||void 0})}let Z=S({ogTitle:``,twitterTitle:``,siteName:``,description:``}),Q=b(()=>N.value===`twitter`&&Z.twitterTitle?Z.twitterTitle:Z.ogTitle||se.value),bt=b(()=>Z.description||de.value),xt=b(()=>Z.siteName||L.value),$=b(()=>Z.siteName||ge.value);function Ct(e,t){Z[e]=t,H.value=!0}let wt=b(()=>Object.values(Z).some(Boolean)),Tt=b(()=>{let e=[];return Z.ogTitle&&e.push(`  ogTitle: '${Z.ogTitle.replace(n,`\\'`)}'`),Z.description&&e.push(`  ogDescription: '${Z.description.replace(n,`\\'`)}'`),Z.siteName&&e.push(`  ogSiteName: '${Z.siteName.replace(n,`\\'`)}'`),Z.twitterTitle&&e.push(`  twitterTitle: '${Z.twitterTitle.replace(n,`\\'`)}'`),e.length?`useSeoMeta({\n${e.join(`,
-`)}\n})`:``});function Et(){He(!0),vt.value=``,Object.assign(Z,{ogTitle:``,twitterTitle:``,siteName:``,description:``})}let Dt=b(()=>{try{return new URL(me.value).hostname}catch{return me.value}});return(e,n)=>{let o=Le,l=Ue,y=We,b=Ee,S=qe,T=_e,I=j,ye=ce,Ne=he,He=Ye,G=De,Xe=tt,$e=st,rt=mt,_t=St,Ot=Lt,kt=Kt,At=be,jt=Te,Mt=Jt,Nt=en;return f(),O(`div`,tn,[d(pe)?(f(),O(`div`,nn,[r(o,{variant:`warning`},{default:m(()=>[...n[16]||=[c(` Could not connect to devtools. Showing demo preview. `,-1)]]),_:1}),v(`div`,rn,[v(`div`,an,[r(l,{title:`My Page Title`,"aspect-ratio":1200/630},{domain:m(()=>[...n[17]||=[v(`span`,null,`From example.com`,-1)]]),default:m(()=>[n[18]||=v(`div`,{class:`w-full h-full bg-gradient-to-br from-emerald-500 to-sky-500 flex items-center justify-center`},[v(`div`,{class:`text-white text-center p-6`},[v(`div`,{class:`text-2xl sm:text-4xl font-bold mb-2`},` OG Image Preview `),v(`div`,{class:`text-sm sm:text-lg opacity-80`},` Connect devtools to see your actual image `)])],-1)]),_:1}),n[19]||=v(`p`,{class:`text-center text-sm text-[var(--color-text-muted)] mt-4`},` Open this page in Nuxt DevTools to preview your OG images. `,-1)])])])):d(ne)?(f(),O(`div`,on,[r(y,{variant:`minimal`},{default:m(()=>[n[20]||=v(`span`,{class:`text-[var(--color-text-subtle)]`},`Prebuilt:`,-1),v(`code`,sn,x(d(je)?.url),1)]),_:1}),v(`div`,cn,[r(b,{src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])])])):d(te)?(f(),O(`div`,ln,[r(S,{icon:`carbon:image-search`,title:`Loading OG Image…`,class:`animate-pulse`})])):d(k)?(f(),O(`div`,un,[r(S,{icon:`carbon:warning`,title:`OG Image Error`,description:d(k).message,variant:`error`,class:`animate-scale-in`},{default:m(()=>[d(k).stack?.length?(f(),O(`details`,dn,[n[21]||=v(`summary`,{class:`text-xs text-[var(--color-text-subtle)] cursor-pointer hover:text-[var(--color-text-muted)]`},` Stack trace `,-1),v(`pre`,fn,x(d(k).stack.join(`
-`)),1)])):D(``,!0)]),_:1},8,[`description`])])):d(re)||!d(ae)?(f(),O(`div`,pn,[r(S,{icon:`carbon:image-search`,title:`No OG Image Defined`,class:`animate-scale-in`},{description:m(()=>[n[22]||=c(` This page has no `,-1),n[23]||=v(`code`,{class:`inline-code`},`defineOgImage()`,-1),n[24]||=c(` in `,-1),r(T,{variant:`link`,class:`cursor-pointer`,onClick:d(Fe)},{default:m(()=>[c(x(d(Oe)),1)]),_:1},8,[`onClick`])]),default:m(()=>[d(Re).length?(f(),O(`div`,mn,[v(`div`,hn,[(f(!0),O(E,null,i(d(Re),e=>(f(),p(T,{key:e.pascalName,color:`primary`,variant:`soft`,size:`sm`,onClick:t=>d(Ve)(e.pascalName)},{default:m(()=>[c(x(e.pascalName),1)]),_:2},1032,[`onClick`]))),128))]),n[26]||=v(`span`,{class:`text-xs text-[var(--color-text-subtle)]`},`or`,-1),r(T,{variant:`link`,size:`xs`,class:`text-[var(--color-text-subtle)]`,onClick:n[0]||=e=>d(Be)()},{default:m(()=>[...n[25]||=[c(` Create new component `,-1)]]),_:1})])):(f(),O(`div`,gn,[r(T,{color:`primary`,size:`md`,onClick:n[1]||=e=>d(Be)()},{default:m(()=>[r(I,{name:`carbon:add`,class:`w-4 h-4`}),n[27]||=c(` Create OG Image Component `,-1)]),_:1})])),d(w)?.runtimeConfig?.hasNuxtContent?(f(),O(`div`,_n,[...n[28]||=[c(` Using Nuxt Content? See the `,-1),v(`a`,{href:`https://nuxtseo.com/docs/integrations/content`,target:`_blank`,class:`text-[var(--seo-green)] hover:underline`},`integration guide`,-1)]])):(f(),O(`a`,vn,[n[29]||=c(` Learn more `,-1),r(I,{name:`carbon:arrow-right`,class:`w-3 h-3`})]))]),_:1})])):(f(),O(`div`,yn,[d(le)?(f(),p(o,{key:0,variant:`info`},{default:m(()=>[...n[30]||=[c(` Fallback mode: Connected to localhost:3000 `,-1)]]),_:1})):D(``,!0),d(fe)===`production`&&d(ue)?(f(),p(o,{key:1,variant:`production`},{action:m(()=>[r(T,{variant:`link`,size:`xs`,onClick:n[2]||=e=>fe.value=`local`},{default:m(()=>[...n[31]||=[c(` Switch to local `,-1)]]),_:1})]),default:m(()=>[n[32]||=c(` Previewing from `,-1),v(`strong`,null,x(d(me)),1)]),_:1})):D(``,!0),!d(Se)&&d(ve)?(f(),p(o,{key:2,variant:`warning`},{default:m(()=>[n[33]||=c(` Component `,-1),v(`code`,bn,x(d(R)),1),c(` uses `+x(d(ve).renderer)+` renderer. `,1),r(ye,{to:`/templates`,class:`text-[var(--seo-green)] hover:underline ml-1`},{default:m(()=>[c(` Select a `+x(d(B))+` template `,1)]),_:1})]),_:1})):D(``,!0),r(y,null,{default:m(()=>[v(`div`,xn,[r(T,{color:`neutral`,variant:`ghost`,size:`xs`,"aria-label":`Change renderer and format`,onClick:n[3]||=e=>d(Ce).start()},{default:m(()=>[d(B)===`takumi`?(f(),O(`img`,Sn)):(f(),p(I,{key:1,name:Ge[d(B)]||`logos:vercel-icon`,class:`w-3.5 h-3.5`},null,8,[`name`])),v(`span`,Cn,x(Ke.value),1),r(I,{name:`carbon:chevron-down`,class:`w-3 h-3 opacity-60`})]),_:1})]),d(we)?(f(),O(`div`,kn,[...n[35]||=[v(`span`,{class:`text-[var(--color-text-subtle)]`},`Page Screenshot`,-1)]])):(f(),O(`div`,wn,[r(T,{variant:`link`,class:`component-path-link cursor-pointer`,disabled:d(xe),onClick:d(Ie)},{default:m(()=>[d(z)?(f(),O(`span`,Tn,[v(`span`,En,x(d(z).replace(a,``)),1),v(`span`,Dn,x(d(z).match(a)?.[0]||d(R)),1)])):(f(),O(`span`,On,x(d(R)),1))]),_:1},8,[`disabled`,`onClick`]),d(xe)?(f(),p(T,{key:0,variant:`link`,size:`xs`,class:`cursor-pointer text-[var(--color-text-subtle)]`,onClick:n[4]||=e=>d(ze)(d(R))},{default:m(()=>[...n[34]||=[c(` Eject `,-1)]]),_:1})):D(``,!0)])),v(`div`,An,[d(fe)===`production`&&d(ue)?(f(),p(Ne,{key:0,text:d(me),"delay-duration":200},{default:m(()=>[v(`span`,jn,[n[36]||=v(`span`,{class:`devtools-production-dot`},null,-1),v(`span`,Mn,x(Dt.value),1)])]),_:1},8,[`text`])):D(``,!0),d(we)?D(``,!0):(f(),p(T,{key:1,variant:d(V)?`soft`:`ghost`,color:d(V)?`primary`:`neutral`,size:`xs`,icon:`carbon:settings-adjust`,class:`props-toggle`,onClick:n[5]||=e=>V.value=!d(V)},{default:m(()=>[...n[37]||=[v(`span`,{class:`hidden sm:inline`},`Debug`,-1)]]),_:1},8,[`variant`,`color`]))])]),_:1}),v(`div`,Nn,[r(He,{modelValue:d(N),"onUpdate:modelValue":n[6]||=e=>_(N)?N.value=e:null,items:Je,content:!1,size:`xs`,variant:`link`,color:`neutral`},{leading:m(({item:e,ui:n})=>[r(I,{name:e.icon,class:s(n.leadingIcon),style:t(e.iconScale?{transform:`scale(${e.iconScale})`}:void 0)},null,8,[`name`,`class`,`style`])]),_:1},8,[`modelValue`])]),Qe.value.length||d(ke).length>1?(f(),O(`div`,Pn,[Qe.value.length?(f(),O(E,{key:0},[n[38]||=v(`span`,{class:`size-variant-label`},`Width`,-1),v(`div`,Fn,[(f(!0),O(E,null,i(Qe.value,(e,t)=>(f(),O(`button`,{key:e.label,class:s([`size-variant-btn`,{active:(Ze.value[d(N)]??0)===t}]),onClick:e=>Ze.value[d(N)]=t},[v(`span`,Ln,x(e.label),1),v(`span`,Rn,x(e.width)+`px`,1)],10,In))),128))])],64)):D(``,!0),d(ke).length>1?(f(),O(E,{key:1},[n[39]||=v(`span`,{class:`size-variant-label`},`Image`,-1),v(`div`,zn,[(f(!0),O(E,null,i(d(ke),e=>(f(),O(`button`,{key:e,class:s([`size-variant-btn`,{active:(d(Me)||`og`)===e}]),onClick:t=>Me.value=e},[v(`span`,Vn,x(e),1)],10,Bn))),128))])],64)):D(``,!0)])):D(``,!0),v(`div`,{class:s([`preview-area panel-grids`,{"preview-area--panel-open":d(V)&&!d(we)}])},[v(`div`,{ref_key:`rawPreviewRef`,ref:nt,class:s([`preview-content`,{"preview-content--no-transition":et.value}]),style:t(it.value?{maxWidth:it.value}:void 0)},[d(N)===`twitter`?(f(),p(l,{key:0,title:Q.value,"aspect-ratio":d(A)},{domain:m(()=>[v(`a`,{target:`_blank`,href:d(ie)(d(ge))},`From `+x($.value),9,Hn)]),default:m(()=>[d(M)===`html`?(f(),p(G,{key:1,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(b,{key:0,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onClick:d(Pe),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onClick`,`onRefresh`]))]),_:1},8,[`title`,`aspect-ratio`])):d(N)===`facebook`?(f(),p(Xe,{key:1},{siteName:m(()=>[c(x($.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x(bt.value),1)]),default:m(()=>[d(M)===`html`?(f(),p(G,{key:1,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(b,{key:0,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):d(N)===`linkedin`?(f(),p($e,{key:2},{siteName:m(()=>[c(x($.value),1)]),title:m(()=>[c(x(Q.value),1)]),default:m(()=>[d(M)===`html`?(f(),p(G,{key:1,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(b,{key:0,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):d(N)===`discord`?(f(),p(rt,{key:3},{siteName:m(()=>[c(x(xt.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x(bt.value),1)]),default:m(()=>[d(M)===`html`?(f(),p(G,{key:1,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(b,{key:0,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):d(N)===`slack`?(f(),p(_t,{key:4},{favIcon:m(()=>[v(`img`,{src:`https://www.google.com/s2/favicons?domain=${encodeURIComponent(d(ge))}&sz=30`,width:`30`,height:`30`,alt:``},null,8,Un)]),siteName:m(()=>[c(x(xt.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x(bt.value),1)]),default:m(()=>[d(M)===`html`?(f(),p(G,{key:1,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(b,{key:0,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):d(N)===`whatsapp`?(f(),p(Ot,{key:5,squared:at.value},h({siteName:m(()=>[c(x(xt.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x(bt.value),1)]),url:m(()=>[c(x($.value),1)]),default:m(()=>[d(M)===`html`?D(``,!0):(f(),O(`img`,{key:0,src:d(P),alt:``,onLoad:n[7]||=e=>d(W)({timeTaken:`0`,sizeKb:``})},null,40,Gn))]),_:2},[d(F)===d(P)?void 0:{name:`inlineImage`,fn:m(()=>[v(`img`,{src:d(F),alt:``},null,8,Wn)]),key:`0`}]),1032,[`squared`])):d(N)===`bluesky`?(f(),p(kt,{key:6},{siteName:m(()=>[c(x($.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x(bt.value),1)]),default:m(()=>[d(M)===`html`?(f(),p(G,{key:1,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(b,{key:0,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):(f(),O(`div`,Kn,[v(`div`,{class:s([`raw-preview`,{"raw-preview--dragging":et.value}])},[d(M)===`html`?(f(),p(G,{key:1,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(b,{key:0,src:d(P),"aspect-ratio":d(A),onLoad:d(W),onRefresh:d(K)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))],2),v(`div`,{class:`raw-resize-handle`,onPointerdown:ot,onDblclick:n[8]||=e=>q.value=null},[...n[40]||=[v(`div`,{class:`raw-resize-grip`},null,-1)]],32),q.value?(f(),O(`div`,qn,x(q.value)+`px `,1)):D(``,!0)])),d(Ae)?(f(),O(`div`,Jn,x(d(Ae)),1)):D(``,!0)],6)],2),r(ee,{"enter-active-class":`transition duration-200 ease-out`,"enter-from-class":`opacity-0 translate-x-4`,"enter-to-class":`opacity-100 translate-x-0`,"leave-active-class":`transition duration-150 ease-in`,"leave-from-class":`opacity-100 translate-x-0`,"leave-to-class":`opacity-0 translate-x-4`},{default:m(()=>[d(V)&&!d(we)?(f(),p(Nt,{key:0,title:`Debug`,class:`props-panel`,onClose:n[15]||=e=>V.value=!1},{actions:m(()=>[d(H)?(f(),p(T,{key:0,onClick:n[9]||=e=>Et()},{default:m(()=>[...n[41]||=[c(` Reset `,-1)]]),_:1})):D(``,!0)]),default:m(()=>[v(`div`,Yn,[r(He,{modelValue:J.value,"onUpdate:modelValue":n[10]||=e=>J.value=e,items:ct.value,content:!1,size:`xs`,variant:`link`,color:`neutral`},null,8,[`modelValue`,`items`])]),J.value===`meta-tags`?(f(),O(`div`,Xn,[v(`div`,Zn,[v(`div`,Qn,[v(`span`,null,x(lt.value)+` Title`,1),r(Ne,{text:Y.value?`The twitter:title meta tag. Controls the title shown on Twitter/X cards.`:`The og:title meta tag. Controls the title shown when shared on social platforms.`,"delay-duration":0},{default:m(()=>[r(I,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(At,{"model-value":Y.value?Z.twitterTitle||d(se):Z.ogTitle||d(se),size:`xs`,name:Y.value?`twitter-title`:`og-title`,autocomplete:`off`,placeholder:Y.value?`twitter:title…`:`og:title…`,"onUpdate:modelValue":n[11]||=e=>Ct(Y.value?`twitterTitle`:`ogTitle`,e)},null,8,[`model-value`,`name`,`placeholder`])]),v(`div`,$n,[v(`div`,er,[v(`span`,null,x(lt.value)+` Description`,1),r(Ne,{text:Y.value?`The twitter:description meta tag. Controls the description shown on Twitter/X cards.`:`The og:description meta tag. Controls the description shown when shared on social platforms.`,"delay-duration":0},{default:m(()=>[r(I,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(At,{"model-value":Z.description||d(de),size:`xs`,name:Y.value?`twitter-description`:`og-description`,autocomplete:`off`,placeholder:Y.value?`twitter:description…`:`og:description…`,"onUpdate:modelValue":n[12]||=e=>Ct(`description`,e)},null,8,[`model-value`,`name`,`placeholder`])]),v(`div`,tr,[v(`div`,nr,[v(`span`,null,x(d(N)===`discord`?`OG Site Name`:`OG URL`),1),r(Ne,{text:d(N)===`discord`?`The og:site_name meta tag. Discord uses this for the provider name above the title.`:`The og:url meta tag. The canonical URL shown in social card previews.`,"delay-duration":0},{default:m(()=>[r(I,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(At,{"model-value":Z.siteName||d(L),size:`xs`,name:d(N)===`discord`?`og-site-name`:`og-url`,autocomplete:`off`,placeholder:d(N)===`discord`?`og:site_name…`:`og:url…`,"onUpdate:modelValue":n[13]||=e=>Ct(`siteName`,e)},null,8,[`model-value`,`name`,`placeholder`])])])):J.value===`og-props`?(f(),O(`div`,rr,[v(`div`,ir,[v(`div`,ar,[n[42]||=v(`span`,null,`Color Mode`,-1),r(Ne,{text:`Changes the color mode passed to the OG image renderer.`,"delay-duration":0},{default:m(()=>[r(I,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1})]),r(T,{size:`xs`,color:`neutral`,variant:`soft`,icon:d(oe)===`dark`?`carbon:moon`:`carbon:sun`,onClick:n[14]||=e=>oe.value=d(oe)===`dark`?`light`:`dark`},{default:m(()=>[c(x(d(oe)===`dark`?`Dark`:`Light`),1)]),_:1},8,[`icon`])]),u.value.length?(f(),O(`div`,or,[(f(!0),O(E,null,i(u.value,e=>(f(),O(`div`,{key:e,class:`prop-field`},[v(`label`,sr,x(e),1),C(d(U)[e])===`color`?(f(),O(`input`,{key:0,type:`color`,value:d(U)[e],class:`prop-input prop-input-color`,onInput:t=>g(e,t.target.value)},null,40,cr)):C(d(U)[e])===`number`?(f(),O(`input`,{key:1,type:`number`,value:d(U)[e],class:`prop-input`,onInput:t=>g(e,Number(t.target.value))},null,40,lr)):C(d(U)[e])===`json`?(f(),O(`textarea`,{key:2,value:JSON.stringify(d(U)[e],null,2),class:`prop-input prop-input-json`,rows:`3`,onChange:t=>(()=>{try{g(e,JSON.parse(t.target.value))}catch{}})()},null,40,ur)):(f(),O(`input`,{key:3,type:`text`,value:d(U)[e],class:`prop-input`,onInput:t=>g(e,t.target.value)},null,40,dr))]))),128))])):(f(),O(`div`,fr,` No props defined `))])):J.value===`fonts`?(f(),O(`div`,pr,[X.value?(f(),O(`div`,mr,[v(`div`,hr,[n[44]||=v(`span`,{class:`fonts-detected-label`},`Detected`,-1),(f(!0),O(E,null,i(X.value.weights,e=>(f(),O(`span`,{key:`w-${e}`,class:`fonts-chip`},x(e),1))),128)),(f(!0),O(E,null,i(X.value.styles,e=>(f(),O(`span`,{key:`s-${e}`,class:`fonts-chip`},x(e),1))),128)),X.value.families?.length?(f(),O(E,{key:0},[n[43]||=v(`span`,{class:`fonts-detected-sep`},null,-1),(f(!0),O(E,null,i(X.value.families,e=>(f(),O(`span`,{key:e,class:s([`fonts-chip`,gt.value.includes(e)?`fonts-chip--error`:`fonts-chip--family`])},[gt.value.includes(e)?(f(),p(I,{key:0,name:`carbon:warning-filled`,class:`w-2.5 h-2.5 shrink-0`})):D(``,!0),c(` `+x(e),1)],2))),128))],64)):D(``,!0)])])):D(``,!0),ht.value.length?(f(),O(`div`,gr,[v(`div`,_r,[n[45]||=v(`span`,{class:`fonts-detected-label`},`Rendering`,-1),(f(!0),O(E,null,i(ht.value,e=>(f(),O(`span`,{key:e,class:`fonts-chip fonts-chip--family`},x(e),1))),128))])])):D(``,!0),ut.value.length?(f(),O(`div`,vr,[(f(!0),O(E,null,i(pt.value,e=>(f(),O(E,{key:e},[v(`button`,{class:s([`fonts-family-row`,{active:vt.value===e}]),onClick:t=>yt(e)},[v(`span`,{class:`fonts-family-name`,style:t({fontFamily:`'ogp-${e}', sans-serif`})},x(e),5),v(`span`,br,[dt.value.get(e)?(f(),O(`span`,xr,x(ft(dt.value.get(e))),1)):D(``,!0),vt.value===e?(f(),p(I,{key:1,name:`carbon:checkmark-filled`,class:`fonts-family-check`})):D(``,!0)])],10,yr),v(`div`,Sr,[(f(!0),O(E,null,i(ut.value.filter(t=>t.family===e),e=>(f(),O(`div`,{key:e.key,class:s([`fonts-variant`,{loaded:e.loaded}])},[n[46]||=v(`span`,{class:`fonts-variant-dot`},null,-1),v(`span`,Cr,x(e.weight)+x(e.style===`italic`?`i`:``),1),e.subsetCount>1?(f(),O(`span`,wr,`×`+x(e.subsetCount),1)):D(``,!0),e.subsets.length?(f(!0),O(E,{key:1},i(e.subsets,e=>(f(),O(`span`,{key:e,class:`fonts-subset-chip`},x(e),1))),128)):D(``,!0)],2))),128))])],64))),128))])):(f(),O(`div`,Tr,[...n[47]||=[c(` No fonts resolved. Install `,-1),v(`code`,{class:`inline-code`},`@nuxt/fonts`,-1),c(` to enable. `,-1)]]))])):D(``,!0),J.value===`meta-tags`&&wt.value?(f(),p(jt,{key:3,label:`useSeoMeta`,code:Tt.value,lang:`js`},null,8,[`code`])):d(H)&&J.value!==`meta-tags`?(f(),p(Mt,{key:4,color:`warning`,variant:`subtle`,icon:`carbon:warning`,title:`Unsaved changes`,description:`These changes are for preview only and won't persist.`,class:`mx-3 my-2`})):D(``,!0)]),_:1})):D(``,!0)]),_:1})]))])}}}),[[`__scopeId`,`data-v-b50e9fdd`]]);export{Er as default};

package/dist/devtools/_nuxt/DevtoolsSection.C6JB6bJh.css

@@ -1 +0,0 @@
-.section-block[data-v-74c3e442]{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s;overflow:hidden}.section-block[data-v-74c3e442]:hover{border-color:var(--color-neutral-300)}.dark .section-block[data-v-74c3e442]:hover{border-color:var(--color-neutral-700)}.section-header[data-v-74c3e442]{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.875rem 1rem;list-style:none;transition:background .15s}.section-header[data-v-74c3e442]::-webkit-details-marker{display:none}.section-header[data-v-74c3e442]:hover{background:var(--color-surface-sunken)}details[open] .section-header[data-v-74c3e442]{border-bottom:1px solid var(--color-border)}.section-title[data-v-74c3e442]{align-items:center;gap:.625rem;transition:opacity .15s;display:flex}.section-icon[data-v-74c3e442]{color:var(--color-text-muted);flex-shrink:0;font-size:1.125rem}.section-label[data-v-74c3e442]{color:var(--color-text);font-size:.875rem;font-weight:600}.section-description[data-v-74c3e442]{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.chevron[data-v-74c3e442]{color:var(--color-text-subtle);flex-shrink:0;font-size:.875rem;transition:transform .2s cubic-bezier(.22,1,.36,1)}details[open] .chevron[data-v-74c3e442]{color:var(--color-text-muted);transform:rotate(180deg)}.section-content[data-v-74c3e442]{background:var(--color-surface-sunken);flex-direction:column;gap:.75rem;padding:1rem;display:flex}

package/dist/devtools/_nuxt/DevtoolsSnippet.C3GhU5E5.css

@@ -1 +0,0 @@
-.devtools-snippet[data-v-ec6eccfe]{margin:.5rem .75rem}.devtools-snippet-header[data-v-ec6eccfe]{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.devtools-snippet-label[data-v-ec6eccfe]{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:-.01em;font-size:.6875rem;font-weight:500}.devtools-snippet-block[data-v-ec6eccfe]{border-radius:var(--radius-sm);max-height:300px;font-size:.6875rem;line-height:1.6;overflow-y:auto;padding:.5rem .625rem!important}

package/dist/devtools/_nuxt/builds/meta/5bd1f05d-c888-4aaa-b6d8-022addcf074f.json

@@ -1 +0,0 @@
-{"id":"5bd1f05d-c888-4aaa-b6d8-022addcf074f","timestamp":1774499591299,"prerendered":[]}