michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix(#4246): fix Prism indentation and class (#4251)

Browse source 
Co-authored-by: Nate Moore <nate@astro.build>
This commit is contained in:
Nate Moore 2022-08-11 10:59:48 -05:00 committed by GitHub
parent 51847a276f
commit 1f0dd31d92
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
.changeset/old-pears-design.md Normal file
View file

@ -0,0 +1,7 @@
---
'@astrojs/prism': patch
---
Fix `<Prism />` component indentation
Prefer `class="language-plaintext"` to `class="language-undefined"`

6
packages/astro-prism/Prism.astro
View file

@ -11,8 +11,4 @@ const { class: className, lang, code } = Astro.props as Props;
const { classLanguage, html } = runHighlighterWithAstro(lang, code); const { classLanguage, html } = runHighlighterWithAstro(lang, code);
--- ---
<pre <pre class={[className, classLanguage].filter(Boolean).join(' ')}><code class={classLanguage} set:html={html} /></pre>
class={[className, classLanguage].join(
' '
)}> <code class={classLanguage}><Fragment set:html={html} /></code>
</pre>

4
packages/astro-prism/src/highlighter.ts
View file

@ -5,12 +5,10 @@ import { addAstro } from './plugin.js';
const languageMap = new Map([['ts', 'typescript']]); const languageMap = new Map([['ts', 'typescript']]);
export function runHighlighterWithAstro(lang: string | undefined, code: string) { export function runHighlighterWithAstro(lang: string | undefined, code: string) {
let classLanguage = `language-${lang}`;
if (!lang) { if (!lang) {
lang = 'plaintext'; lang = 'plaintext';
} }
let classLanguage = `language-${lang}`;
const ensureLoaded = (language: string) => { const ensureLoaded = (language: string) => {
if (language && !Prism.languages[language]) { if (language && !Prism.languages[language]) {
loadLanguages([language]); loadLanguages([language]);