Components usage
Content module allows you to use your custom Vue components inside markdown contents.
Components that are used in Markdown has to be marked as global
in your Nuxt app.
components/content
directory
@nuxt/content provides a directory that will automatically mark your components as globals.
Every component created inside the components/content
directory will be available in Markdown files.
- You can create any kind of component
- You can overwrite any existing components by following same naming
- Creating
components/content/ProseA.vue
will overwrite any other existingProseA.vue
component injected from a module or any extends layer.
- Creating
Global components in Nuxt
All global components in your Nuxt app will be available to use in your markdown files.
For more information about global components, visit Nuxt 3 docs.
Table of Contents