Vue.js Load Component Dynamically

<template>  <component :is="component" /><template><script>import Batch from '~/components/Batch'import Note from '~/components/Note'export default {  props: ['componentName']  computed: {    component() {      switch (this.componentName) {        case "batch":          return Batch        case "note":          return Note        default:          return Note      }    }  },  components: { Batch, Note }}