# ondine/remark

Compile Mermaid fences in Markdown and MDX to SVG at build time.

The `ondine/remark` entrypoint exports one remark plugin. The plugin compiles with the same module as `ondine/compiler`. It works in each tool that runs remark, such as `@mdx-js/rollup` in Vite. The [Vite](/docs/guides/vite#compile-markdown) guide shows the setup.

```ts title="vite.config.ts"
import mdx from '@mdx-js/rollup'
import { defineConfig } from 'vite'
import { remarkOndine } from 'ondine/remark'

export default defineConfig({
  // Compiles Mermaid fences in .md and .mdx files
  plugins: [mdx({ remarkPlugins: [remarkOndine] })],
})
```

## Functions

<Cards>
  <Card
    title="remarkOndine"
    icon="zap"
    to="/docs/api/remark/remarkOndine"
    description="The remark plugin and its rendering options."
  />
</Cards>