From b5c3250a4e2cf811330dab03103d0fcacf83f52f Mon Sep 17 00:00:00 2001
From: kayjaydee <killian.dalcin@gmail.com>
Date: Tue, 21 Apr 2026 15:16:04 +0200
Subject: [PATCH] =?UTF-8?q?fix(05-02):=20ContentSlot=E2=86=92slot,=20image?=
 =?UTF-8?q?=20path,=20Shiki=20dual-theme=20CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/css/main.css               | 18 ++++++++++++++++++
 app/components/content/Alert.vue      |  2 +-
 content/en/blog/test-kotlin-syntax.md |  2 +-
 content/fr/blog/test-kotlin-syntax.md |  2 +-
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index e93aab5..6ce177d 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -2,6 +2,24 @@
 @import "@nuxt/ui";
 @plugin "@tailwindcss/typography";
 
+/* Shiki dual-theme switching via .dark class (color mode cookie) */
+.shiki,
+.shiki span {
+  color: var(--shiki-light) !important;
+  background-color: var(--shiki-light-bg) !important;
+  font-style: var(--shiki-light-font-style) !important;
+  font-weight: var(--shiki-light-font-weight) !important;
+  text-decoration: var(--shiki-light-text-decoration) !important;
+}
+.dark .shiki,
+.dark .shiki span {
+  color: var(--shiki-dark) !important;
+  background-color: var(--shiki-dark-bg) !important;
+  font-style: var(--shiki-dark-font-style) !important;
+  font-weight: var(--shiki-dark-font-weight) !important;
+  text-decoration: var(--shiki-dark-text-decoration) !important;
+}
+
 @theme {
   --color-brand-50: #f0faf0;
   --color-brand-100: #dcf3dc;
diff --git a/app/components/content/Alert.vue b/app/components/content/Alert.vue
index 5132f9f..9f19c43 100644
--- a/app/components/content/Alert.vue
+++ b/app/components/content/Alert.vue
@@ -28,7 +28,7 @@ const colorMap = {
     class="my-4"
   >
     <template #description>
-      <ContentSlot :use="$slots.default" unwrap="p" />
+      <slot />
     </template>
   </UAlert>
 </template>
diff --git a/content/en/blog/test-kotlin-syntax.md b/content/en/blog/test-kotlin-syntax.md
index 508cb6f..7fd48a4 100644
--- a/content/en/blog/test-kotlin-syntax.md
+++ b/content/en/blog/test-kotlin-syntax.md
@@ -19,7 +19,7 @@ fun createPlugin(name: String): Plugin {
 
 ## Optimized Image
 
-![Test image for NuxtImg in articles](/images/og-image.png)
+![Test image for NuxtImg in articles](/og-image.png)
 
 ## Table
 
diff --git a/content/fr/blog/test-kotlin-syntax.md b/content/fr/blog/test-kotlin-syntax.md
index 7064e1c..6dd0cf8 100644
--- a/content/fr/blog/test-kotlin-syntax.md
+++ b/content/fr/blog/test-kotlin-syntax.md
@@ -19,7 +19,7 @@ fun createPlugin(name: String): Plugin {
 
 ## Image optimisée
 
-![Image de test pour NuxtImg dans les articles](/images/og-image.png)
+![Image de test pour NuxtImg dans les articles](/og-image.png)
 
 ## Tableau