@astrojs/prism

Supports Prism highlighting in Astro projects

Component

This package exports a component to support highlighting inside an Astro file. Example:

1---
2import { Prism } from '@astrojs/prism';
3---
4
5<Prism lang="js" code={`const foo = 'bar';`} />

Internal

This package exports a runHighlighterWithAstro function to highlight while making sure the Astro language is loaded beforehand

1import { runHighlighterWithAstro } from '@astrojs/prism';
2
3runHighlighterWithAstro(
4  `
5  ---
6    const helloAstro = 'Hello, Astro!';
7  ---
8
9  <div>{helloAstro}</div>
10`,
11  'astro',
12);