Activate Vuejs components nested in markdown with NuxtJS Content project
This is the real secret sauce of Nuxt / Content module that makes it so worth it.
If you were to add vue components simply within the markdown, and then call the markdown data onto your vue component to then render on page, then you'll just get broken vue component tags.
Largely for security reasons, you cannot just let vue components be injected into your view and have them start firing. Rather, there'd need to be another services that pulls in the markdown, detects potential vue components, verifies them, and then activates them in a secured manner.
That's exactly what Nuxt Content will do. And, this is exactly what you want when using markdown as a flat file content management system of sorts.
In this video I show you how you can add vue component tags to your markdown file and then define the vue component in the global component directory.