fix(05-02): ContentSlot→slot, image path, Shiki dual-theme CSS

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;

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>

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
 

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