A way to return Vue component programmatically

Markdown.vue

const vueComponent = (component, propsData, uid = uuid.v1()) => {
  // https://css-tricks.com/creating-vue-js-component-instances-programmatically/
  const ComponentClass = Vue.extend(component)
  const instance = new ComponentClass({ propsData })
  instance.$mount()

  const id = `tmp-${uid}`
  window.setTimeout(() => {
    // Replace dom
    const old = document.querySelector(`#${id}`)
    old.parentNode.replaceChild(instance.$el, old)
  })
  return `<div id="${id}"></div>`
}

1. Return dummy div
2. Create Vue Component
3. Replace the dummy div to Vue Component

// import { uuid } from 'vue-uuid'