fix(shiki): inline codes syntax highlighting

farnabaz · farnabaz · commit f124c9538edc · 2024-12-16T12:03:33.000+01:00
diff --git a/playground/content/0.index.md b/playground/content/0.index.md
@@ -19,6 +19,8 @@ date: 2024-09-23
 - [post](/real-content/post)
 - [query](/real-content/query)
 
+Inline code: `const a = 1`{lang="ts"}
+
 In order to test [Tailwind CSS]{.text-orange-500}, uncomment `@nuxtjs/tailwindcss` in `nuxt.config.ts`.
 
 ```vue [app.vue]
diff --git a/src/utils/content/index.ts b/src/utils/content/index.ts
@@ -87,7 +87,7 @@ async function _getHighlightPlugin(options: HighlighterOptions) {
               },
             )
 
-            result.style = Object.entries(stylesMap).map(([style, cls]) => `html pre.shiki code .${cls}{${style}}`).join('') + result.style
+            result.style = Object.entries(stylesMap).map(([style, cls]) => `html pre.shiki code .${cls}, html code.shiki .${cls}{${style}}`).join('') + result.style
           }
 
           return result

Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,7 @@ async function _getHighlightPlugin(options: HighlighterOptions) {`
`87`	`87`	`},`
`88`	`88`	`)`
`89`	`89`
`90`		- result.style = Object.entries(stylesMap).map(([style, cls]) => `html pre.shiki code .${cls}{${style}}`).join('') + result.style
	`90`	+ result.style = Object.entries(stylesMap).map(([style, cls]) => `html pre.shiki code .${cls}, html code.shiki .${cls}{${style}}`).join('') + result.style
`91`	`91`	`}`
`92`	`92`
`93`	`93`	`return result`