Cannot import components inside a markdown file

<template>
    <div class="prose prose-lg mx-auto">
        <nuxt-content :document="page" />
    </div>
</template>

<script>
    export default {
        async asyncData ({ $content, params }) {
            const page = await $content(params.slug || 'index').fetch()

            return {
                page
            }
        }
    }
</script>

---
title: Getting started
description: ''
---

<example></example>

Steps to reproduce

1. Create a component inside the components/ directory.
2. Try to include the component in a markdown file.

What is Expected?

See the component on the web page when you navigate to the URL.

What is actually happening?

Seeing an error in the console (screenshot attached.)

[benjamincanac]

It seems there is an issue with local components registration in development due to live edit mode.

For now, to solve the issue you can put your components inside components/global/ using Nuxt 2.13+ and setting components: true in your nuxt.config.js, see Vue components > Global components.

You will also be able to disable the live edit feature once #285 is merged.

[mlazuardy]

is this resolved ? in nuxt theme docs it can be override by adding

{
 components: [
//import default components directory and global directory here
    {
      path: 'your custom component dir path',
      global: true
    }
  ]
}