diff options
| -rw-r--r-- | .changeset/old-pears-design.md | 7 | ||||
| -rw-r--r-- | packages/astro-prism/Prism.astro | 6 | ||||
| -rw-r--r-- | packages/astro-prism/src/highlighter.ts | 4 |
3 files changed, 9 insertions, 8 deletions
diff --git a/.changeset/old-pears-design.md b/.changeset/old-pears-design.md new file mode 100644 index 000000000..e31be82ac --- /dev/null +++ b/.changeset/old-pears-design.md @@ -0,0 +1,7 @@ +--- +'@astrojs/prism': patch +--- + +Fix `<Prism />` component indentation + +Prefer `class="language-plaintext"` to `class="language-undefined"` diff --git a/packages/astro-prism/Prism.astro b/packages/astro-prism/Prism.astro index 44cf4748a..fab9dafe2 100644 --- a/packages/astro-prism/Prism.astro +++ b/packages/astro-prism/Prism.astro @@ -11,8 +11,4 @@ const { class: className, lang, code } = Astro.props as Props; const { classLanguage, html } = runHighlighterWithAstro(lang, code); --- -<pre - class={[className, classLanguage].join( - ' ' - )}> <code class={classLanguage}><Fragment set:html={html} /></code> -</pre> +<pre class={[className, classLanguage].filter(Boolean).join(' ')}><code class={classLanguage} set:html={html} /></pre> diff --git a/packages/astro-prism/src/highlighter.ts b/packages/astro-prism/src/highlighter.ts index 3dffefae9..c0e58054e 100644 --- a/packages/astro-prism/src/highlighter.ts +++ b/packages/astro-prism/src/highlighter.ts @@ -5,12 +5,10 @@ import { addAstro } from './plugin.js'; const languageMap = new Map([['ts', 'typescript']]); export function runHighlighterWithAstro(lang: string | undefined, code: string) { - let classLanguage = `language-${lang}`; - if (!lang) { lang = 'plaintext'; } - + let classLanguage = `language-${lang}`; const ensureLoaded = (language: string) => { if (language && !Prism.languages[language]) { loadLanguages([language]); |