src/components/Service.vue

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