Code component

Code is

• a content component
• based on prismJs
• that highlights the syntax of the text that it wraps.

Usage

Markdown

You can use it in a markdown page with Markdown fence

```js
let counter = 1 + 1
```

yield:

let counter = 1 + 1

Programmatic Page

You can also use it directly in a programmatic page

import Code from "interact:components";

export default function myPage() {
    return (
        <Code lang="markdown">
            **Markdown** text
        </Code>
    )
}

yield:

**Markdown** text

Registration

The code component is registered to the pre html element.

Therefore, it will pretty print the code enclosed by <pre> element and Markdown fence.