[github/bastienwirtz/homer.git] / src / components / Service.vue

<template>
  <component :is="component" :item="item" :proxy="proxy"></component>
</template>

<script>
import { defineAsyncComponent } from "vue";
import Generic from "./services/Generic.vue";

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