28 lines
765 B
Markdown
28 lines
765 B
Markdown
|
---
|
||
|
|
'@astrojs/markdoc': minor
|
||
|
|
---
|
||
|
|
|
||
|
|
Updates the Markdoc config object for rendering Astro components as tags or nodes. Rather than importing components directly, Astro includes a new `component()` function to specify your component path. This unlocks using Astro components from npm packages and `.ts` files.
|
||
|
|
|
||
|
|
### Migration
|
||
|
|
|
||
|
|
Update all component imports to instead import the new `component()` function and use it to render your Astro components:
|
||
|
|
|
||
|
|
```diff
|
||
|
|
// markdoc.config.mjs
|
||
|
|
import {
|
||
|
|
defineMarkdocConfig,
|
||
|
|
+ component,
|
||
|
|
} from '@astrojs/markdoc/config';
|
||
|
|
- import Aside from './src/components/Aside.astro';
|
||
|
|
|
||
|
|
export default defineMarkdocConfig({
|
||
|
|
tags: {
|
||
|
|
aside: {
|
||
|
|
render: Aside,
|
||
|
|
+ render: component('./src/components/Aside.astro'),
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
```
|