Avoid hidding all info when copy pasting the exemple config

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

diff --git a/src/components/Service.vue b/src/components/Service.vue
index 25b86d5f9e685924b2dcf2bdd7b251547ed045fd..ac378ecf7655c14833c7f4565435587c828fbef2 100644 (file)
--- a/src/components/Service.vue
+++ b/src/components/Service.vue
@@ -1,8 +1,9 @@
 <template>
-  <component v-bind:is="component" :item="item" :proxy="proxy"></component>
+  <component :is="component" :item="item" :proxy="proxy"></component>
 </template>
 
 <script>
+import { defineAsyncComponent } from "vue";
 import Generic from "./services/Generic.vue";
 
 export default {
@@ -17,7 +18,7 @@ export default {
       if (type === "Generic") {
         return Generic;
       }
-      return () => import(`./services/${type}.vue`);
+      return defineAsyncComponent(() => import(`./services/${type}.vue`));
     },
   },
 };