[Feature Request] Vue components in markdown

[JacobRex]

Problem
I have markdown docs for design standards as well as vue code documentation, and I don't have a good way to disable the vue code for the design demos.

Describe the solution you'd like

• I'd like to be able to define more than one custom markup for inline demos and pick and choose from them each time an inline demo is made (perhpas like this ```vue:no-code). Then I could do something like:

# Primary Colors
These are the primary brand colors. Use them for primary actions like saving, progressing, or upgrading.
'''vue:no-code
<template>
  <primary-colors />
</template>
<script>
import PrimaryColors from '~components/PrimaryColors';
export default {
  components: { PrimaryColors }
};
</script>
'''

• Alternatively, perhaps theres a way to simply inline vue components right into the markdown?

# Primary Colors
These are the primary brand colors. Use them for primary actions like saving, progressing, or upgrading.
<primary-colors />

# Secondary Colors.
...

Describe alternatives you've considered
I could set a variable on certain sections of my documentation site to hide the code blocks with css, but this seems hacky and isn't ideal.

[privatenumber]

• Use the html code block to prevent it from rendering
• I like the idea of having some sort of annotation to disable rendering or opt into rendering
• I also like the idea of rendering a component via tag but I'll have to think about the API