fix(shiki): inline codes syntax highlighting

nuxt · Dec 16, 2024 · f124c95 · f124c95
1 parent 2caa486
commit f124c95
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
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 change
@@ Expand Up @@
                   },
                 )
-                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
@@ Expand Down @@