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
This commit is contained in:
2026-04-21 14:33:54 +02:00
parent c64709da10
commit 3381b2efb3
2 changed files with 20 additions and 2 deletions
+1
View File
@@ -1,5 +1,6 @@
@import "tailwindcss";
@import "@nuxt/ui";
@plugin "@tailwindcss/typography";
@theme {
--color-brand-50: #f0faf0;
+18 -1
View File
@@ -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'
}
}
})