Here is an example of how to add Vue components to content

First of all you need to import the component into your .md file like this:

import CaptionedImage from '~/components/CaptionedImage.vue'

Then add code similar to the below, wherever you want an image to appear

    alt="Photo Editor" 
    caption="Photo Editor" 

Which outputs this:

Photo Editor
Photo Editor
  • Let's dig deeper and explain how this works from the ground up by building a super simple Gridsome site

Next - photo galleries

  • another article to write up...