nuxt-og-image 3.0.0-rc.12 → 3.0.0-rc.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/client/200.html +9 -9
  2. package/dist/client/404.html +9 -9
  3. package/dist/client/_nuxt/IconCSS.6C__fd0x.css +1 -0
  4. package/dist/client/_nuxt/IconCSS.OyGT7eGd.js +1 -0
  5. package/dist/client/_nuxt/builds/latest.json +1 -1
  6. package/dist/client/_nuxt/builds/meta/7277d2dd-9b1b-49b9-9106-3297555c358d.json +1 -0
  7. package/dist/client/_nuxt/entry.1-ZveGsq.css +1 -0
  8. package/dist/client/_nuxt/{entry.2c1d2fd3.js → entry.3-KzyOmg.js} +64 -58
  9. package/dist/client/_nuxt/{error-404.83466f5c.js → error-404.CkPhWImo.js} +1 -1
  10. package/dist/client/_nuxt/error-404.DkXpI38i.css +1 -0
  11. package/dist/client/_nuxt/error-500.SLhS9LVu.css +1 -0
  12. package/dist/client/_nuxt/{error-500.86de7be7.js → error-500.vjkc_n7W.js} +1 -1
  13. package/dist/client/index.html +9 -9
  14. package/dist/module.json +1 -1
  15. package/dist/module.mjs +2 -2
  16. package/dist/runtime/components/OgImage/OgImage.d.ts +1 -1
  17. package/dist/runtime/components/OgImage/OgImageScreenshot.d.ts +1 -1
  18. package/dist/runtime/core/renderers/satori/plugins/encoding.mjs +14 -5
  19. package/dist/runtime/core/renderers/satori/vnodes.mjs +1 -1
  20. package/dist/runtime/nitro/tsconfig.json +3 -0
  21. package/dist/runtime/nuxt/plugins/og-image-canonical-urls.server.mjs +9 -2
  22. package/dist/types.d.mts +2 -2
  23. package/package.json +24 -24
  24. package/dist/client/_nuxt/IconCSS.46139793.js +0 -1
  25. package/dist/client/_nuxt/IconCSS.f0b56d3e.css +0 -1
  26. package/dist/client/_nuxt/builds/meta/25d748ba-d49e-4e37-96fc-67fa28be2522.json +0 -1
  27. package/dist/client/_nuxt/entry.8abcd101.css +0 -1
  28. package/dist/client/_nuxt/error-404.1b80d82b.css +0 -1
  29. package/dist/client/_nuxt/error-500.331c2e95.css +0 -1
  30. /package/dist/client/_nuxt/{vanilla-picker-NKbIFE8h.23409a58.js → vanilla-picker-NKbIFE8h.vtyeXros.js} +0 -0
