nuxt-og-image 3.0.0-beta.25 → 3.0.0-beta.27

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 (55) hide show
  1. package/README.md +2 -2
  2. package/dist/client/200.html +5 -5
  3. package/dist/client/404.html +5 -5
  4. package/dist/client/_nuxt/{IconCSS.7d585b82.js → IconCSS.d69522d9.js} +1 -1
  5. package/dist/client/_nuxt/builds/latest.json +1 -1
  6. package/dist/client/_nuxt/builds/meta/04a1a499-35bd-4c8e-b749-645f4e958e84.json +1 -0
  7. package/dist/client/_nuxt/{entry.553872fd.js → entry.a01acc2c.js} +69 -69
  8. package/dist/client/_nuxt/entry.f47d0628.css +1 -0
  9. package/dist/client/_nuxt/{error-404.5a969881.js → error-404.ba8226d4.js} +1 -1
  10. package/dist/client/_nuxt/{error-500.bd8d9f3b.js → error-500.bd88cc81.js} +1 -1
  11. package/dist/client/index.html +5 -5
  12. package/dist/module.d.mts +4 -3
  13. package/dist/module.d.ts +4 -3
  14. package/dist/module.json +1 -1
  15. package/dist/module.mjs +43 -26
  16. package/dist/runtime/cache.d.ts +1 -1
  17. package/dist/runtime/cache.mjs +5 -4
  18. package/dist/runtime/components/OgImage/OgImage.d.ts +1 -1
  19. package/dist/runtime/components/Templates/{Official → Community}/BrandedLogo.vue +3 -0
  20. package/dist/runtime/components/Templates/Community/Nuxt.vue +6 -3
  21. package/dist/runtime/components/Templates/Community/NuxtSeo.vue +142 -0
  22. package/dist/runtime/components/Templates/{Official → Community}/SimpleBlog.vue +6 -2
  23. package/dist/runtime/components/Templates/{Official → Community}/Wave.vue +4 -0
  24. package/dist/runtime/components/Templates/{Official → Community}/WithEmoji.vue +4 -0
  25. package/dist/runtime/composables/defineOgImage.mjs +3 -3
  26. package/dist/runtime/composables/defineOgImageComponent.mjs +2 -2
  27. package/dist/runtime/core/cache/prerender.d.ts +1 -1
  28. package/dist/runtime/core/font/fetch.mjs +10 -4
  29. package/dist/runtime/core/html/applyEmojis.mjs +1 -1
  30. package/dist/runtime/core/html/devIframeTemplate.mjs +13 -5
  31. package/dist/runtime/core/options/normalise.mjs +3 -2
  32. package/dist/runtime/core/renderers/chromium/screenshot.d.ts +1 -1
  33. package/dist/runtime/core/renderers/chromium/screenshot.mjs +2 -2
  34. package/dist/runtime/core/renderers/satori/index.mjs +4 -4
  35. package/dist/runtime/core/utils/resolveRendererContext.mjs +13 -3
  36. package/dist/runtime/nitro/plugins/nuxt-content.mjs +2 -3
  37. package/dist/runtime/nitro/plugins/prerender.d.ts +1 -1
  38. package/dist/runtime/nitro/plugins/prerender.mjs +12 -4
  39. package/dist/runtime/nuxt/plugins/og-image-canonical-urls.server.mjs +31 -0
  40. package/dist/runtime/nuxt/plugins/route-rule-og-image.server.mjs +5 -6
  41. package/dist/runtime/nuxt/utils.mjs +8 -10
  42. package/dist/runtime/server/routes/__og-image__/debug.json.d.ts +1 -1
  43. package/dist/runtime/server/routes/__og-image__/debug.json.mjs +3 -2
  44. package/dist/runtime/server/routes/__og-image__/image.mjs +3 -2
  45. package/dist/runtime/types.d.ts +18 -2
  46. package/dist/runtime/utils.d.ts +3 -2
  47. package/dist/runtime/utils.mjs +4 -4
  48. package/dist/runtime/utils.pure.d.ts +5 -0
  49. package/dist/runtime/utils.pure.mjs +43 -0
  50. package/package.json +3 -3
  51. package/dist/client/_nuxt/builds/meta/4219a0b1-e5b0-44b6-bf23-fa336afbfc0a.json +0 -1
  52. package/dist/client/_nuxt/entry.3a009184.css +0 -1
  53. package/dist/runtime/components/Templates/Official/Fallback.vue +0 -147
  54. package/dist/runtime/nuxt/plugins/nuxt-content-canonical-urls.mjs +0 -29
  55. /package/dist/runtime/nuxt/plugins/{nuxt-content-canonical-urls.d.ts → og-image-canonical-urls.server.d.ts} +0 -0
