Auto import components

components/realtime/mqtt.vue

@@ -23,7 +23,7 @@
     <pw-section class="blue" :label="$t('communication')">
       <ul>
         <li>
-          <realtime-log :title="$t('log')" :log="this.log" />
+          <log :title="$t('log')" :log="this.log" />
         </li>
       </ul>
       <ul>
@@ -73,10 +73,6 @@ import Paho from "paho-mqtt"
 import { wsValid } from "~/helpers/utils/valid"
 
 export default {
-  components: {
-    "pw-section": () => import("~/components/layout/section"),
-    realtimeLog: () => import("./log"),
-  },
   data: function () {
     return {
       url: "wss://test.mosquitto.org:8081",

components/realtime/socketio.vue

@@ -32,7 +32,7 @@
     <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
       <ul>
         <li>
-          <realtime-log :title="$t('log')" :log="communication.log" />
+          <log :title="$t('log')" :log="communication.log" />
         </li>
       </ul>
       <ul>
@@ -81,10 +81,6 @@ import io from "socket.io-client"
 import wildcard from "socketio-wildcard"
 
 export default {
-  components: {
-    "pw-section": () => import("~/components/layout/section"),
-    realtimeLog: () => import("./log"),
-  },
   data() {
     return {
       url: "ws://",

components/realtime/sse.vue

@@ -31,7 +31,7 @@
     <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
       <ul>
         <li>
-          <realtime-log :title="$t('events')" :log="events.log" />
+          <log :title="$t('events')" :log="events.log" />
           <div id="result"></div>
         </li>
       </ul>
@@ -43,10 +43,6 @@
 import { httpValid } from "~/helpers/utils/valid"
 
 export default {
-  components: {
-    "pw-section": () => import("../layout/section"),
-    realtimeLog: () => import("./log"),
-  },
   data() {
     return {
       connectionSSEState: false,

components/realtime/websocket.vue

@@ -32,7 +32,7 @@
     <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
       <ul>
         <li>
-          <realtime-log :title="$t('log')" :log="communication.log" />
+          <log :title="$t('log')" :log="communication.log" />
         </li>
       </ul>
       <ul>
@@ -69,10 +69,6 @@
 import { wsValid } from "~/helpers/utils/valid"
 
 export default {
-  components: {
-    "pw-section": () => import("../layout/section"),
-    realtimeLog: () => import("./log"),
-  },
   data() {
     return {
       connectionState: false,