@@ -1 +1 @@
1
- import{_ as a,u as n,o as r,c as l,a as e,t as s,b as d,w as c,d as p,e as f,p as x,f as h}from"./entry.2c1d2fd3.js";const m=t=>(x("data-v-05a2b8a3"),t=t(),h(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=m(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),b={class:"max-w-520px text-center z-20"},_=["textContent"],w=["textContent"],y={class:"w-full flex items-center justify-center"},S={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Not Found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(t){const o=t;return n({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,v)=>{const i=f;return r(),l("div",u,[g,e("div",b,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,_),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,w),e("div",y,[d(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:c(()=>[p(s(t.backHome),1)]),_:1})])])])}}},z=a(S,[["__scopeId","data-v-05a2b8a3"]]);export{z as default};
1
+ import{_ as a,u as n,o as r,c as l,a as e,t as s,b as d,w as c,d as p,e as f,p as h,f as m}from"./entry.3-KzyOmg.js";const x=t=>(h("data-v-05a2b8a3"),t=t(),m(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=x(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),b={class:"max-w-520px text-center z-20"},_=["textContent"],w=["textContent"],y={class:"w-full flex items-center justify-center"},S={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Not Found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(t){const o=t;return n({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,N)=>{const i=f;return r(),l("div",u,[g,e("div",b,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,_),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,w),e("div",y,[d(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:c(()=>[p(s(t.backHome),1)]),_:1})])])])}}},z=a(S,[["__scopeId","data-v-05a2b8a3"]]);export{z as default};
@@ -0,0 +1 @@
1
+ .spotlight[data-v-05a2b8a3]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.gradient-border[data-v-05a2b8a3]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;position:relative}@media (prefers-color-scheme:light){.gradient-border[data-v-05a2b8a3]{background-color:#ffffff4d}.gradient-border[data-v-05a2b8a3]:before{background:linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#00dc82,#36e4da 75%,#0047e1)}}@media (prefers-color-scheme:dark){.gradient-border[data-v-05a2b8a3]{background-color:#1414144d}.gradient-border[data-v-05a2b8a3]:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82,#36e4da 75%,#0047e1)}}.gradient-border[data-v-05a2b8a3]:before{background-size:400% auto;border-radius:.5rem;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute;right:0;top:0;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;width:100%}.gradient-border[data-v-05a2b8a3]:hover:before{background-position:-50% 0;opacity:1}.bg-white[data-v-05a2b8a3]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.cursor-pointer[data-v-05a2b8a3]{cursor:pointer}.flex[data-v-05a2b8a3]{display:flex}.grid[data-v-05a2b8a3]{display:grid}.place-content-center[data-v-05a2b8a3]{place-content:center}.items-center[data-v-05a2b8a3]{align-items:center}.justify-center[data-v-05a2b8a3]{justify-content:center}.font-sans[data-v-05a2b8a3]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-medium[data-v-05a2b8a3]{font-weight:500}.font-light[data-v-05a2b8a3]{font-weight:300}.text-8xl[data-v-05a2b8a3]{font-size:6rem;line-height:1}.text-xl[data-v-05a2b8a3]{font-size:1.25rem;line-height:1.75rem}.leading-tight[data-v-05a2b8a3]{line-height:1.25}.mb-8[data-v-05a2b8a3]{margin-bottom:2rem}.mb-16[data-v-05a2b8a3]{margin-bottom:4rem}.max-w-520px[data-v-05a2b8a3]{max-width:520px}.min-h-screen[data-v-05a2b8a3]{min-height:100vh}.overflow-hidden[data-v-05a2b8a3]{overflow:hidden}.px-8[data-v-05a2b8a3]{padding-left:2rem;padding-right:2rem}.py-2[data-v-05a2b8a3]{padding-bottom:.5rem;padding-top:.5rem}.px-4[data-v-05a2b8a3]{padding-left:1rem;padding-right:1rem}.fixed[data-v-05a2b8a3]{position:fixed}.left-0[data-v-05a2b8a3]{left:0}.right-0[data-v-05a2b8a3]{right:0}.text-center[data-v-05a2b8a3]{text-align:center}.text-black[data-v-05a2b8a3]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-05a2b8a3]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-full[data-v-05a2b8a3]{width:100%}.z-10[data-v-05a2b8a3]{z-index:10}.z-20[data-v-05a2b8a3]{z-index:20}@media (min-width:640px){.sm\:text-4xl[data-v-05a2b8a3]{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl[data-v-05a2b8a3]{font-size:1.25rem;line-height:1.75rem}.sm\:text-10xl[data-v-05a2b8a3]{font-size:10rem;line-height:1}.sm\:px-0[data-v-05a2b8a3]{padding-left:0;padding-right:0}.sm\:py-3[data-v-05a2b8a3]{padding-bottom:.75rem;padding-top:.75rem}.sm\:px-6[data-v-05a2b8a3]{padding-left:1.5rem;padding-right:1.5rem}}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-05a2b8a3]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.dark\:text-white[data-v-05a2b8a3]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}}
@@ -0,0 +1 @@
1
+ .spotlight[data-v-c967d9a9]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);filter:blur(20vh)}.bg-white[data-v-c967d9a9]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.grid[data-v-c967d9a9]{display:grid}.place-content-center[data-v-c967d9a9]{place-content:center}.font-sans[data-v-c967d9a9]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-medium[data-v-c967d9a9]{font-weight:500}.font-light[data-v-c967d9a9]{font-weight:300}.h-1\/2[data-v-c967d9a9]{height:50%}.text-8xl[data-v-c967d9a9]{font-size:6rem;line-height:1}.text-xl[data-v-c967d9a9]{font-size:1.25rem;line-height:1.75rem}.leading-tight[data-v-c967d9a9]{line-height:1.25}.mb-8[data-v-c967d9a9]{margin-bottom:2rem}.mb-16[data-v-c967d9a9]{margin-bottom:4rem}.max-w-520px[data-v-c967d9a9]{max-width:520px}.min-h-screen[data-v-c967d9a9]{min-height:100vh}.overflow-hidden[data-v-c967d9a9]{overflow:hidden}.px-8[data-v-c967d9a9]{padding-left:2rem;padding-right:2rem}.fixed[data-v-c967d9a9]{position:fixed}.left-0[data-v-c967d9a9]{left:0}.right-0[data-v-c967d9a9]{right:0}.-bottom-1\/2[data-v-c967d9a9]{bottom:-50%}.text-center[data-v-c967d9a9]{text-align:center}.text-black[data-v-c967d9a9]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.antialiased[data-v-c967d9a9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:640px){.sm\:text-4xl[data-v-c967d9a9]{font-size:2.25rem;line-height:2.5rem}.sm\:text-10xl[data-v-c967d9a9]{font-size:10rem;line-height:1}.sm\:px-0[data-v-c967d9a9]{padding-left:0;padding-right:0}}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-c967d9a9]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.dark\:text-white[data-v-c967d9a9]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}}
@@ -1 +1 @@
1
- import{_ as i,u as a,o as r,c as n,a as e,t as s,p as l,f as d}from"./entry.2c1d2fd3.js";const c=t=>(l("data-v-c967d9a9"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},h=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),f={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__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 o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(u,b)=>(r(),n("div",p,[h,e("div",f,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-c967d9a9"]]);export{w as default};
1
+ import{_ as i,u as a,o as r,c as n,a as e,t as s,p as l,f as d}from"./entry.3-KzyOmg.js";const c=t=>(l("data-v-c967d9a9"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},h=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),f={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__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 o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(b,u)=>(r(),n("div",p,[h,e("div",f,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},_=i(x,[["__scopeId","data-v-c967d9a9"]]);export{_ as default};
@@ -2,15 +2,15 @@
2
2
  <html >
3
3
  <head><meta charset="utf-8">
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1">
5
- <link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.8abcd101.css">
6
- <link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.2c1d2fd3.js">
7
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/vanilla-picker-NKbIFE8h.23409a58.js">
8
- <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.1b80d82b.css">
9
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.83466f5c.js">
10
- <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.331c2e95.css">
11
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.86de7be7.js">
12
- <script type="module" src="/__nuxt-og-image/_nuxt/entry.2c1d2fd3.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,m=["dark","light"],c=window&&window.localStorage&&window.localStorage.getItem&&window.localStorage.getItem("nuxt-color-mode")||"system";let n=c==="system"?d():c;const l=e.getAttribute("data-color-mode-forced");l&&(n=l),i(n),a["__NUXT_COLOR_MODE__"]={preference:c,value:n,getColorScheme:d,addColorScheme:i,removeColorScheme:f};function i(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function f(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function r(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function d(){if(a.matchMedia&&r("").media!=="not all"){for(const o of m)if(r(":"+o).matches)return o}return"light"}})();
5
+ <link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.1-ZveGsq.css">
6
+ <link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.3-KzyOmg.js">
7
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/vanilla-picker-NKbIFE8h.vtyeXros.js">
8
+ <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.DkXpI38i.css">
9
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.CkPhWImo.js">
10
+ <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.SLhS9LVu.css">
11
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.vjkc_n7W.js">
12
+ <script type="module" src="/__nuxt-og-image/_nuxt/entry.3-KzyOmg.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,m=["dark","light"],c=window&&window.localStorage&&window.localStorage.getItem&&window.localStorage.getItem("nuxt-color-mode")||"system";let n=c==="system"?d():c;const l=e.getAttribute("data-color-mode-forced");l&&(n=l),i(n),a["__NUXT_COLOR_MODE__"]={preference:c,value:n,getColorScheme:d,addColorScheme:i,removeColorScheme:f};function i(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function f(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function r(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function d(){if(a.matchMedia&&r("").media!=="not all"){for(const o of m)if(r(":"+o).matches)return o}return"light"}})();
13
13
  </script></head>
14
- <body ><div id="__nuxt"></div><script>window.__NUXT_SITE_CONFIG__={env:"production",name:"client",url:"https:\u002F\u002Fnuxtseo.com"}</script><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"_errors":1,"serverRendered":2,"data":3,"state":4},{},false,{},{}]</script>
14
+ <body ><div id="__nuxt"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"_errors":1,"serverRendered":2,"data":3,"state":4,"once":5},{},false,{},{},["Set"]]</script>
15
15
  <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body>
16
16
  </html>
package/dist/module.json CHANGED
@@ -5,5 +5,5 @@
5
5
  "bridge": false
6
6
  },
7
7
  "configKey": "ogImage",
8
- "version": "3.0.0-rc.11"
8
+ "version": "3.0.0-rc.13"
9
9
  }
package/dist/module.mjs CHANGED
@@ -14,7 +14,7 @@ import { createHash } from 'node:crypto';
14
14
  import { execa } from 'execa';
15
15
  import terminate from 'terminate';
16
16
 
17
- const version = "3.0.0-rc.11";
17
+ const version = "3.0.0-rc.13";
18
18
 
19
19
  const autodetectableProviders = {
20
20
  azure_static: "azure",
@@ -609,7 +609,7 @@ const module = defineNuxtModule({
609
609
  nuxt.options.nitro.virtual["#nuxt-og-image/component-names.mjs"] = () => {
610
610
  return `export const componentNames = ${JSON.stringify(ogImageComponentCtx.components)}`;
611
611
  };
612
- let unoCssConfig = { theme: {} };
612
+ let unoCssConfig = {};
613
613
  nuxt.hook("tailwindcss:config", (tailwindConfig) => {
614
614
  unoCssConfig = defu(tailwindConfig.theme?.extend, { ...tailwindConfig.theme, extend: void 0 });
615
615
  });
@@ -1,5 +1,5 @@
1
1
  import type { OgImageOptions } from '../../types';
2
- declare const _default: import("vue").DefineComponent<OgImageOptions<"NuxtSeo">, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<OgImageOptions<"NuxtSeo">>, {
2
+ declare const _default: import("vue").DefineComponent<OgImageOptions<"NuxtSeo">, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OgImageOptions<"NuxtSeo">>, {
3
3
  props?: any;
4
4
  }, {}>;
5
5
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import type { OgImagePageScreenshotOptions } from '../../types';
2
- declare const _default: import("vue").DefineComponent<OgImagePageScreenshotOptions, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<OgImagePageScreenshotOptions>, {
2
+ declare const _default: import("vue").DefineComponent<OgImagePageScreenshotOptions, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OgImagePageScreenshotOptions>, {
3
3
  props?: any;
4
4
  }, {}>;
5
5
  export default _default;
@@ -1,8 +1,17 @@
1
1
  import { defineSatoriTransformer } from "../utils.mjs";
2
2
  import { decodeHtml } from "../../../options/extract.mjs";
3
- export default defineSatoriTransformer({
4
- filter: (node) => typeof node.props?.children === "string",
5
- transform: async (node) => {
6
- node.props.children = decodeHtml(node.props.children);
3
+ export default defineSatoriTransformer([
4
+ // clean up
5
+ {
6
+ filter: (node) => node.props?.["data-v-inspector"],
7
+ transform: async (node) => {
8
+ delete node.props["data-v-inspector"];
9
+ }
10
+ },
11
+ {
12
+ filter: (node) => typeof node.props?.children === "string",
13
+ transform: async (node) => {
14
+ node.props.children = decodeHtml(node.props.children);
15
+ }
7
16
  }
8
- });
17
+ ]);
@@ -19,7 +19,7 @@ export async function createVNodes(ctx) {
19
19
  await applyEmojis(ctx, island);
20
20
  html = island.html;
21
21
  }
22
- const template = `<div data-v-inspector-ignore="true" style="position: relative; display: flex; margin: 0 auto; width: ${ctx.options.width}px; height: ${ctx.options.height}px; overflow: hidden;">${html}</div>`;
22
+ const template = `<div style="position: relative; display: flex; margin: 0 auto; width: ${ctx.options.width}px; height: ${ctx.options.height}px; overflow: hidden;">${html}</div>`;
23
23
  const satoriTree = convertHtmlToSatori(template);
24
24
  await walkSatoriTree(ctx, satoriTree, [
25
25
  unocss,
@@ -0,0 +1,3 @@
1
+ {
2
+ "extends": "../../../.nuxt/tsconfig.server.json"
3
+ }
@@ -15,11 +15,18 @@ export default defineNuxtPlugin({
15
15
  key: "nuxt-og-image:overrides-and-canonical-urls",
16
16
  hooks: {
17
17
  "tags:resolve": async (ctx2) => {
18
+ const hasPrimaryPayload = ctx2.tags.some((tag) => tag.tag === "script" && tag.props.id === "nuxt-og-image-options");
18
19
  let overrides;
19
20
  for (const tag of ctx2.tags) {
20
21
  if (tag.tag === "script" && tag.props.id === "nuxt-og-image-overrides") {
21
- overrides = separateProps(JSON.parse(tag.innerHTML || "{}"));
22
- delete ctx2.tags[ctx2.tags.indexOf(tag)];
22
+ if (hasPrimaryPayload) {
23
+ overrides = separateProps(JSON.parse(tag.innerHTML || "{}"));
24
+ delete ctx2.tags[ctx2.tags.indexOf(tag)];
25
+ } else {
26
+ tag.props.id = "nuxt-og-image-options";
27
+ tag.innerHTML = JSON.stringify(separateProps(JSON.parse(tag.innerHTML || "{}")));
28
+ tag._d = "script:id:nuxt-og-image-options";
29
+ }
23
30
  break;
24
31
  }
25
32
  }
package/dist/types.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- import type { ModuleOptions, ModuleHooks } from './module'
2
+ import type { ModuleOptions, ModuleHooks } from './module.js'
3
3
 
4
4
 
5
5
  declare module '@nuxt/schema' {
@@ -15,4 +15,4 @@ declare module 'nuxt/schema' {
15
15
  }
16
16
 
17
17
 
18
- export type { ModuleHooks, ModuleOptions, default } from './module'
18
+ export type { ModuleHooks, ModuleOptions, default } from './module.js'
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "nuxt-og-image",
3
3
  "type": "module",
4
- "version": "3.0.0-rc.12",
5
- "packageManager": "pnpm@8.12.1",
4
+ "version": "3.0.0-rc.14",
5
+ "packageManager": "pnpm@8.13.1",
6
6
  "description": "Enlightened OG Image generation for Nuxt.",
7
7
  "author": {
8
8
  "website": "https://harlanzw.com",
@@ -35,21 +35,21 @@
35
35
  "dependencies": {
36
36
  "@iconify-json/noto": "^1.1.18",
37
37
  "@nuxt/devtools-kit": "^1.0.6",
38
- "@nuxt/kit": "^3.8.2",
38
+ "@nuxt/kit": "^3.9.0",
39
39
  "@resvg/resvg-js": "^2.6.0",
40
40
  "@resvg/resvg-wasm": "^2.6.0",
41
- "@unocss/core": "^0.58.0",
42
- "@unocss/preset-wind": "^0.58.0",
43
- "@vueuse/core": "^10.7.0",
41
+ "@unocss/core": "^0.58.3",
42
+ "@unocss/preset-wind": "^0.58.3",
43
+ "@vueuse/core": "^10.7.1",
44
44
  "chrome-launcher": "^1.1.0",
45
45
  "css-inline": "^0.11.2",
46
46
  "defu": "^6.1.3",
47
47
  "execa": "^8.0.1",
48
48
  "floating-vue": "2.0.0-beta.24",
49
- "image-size": "^1.0.2",
50
- "nuxt-site-config": "^2.1.2",
51
- "nuxt-site-config-kit": "^2.1.2",
52
- "nypm": "^0.3.3",
49
+ "image-size": "^1.1.0",
50
+ "nuxt-site-config": "^2.1.3",
51
+ "nuxt-site-config-kit": "^2.1.3",
52
+ "nypm": "^0.3.4",
53
53
  "ofetch": "^1.3.3",
54
54
  "ohash": "^1.1.3",
55
55
  "pathe": "^1.1.1",
@@ -57,34 +57,34 @@
57
57
  "radix3": "^1.1.0",
58
58
  "satori": "0.10.11",
59
59
  "satori-html": "^0.3.2",
60
- "sirv": "^2.0.3",
61
- "std-env": "^3.6.0",
60
+ "sirv": "^2.0.4",
61
+ "std-env": "^3.7.0",
62
62
  "terminate": "^2.6.1",
63
63
  "ufo": "^1.3.2",
64
64
  "yoga-wasm-web": "^0.3.3"
65
65
  },
66
66
  "devDependencies": {
67
- "@antfu/eslint-config": "2.4.6",
67
+ "@antfu/eslint-config": "2.6.1",
68
68
  "@img/sharp-linux-x64": "0.33.1",
69
- "@nuxt/content": "^2.9.0",
69
+ "@nuxt/content": "^2.10.0",
70
70
  "@nuxt/devtools": "1.0.6",
71
- "@nuxt/module-builder": "^0.5.4",
72
- "@nuxt/test-utils": "3.8.1",
71
+ "@nuxt/module-builder": "^0.5.5",
72
+ "@nuxt/test-utils": "3.9.0",
73
73
  "@nuxt/ui": "^2.11.1",
74
74
  "@nuxtjs/eslint-config-typescript": "^12.1.0",
75
- "@nuxtjs/i18n": "8.0.0-rc.11",
76
- "@nuxtjs/tailwindcss": "^6.10.1",
77
- "@unocss/nuxt": "^0.58.0",
75
+ "@nuxtjs/i18n": "8.0.0",
76
+ "@nuxtjs/tailwindcss": "^6.10.3",
77
+ "@unocss/nuxt": "^0.58.3",
78
78
  "bumpp": "^9.2.1",
79
79
  "eslint": "8.56.0",
80
80
  "jest-image-snapshot": "^6.4.0",
81
- "nuxt": "^3.8.2",
82
- "nuxt-icon": "0.6.7",
81
+ "nuxt": "^3.9.0",
82
+ "nuxt-icon": "0.6.8",
83
83
  "playwright": "^1.40.1",
84
- "sass": "^1.69.5",
84
+ "sass": "^1.69.6",
85
85
  "sharp": "^0.33.1",
86
86
  "typescript": "^5.3.3",
87
- "vitest": "^1.0.4"
87
+ "vitest": "^1.1.1"
88
88
  },
89
89
  "build": {
90
90
  "externals": [
@@ -97,7 +97,7 @@
97
97
  },
98
98
  "scripts": {
99
99
  "stub": "nuxt-build-module build --stub && nuxt-module-build prepare",
100
- "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client",
100
+ "build": "pnpm stub && nuxt-module-build build && pnpm run build:client",
101
101
  "build:client": "nuxi generate client",
102
102
  "build:module": "nuxt-build-module build",
103
103
  "lint": "eslint . --fix",
@@ -1 +0,0 @@
1
- import{g as _,h as m,i as d,j as c,r as f,o as I,c as v,n as x,_ as S}from"./entry.2c1d2fd3.js";const y=_({__name:"IconCSS",props:{name:{type:String,required:!0},size:{type:String,default:""}},setup(u){m(e=>({"862fb1b8":p.value}));const t=d(),s=u,l=c(()=>{var e,n;return(n=(e=t.nuxtIcon)==null?void 0:e.aliases)!=null&&n[s.name]?t.nuxtIcon.aliases[s.name]:s.name}),r=c(()=>f(l.value)),p=c(()=>{var o,a;const e=(a=(o=t.nuxtIcon)==null?void 0:o.iconifyApiOptions)==null?void 0:a.url;if(e)try{new URL(e)}catch{console.warn("Nuxt IconCSS: Invalid custom Iconify API URL");return}return`url('${e||"https://api.iconify.design"}/${r.value.prefix}/${r.value.name}.svg')`}),i=c(()=>{var n,o,a;if(!s.size&&typeof((n=t.nuxtIcon)==null?void 0:n.size)=="boolean"&&!((o=t.nuxtIcon)!=null&&o.size))return;const e=s.size||((a=t.nuxtIcon)==null?void 0:a.size)||"1em";return String(Number(e))===e?`${e}px`:e});return(e,n)=>(I(),v("span",{style:x({width:i.value,height:i.value})},null,4))}});const C=S(y,[["__scopeId","data-v-9ed8e03d"]]);export{C as default};
@@ -1 +0,0 @@
1
- span[data-v-9ed8e03d]{background-color:currentColor;display:inline-block;-webkit-mask-image:var(--862fb1b8);mask-image:var(--862fb1b8);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:middle}
@@ -1 +0,0 @@
1
- {"id":"25d748ba-d49e-4e37-96fc-67fa28be2522","timestamp":1703123257708,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}