From 43726fa5f3e09812324bfbec137ad469bf56e866 Mon Sep 17 00:00:00 2001 From: Harlan Wilton Date: Tue, 6 Oct 2026 17:30:11 +1100 Subject: [PATCH 1/3] docs: add the module icon to the README header The Nuxt SEO brand refresh gives each module a hand-drawn icon. The header shows it above the module name. Light and dark cuts match the reader's GitHub theme. --- .github/assets/icon-dark.svg | 1 + .github/assets/icon-light.svg | 1 + README.md | 5 +++++ 3 files changed, 7 insertions(+) create mode 100644 .github/assets/icon-dark.svg create mode 100644 .github/assets/icon-light.svg diff --git a/.github/assets/icon-dark.svg b/.github/assets/icon-dark.svg new file mode 100644 index 000000000..79f7a6390 --- /dev/null +++ b/.github/assets/icon-dark.svg @@ -0,0 +1 @@ + diff --git a/.github/assets/icon-light.svg b/.github/assets/icon-light.svg new file mode 100644 index 000000000..403ab4843 --- /dev/null +++ b/.github/assets/icon-light.svg @@ -0,0 +1 @@ + diff --git a/README.md b/README.md index f7d858058..c11d4684e 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,8 @@ + + + + + Nuxt OG Image DevTools Preview

nuxt-og-image

From 5048030daebdc5a29ad2bafd9d5cd39c7c76a6c6 Mon Sep 17 00:00:00 2001 From: Harlan Wilton Date: Tue, 6 Oct 2026 17:52:00 +1100 Subject: [PATCH 2/3] docs: put the module icon plate in the README heading GitHub swaps sources by the OS colour scheme, not by its own theme, so the dark-ink icon showed on GitHub's dark theme. The icon now sits on the dark favicon plate inside the H1. One SVG reads on both themes. --- .github/assets/icon-dark.svg | 1 - .github/assets/icon-light.svg | 1 - .github/assets/icon.svg | 1 + README.md | 7 +------ 4 files changed, 2 insertions(+), 8 deletions(-) delete mode 100644 .github/assets/icon-dark.svg delete mode 100644 .github/assets/icon-light.svg create mode 100644 .github/assets/icon.svg diff --git a/.github/assets/icon-dark.svg b/.github/assets/icon-dark.svg deleted file mode 100644 index 79f7a6390..000000000 --- a/.github/assets/icon-dark.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/.github/assets/icon-light.svg b/.github/assets/icon-light.svg deleted file mode 100644 index 403ab4843..000000000 --- a/.github/assets/icon-light.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/.github/assets/icon.svg b/.github/assets/icon.svg new file mode 100644 index 000000000..93c1b3ac8 --- /dev/null +++ b/.github/assets/icon.svg @@ -0,0 +1 @@ + diff --git a/README.md b/README.md index c11d4684e..48edb0649 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,6 @@ - - - - - Nuxt OG Image DevTools Preview -

nuxt-og-image

+

Nuxt SEO nuxt-og-image

[![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] From cfa1c9ba431b54eaf174566a4365c0f502551bdf Mon Sep 17 00:00:00 2001 From: Harlan Wilton Date: Tue, 6 Oct 2026 18:06:48 +1100 Subject: [PATCH 3/3] docs: unify the README badge row Every Nuxt SEO README now shows the same five badges in the brand's ink and green. The skilld badge becomes a Markdown badge in the row, so it no longer drops to its own line. --- README.md | 20 ++++++++------------ 1 file changed, 8 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 48edb0649..bfffb0569 100644 --- a/README.md +++ b/README.md @@ -6,14 +6,7 @@ [![npm downloads][npm-downloads-src]][npm-downloads-href] [![License][license-src]][license-href] [![Nuxt][nuxt-src]][nuxt-href] - - - - - - Skill repository on skilld.dev - - +[![Skill repository on skilld.dev][skilld-src]][skilld-href] Nuxt OG Image allows you to easily generate OG Images using either Vue components or screenshots of your pages. @@ -78,14 +71,17 @@ npx nuxi@latest module add og-image Licensed under the [MIT license](https://github.com/nuxt-modules/og-image/blob/main/LICENSE.md). -[npm-version-src]: https://img.shields.io/npm/v/nuxt-og-image/latest.svg?style=flat&colorA=18181B&colorB=28CF8D +[npm-version-src]: https://img.shields.io/npm/v/nuxt-og-image/latest.svg?style=flat&labelColor=16152b&color=00a63e [npm-version-href]: https://npmjs.com/package/nuxt-og-image -[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-og-image.svg?style=flat&colorA=18181B&colorB=28CF8D +[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-og-image.svg?style=flat&labelColor=16152b&color=00a63e [npm-downloads-href]: https://npmjs.com/package/nuxt-og-image -[license-src]: https://img.shields.io/github/license/nuxt-modules/og-image.svg?style=flat&colorA=18181B&colorB=28CF8D +[license-src]: https://img.shields.io/github/license/nuxt-modules/og-image.svg?style=flat&labelColor=16152b&color=00a63e [license-href]: https://github.com/nuxt-modules/og-image/blob/main/LICENSE.md -[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt +[nuxt-src]: https://img.shields.io/badge/Nuxt-16152b?logo=nuxt&style=flat [nuxt-href]: https://nuxt.com + +[skilld-src]: https://skilld.dev/b/nuxt-modules/og-image?style=flat&labelColor=16152b&color=00a63e&logoColor=ffffff +[skilld-href]: https://skilld.dev/gh/nuxt-modules/og-image