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:
@@ -1,5 +1,6 @@
|
||||
@import "tailwindcss";
|
||||
@import "@nuxt/ui";
|
||||
@plugin "@tailwindcss/typography";
|
||||
|
||||
@theme {
|
||||
--color-brand-50: #f0faf0;
|
||||
|
||||
+18
-1
@@ -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'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user