astro/packages/astro-prism
Erika 64432bcb87
Refactor @astrojs/prism, fix Prism component import not working (#4114)
* Upgrade @astrojs/prism to a real package, fix component import not working

* Remove `@astrojs/prism` as a dependency of `astro`

* Update lock file

* Refactor to multiple files

* Oops, can't have astro imports run inside node

* Follow Nate's suggestion on being minors instead of patchs

* Update lockfile
2022-08-02 15:53:18 -04:00
..
src Refactor @astrojs/prism, fix Prism component import not working (#4114) 2022-08-02 15:53:18 -04:00
CHANGELOG.md [ci] release (#3939) 2022-07-18 21:54:25 -07:00
package.json Refactor @astrojs/prism, fix Prism component import not working (#4114) 2022-08-02 15:53:18 -04:00
Prism.astro Refactor @astrojs/prism, fix Prism component import not working (#4114) 2022-08-02 15:53:18 -04: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');