astro/packages/astro-prism
2023-01-24 12:17:35 +01:00
..
src fix(#4246): fix Prism indentation and class (#4251) 2022-08-11 10:59:48 -05:00
CHANGELOG.md Format astro-prism 2023-01-24 12:17:35 +01:00
package.json [ci] release 2023-01-23 21:32:15 +00:00
Prism.astro [ci] format 2022-08-11 16:01:28 +00:00
README.md Refactor @astrojs/prism, fix Prism component import not working (#4114) 2022-08-02 15:53:18 -04:00
tsconfig.json Refactor @astrojs/prism, fix Prism component import not working (#4114) 2022-08-02 15:53:18 -04:00

@astrojs/prism

Supports Prism highlighting in Astro projects

Component

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

---
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

import { runHighlighterWithAstro } from '@astrojs/prism';

runHighlighterWithAstro(`
  ---
    const helloAstro = 'Hello, Astro!';
  ---

  <div>{helloAstro}</div>
`, 'astro');