From 3381b2efb3e91492d120dcf76a1f8d34f774f7aa Mon Sep 17 00:00:00 2001
From: kayjaydee <killian.dalcin@gmail.com>
Date: Tue, 21 Apr 2026 14:33:54 +0200
Subject: [PATCH] feat(05-01): configure @nuxt/content with Shiki dual-theme
 and typography plugin

- Add '@nuxt/content' to modules array in nuxt.config.ts
- Add content block: Shiki dual-theme github-light/github-dark
- Add Shiki langs: kotlin, java, typescript, shell, bash, json, vue, html, css
- Add experimental.sqliteConnector: 'native' (Node 22 native SQLite)
- Add @plugin "@tailwindcss/typography" in main.css
---
 app/assets/css/main.css |  1 +
 nuxt.config.ts          | 21 +++++++++++++++++++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 6adab29..e93aab5 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
+@plugin "@tailwindcss/typography";
 
 @theme {
   --color-brand-50: #f0faf0;
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 89de151..f1fc0ba 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -10,7 +10,8 @@ export default defineNuxtConfig({
     '@nuxt/eslint',
     '@nuxtjs/sitemap',
     'nuxt-gtag',
-    '@nuxt/image'
+    '@nuxt/image',
+    '@nuxt/content'
   ],
   components: [
     {
@@ -61,5 +62,21 @@ export default defineNuxtConfig({
   gtag: {
   id: '',
   enabled: import.meta.env.NODE_ENV === 'production',
-}
+},
+  content: {
+    build: {
+      markdown: {
+        highlight: {
+          theme: {
+            default: 'github-light',
+            dark: 'github-dark'
+          },
+          langs: ['kotlin', 'java', 'typescript', 'shell', 'bash', 'json', 'vue', 'html', 'css']
+        }
+      }
+    },
+    experimental: {
+      sqliteConnector: 'native'
+    }
+  }
 })