src/components/Service.vue

   1 <template>
   2   <component v-bind:is="component" :item="item"></component>
   3 </template>
   4
   5 <script>
   6 import Generic from "./services/Generic.vue";
   7
   8 export default {
   9   name: "Service",
  10   components: {
  11     Generic,
  12   },
  13   props: {
  14     item: Object,
  15   },
  16   computed: {
  17     component() {
  18       const type = this.item.type || "Generic";
  19       if (type == "Generic") {
  20         return Generic;
  21       }
  22       return () => import(`./services/${type}.vue`);
  23     },
  24   },
  25 };
  26 </script>