<template>
- <component v-bind:is="component" :item="item"></component>
+ <component :is="component" :item="item" :proxy="proxy"></component>
</template>
<script>
+import { defineAsyncComponent } from "vue";
import Generic from "./services/Generic.vue";
export default {
name: "Service",
- components: {
- Generic,
- },
props: {
item: Object,
+ proxy: Object,
},
computed: {
component() {
const type = this.item.type || "Generic";
- if (type == "Generic") {
+ if (type === "Generic") {
return Generic;
}
- return () => import(`./services/${type}.vue`);
+ return defineAsyncComponent(() => import(`./services/${type}.vue`));
},
},
};