From a363cc24a4a967ed2f9682c8eb877bc2a8935ac7 Mon Sep 17 00:00:00 2001
From: Johann Schopplich <mail@johannschopplich.com>
Date: Wed, 11 Sep 2024 12:02:38 +0200
Subject: [PATCH] docs: Kirby 5 support

---
 content/changelog/v1.8.0.md | 8 ++++++++
 content/index.yml           | 5 +++--
 nuxt.config.ts              | 1 +
 pages/index.vue             | 1 +
 4 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 content/changelog/v1.8.0.md

diff --git a/content/changelog/v1.8.0.md b/content/changelog/v1.8.0.md
new file mode 100644
index 0000000..0f05bfe
--- /dev/null
+++ b/content/changelog/v1.8.0.md
@@ -0,0 +1,8 @@
+---
+title: v1.8.0
+date: 2024-09-11
+---
+
+**🚀 Features**
+
+- Added support for the upcoming Kirby 5 release.
diff --git a/content/index.yml b/content/index.yml
index 9294e25..d0d1f68 100644
--- a/content/index.yml
+++ b/content/index.yml
@@ -3,9 +3,10 @@ description: Analyze your pages, improve your content, and boost your rankings.
 navigation: false
 hero:
   headline:
-    label: Composer support landed!
+    label: "New: Kirby 5 Support"
     to: /docs/get-started
-    icon: i-logos-composer
+    icon: i-logos-kirby-icon
+    iconClass: dark:invert
   orientation: horizontal
   title: '<span class="text-primary">SEO Analysis</span><br> With One Click'
   description: Kirby SEO Audit offers the power of Yoast SEO in a Kirby Panel section. Improve your content and boost your rankings by checking your pages for SEO issues.
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 46db8ec..6e4ae4e 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,4 +1,5 @@
 export default defineNuxtConfig({
+  compatibilityDate: "2024-04-03",
   extends: ["@nuxt/ui-pro"],
 
   modules: [
diff --git a/pages/index.vue b/pages/index.vue
index 0d5fee7..57c328f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -45,6 +45,7 @@ useSeoMeta({
               v-if="page.hero.headline.icon"
               :name="page.hero.headline.icon"
               class="pointer-events-none h-4 w-4"
+              :class="page.hero.headline.iconClass"
             />
             {{ page.hero.headline.label }}
           </span>