Shortcodes

It uses the Nuxt Content module under the hood to parse Markdown files and render Vue components. This allows you to create custom components and use them in your content.

Here is a list of some of the built-in components you can use in your Markdown files:

• Alerts
• Code blocks
• YouTube videos
• Twitter tweets
• Instagram posts
• Vimeo videos
• Instagram posts

Show demo.

Using Custom Components

You can create your own custom components to extend Markdown functionality:

1. Create a Vue component in your components/content directory
2. Use it directly in your Markdown content
3. Pass props and content as needed

::custom-alert{type="warning"}
This is a custom alert
::