docs: use shiki-transformer-color-highlight (#2215)

nuxt · Sep 18, 2024 · d3317d8 · d3317d8
1 parent 2c3032e
commit d3317d8
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 1 deletion.
diff --git a/docs/app/mdc.config.ts b/docs/app/mdc.config.ts
@@ -0,0 +1,10 @@
+import { defineConfig } from '@nuxtjs/mdc/config'
+import { transformerColorHighlight } from 'shiki-transformer-color-highlight'
+
+export default defineConfig({
+  shiki: {
+    transformers: [
+      transformerColorHighlight()
+    ]
+  }
+})
diff --git a/docs/content/1.getting-started/3.theme.md b/docs/content/1.getting-started/3.theme.md
@@ -27,7 +27,7 @@ Tailwind CSS v4 takes a CSS-first configuration approach, you now customize your
   --color-green-700: #007F45;
   --color-green-800: #016538;
   --color-green-900: #0A5331;
-  --color-green-950: #052e16;
+  --color-green-950: #052E16;
 }
 ```
 

diff --git a/docs/package.json b/docs/package.json
@@ -18,6 +18,7 @@
     "nuxt-component-meta": "^0.8.2",
     "nuxt-og-image": "^3.0.2",
     "prettier": "^3.3.3",
+    "shiki-transformer-color-highlight": "^0.0.0",
     "ufo": "^1.5.4",
     "valibot": "^0.42.0",
     "yup": "^1.4.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml