mirror of
https://github.com/withastro/astro.git
synced 2024-12-23 21:53:55 -05:00
34 lines
623 B
Markdown
34 lines
623 B
Markdown
# @astrojs/prism
|
|
|
|
Supports Prism highlighting in Astro projects
|
|
|
|
## Component
|
|
|
|
This package exports a component to support highlighting inside an Astro file. Example:
|
|
|
|
```astro
|
|
---
|
|
import { Prism } from '@astrojs/prism';
|
|
---
|
|
|
|
<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
|
|
|
|
```typescript
|
|
import { runHighlighterWithAstro } from '@astrojs/prism';
|
|
|
|
runHighlighterWithAstro(
|
|
`
|
|
---
|
|
const helloAstro = 'Hello, Astro!';
|
|
---
|
|
|
|
<div>{helloAstro}</div>
|
|
`,
|
|
'astro'
|
|
);
|
|
```
|