nuxt-og-image 1.4.10 → 1.4.11
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.
- package/README.md +11 -11
- package/dist/module.json +1 -1
- package/dist/runtime/composables/defineOgImage.mjs +5 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -31,20 +31,20 @@ Enlightened OG Image generation for Nuxt 3.
|
|
|
31
31
|
|
|
32
32
|
ℹ️ Looking for a complete SEO solution? Check out [Nuxt SEO Kit](https://github.com/harlan-zw/nuxt-seo-kit).
|
|
33
33
|
|
|
34
|
-
##
|
|
34
|
+
## Features
|
|
35
35
|
|
|
36
|
-
-
|
|
37
|
-
-
|
|
38
|
-
-
|
|
36
|
+
- ✨ Turn your Vue components into `og:image` templates
|
|
37
|
+
- 🎨 Design them in the OG Image Playground with full HMR
|
|
38
|
+
- ▲ Render using [Satori](https://github.com/vercel/satori): Tailwind classes, Google fonts, emoji support and more!
|
|
39
|
+
- 🤖 Or prerender using the Browser: Supporting painless, complex templates
|
|
40
|
+
- 📸 Feeling lazy? Just generate screenshots for every page: hide elements, wait for animations, and more
|
|
41
|
+
- ⚙️ Works on the edge: Vercel Edge and Cloudflare Workers
|
|
39
42
|
|
|
40
|
-
##
|
|
43
|
+
## Demos
|
|
41
44
|
|
|
42
|
-
-
|
|
43
|
-
-
|
|
44
|
-
-
|
|
45
|
-
- ✨ Prerendering enabled for static images
|
|
46
|
-
- 📸 Feeling lazy? Just generate screenshots with options for hiding elements, waiting for animations, and more
|
|
47
|
-
- ⚙️ Satori support in Vercel Edge and Cloudflare Workers
|
|
45
|
+
- [Vercel Edge Demo](https://nuxt-og-image-playground.vercel.app/)
|
|
46
|
+
- [StackBlitz - Minimal Playground Example](https://stackblitz.com/edit/nuxt-starter-pxs3wk?file=pages/index.vue)
|
|
47
|
+
- [StackBlitz - Alpine Theme](https://stackblitz.com/edit/github-hgunsf?file=package.json)
|
|
48
48
|
|
|
49
49
|
## Install
|
|
50
50
|
|
package/dist/module.json
CHANGED
|
@@ -37,9 +37,13 @@ export function defineOgImage(options = {}) {
|
|
|
37
37
|
e.res.setHeader("x-nitro-prerender", `${route === "/" ? "" : route}/__og_image__/og.png`);
|
|
38
38
|
const meta = [
|
|
39
39
|
{
|
|
40
|
-
|
|
40
|
+
name: "twitter:card",
|
|
41
41
|
content: "summary_large_image"
|
|
42
42
|
},
|
|
43
|
+
{
|
|
44
|
+
name: "twitter:image:src",
|
|
45
|
+
content: () => withBase(`${route === "/" ? "" : route}/__og_image__/og.png`, host)
|
|
46
|
+
},
|
|
43
47
|
{
|
|
44
48
|
property: "og:image",
|
|
45
49
|
content: () => withBase(`${route === "/" ? "" : route}/__og_image__/og.png`, host)
|