Динамический рендеринг разметки Vue

Подскажите, пожалуйста, мне с back-end приходит такой массив:

content: [{
  tag: 'p',
  children: [
    {
      tag: 'span',
      content: 'Something text',
      attributes: {
        href: null
      }
    },
   {
     tag: 'router-link',
     content: 'Something text',
     attributes: {
       href: '/task/id/test'
     }
   }
 ]}]

Как мне динамически создавать контент, если вложенность может быть совершенно разная?

Спасибо!

Решил таким способом: