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 "tailwindcss";
|
||||||
@import "@nuxt/ui";
|
@import "@nuxt/ui";
|
||||||
|
@plugin "@tailwindcss/typography";
|
||||||
|
|
||||||
@theme {
|
@theme {
|
||||||
--color-brand-50: #f0faf0;
|
--color-brand-50: #f0faf0;
|
||||||
|
|||||||
+19
-2
@@ -10,7 +10,8 @@ export default defineNuxtConfig({
|
|||||||
'@nuxt/eslint',
|
'@nuxt/eslint',
|
||||||
'@nuxtjs/sitemap',
|
'@nuxtjs/sitemap',
|
||||||
'nuxt-gtag',
|
'nuxt-gtag',
|
||||||
'@nuxt/image'
|
'@nuxt/image',
|
||||||
|
'@nuxt/content'
|
||||||
],
|
],
|
||||||
components: [
|
components: [
|
||||||
{
|
{
|
||||||
@@ -61,5 +62,21 @@ export default defineNuxtConfig({
|
|||||||
gtag: {
|
gtag: {
|
||||||
id: '',
|
id: '',
|
||||||
enabled: import.meta.env.NODE_ENV === 'production',
|
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