package/README.md CHANGED
@@ -32,8 +32,8 @@ Generate OG Images with Vue templates in Nuxt.
32
32
 
33
33
  ## Features
34
34
 
35
- - ✨ Turn your Vue components into `og:image` templates
36
- - 🎨 Design them in the OG Image Playground with full HMR
35
+ - ✨ Create an `og:image` using the built-in templates or make your own with Vue components
36
+ - 🎨 Design and test your `og:image` in the Nuxt DevTools OG Image Playground with full HMR
37
37
  - ▲ Render using [Satori](https://github.com/vercel/satori): Tailwind classes, Google fonts, emoji support and more!
38
38
  - 🤖 Or prerender using the Browser: Supporting painless, complex templates
39
39
  - 📸 Feeling lazy? Just generate screenshots for every page: hide elements, wait for animations, and more
package/dist/client/200.html CHANGED
@@ -2,13 +2,13 @@
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.3a009184.css">
6
- <link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.553872fd.js">
5
+ <link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.f47d0628.css">
6
+ <link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.a01acc2c.js">
7
7
  <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.b751fa02.css">
8
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.5a969881.js">
8
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.ba8226d4.js">
9
9
  <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.69009e70.css">
10
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.bd8d9f3b.js">
11
- <script type="module" src="/__nuxt-og-image/_nuxt/entry.553872fd.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"}})();
10
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.bd88cc81.js">
11
+ <script type="module" src="/__nuxt-og-image/_nuxt/entry.a01acc2c.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"}})();
12
12
  </script></head>
13
13
  <body ><div id="__nuxt"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"_errors":1,"serverRendered":2,"data":3,"state":4},{},false,{},{}]</script>
14
14
  <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body>
package/dist/client/404.html CHANGED
@@ -2,13 +2,13 @@
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.3a009184.css">
6
- <link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.553872fd.js">
5
+ <link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.f47d0628.css">
6
+ <link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.a01acc2c.js">
7
7
  <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.b751fa02.css">
8
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.5a969881.js">
8
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.ba8226d4.js">
9
9
  <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.69009e70.css">
10
- <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.bd8d9f3b.js">
11
- <script type="module" src="/__nuxt-og-image/_nuxt/entry.553872fd.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"}})();
10
+ <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.bd88cc81.js">
11
+ <script type="module" src="/__nuxt-og-image/_nuxt/entry.a01acc2c.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"}})();
12
12
  </script></head>
13
13
  <body ><div id="__nuxt"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"_errors":1,"serverRendered":2,"data":3,"state":4},{},false,{},{}]</script>
14
14
  <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body>
package/dist/client/_nuxt/{IconCSS.7d585b82.js → IconCSS.d69522d9.js} RENAMED
@@ -1 +1 @@
1
- import{g as _,h as f,i as m,j as c,r as d,o as I,c as v,n as x,_ as S}from"./entry.553872fd.js";const y=_({__name:"IconCSS",props:{name:{type:String,required:!0},size:{type:String,default:""}},setup(u){f(e=>({79268360:p.value}));const t=m(),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(()=>d(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 b=S(y,[["__scopeId","data-v-6fdb97b6"]]);export{b as default};
1
+ import{g as _,h as f,i as m,j as c,r as d,o as I,c as v,n as x,_ as S}from"./entry.a01acc2c.js";const y=_({__name:"IconCSS",props:{name:{type:String,required:!0},size:{type:String,default:""}},setup(u){f(e=>({79268360:p.value}));const t=m(),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(()=>d(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 b=S(y,[["__scopeId","data-v-6fdb97b6"]]);export{b as default};
package/dist/client/_nuxt/builds/latest.json CHANGED
@@ -1 +1 @@
1
- {"id":"4219a0b1-e5b0-44b6-bf23-fa336afbfc0a","timestamp":1701503949371}
1
+ {"id":"04a1a499-35bd-4c8e-b749-645f4e958e84","timestamp":1701586340907}
package/dist/client/_nuxt/builds/meta/04a1a499-35bd-4c8e-b749-645f4e958e84.json ADDED
@@ -0,0 +1 @@
1
+ {"id":"04a1a499-35bd-4c8e-b749-645f4e958e84","timestamp":1701586340907,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}