inputItem v1

src/views/messenger.vue

@@ -1,34 +1,27 @@
 <template>
+  <InputItem />
 
-    <TextAudioInput />
-    <InputItem />
-
-    <!-- List of message bubbles. -->
-    <div id="messenger">
-      <MessageItem v-for="message in messages" :message="message" :key="message.id"/>
-    </div>
- 
+  <!-- List of message bubbles. -->
+  <div id="messenger">
+    <MessageItem v-for="message in messages" :message="message" :key="message.id" />
+  </div>
 </template>
 
 <script lang="ts">
-
-import { defineComponent, reactive, onMounted, ref, onUnmounted } from "vue";
-import TextAudioInput from "@/components/taInput/index.vue";
+import { defineComponent, reactive, onMounted, onUnmounted } from "vue";
 import { Message } from "@/types/message/index";
-import MessageItem from '@/components/messageItem.vue'
-import InputItem from "@/components/inputItem.vue";
+import MessageItem from "@/components/messageItem.vue";
+import InputItem from "@/components/inputItem/inputItem.vue";
 
 export default defineComponent({
   name: "Messenger",
 
   components: {
-    TextAudioInput,
     MessageItem,
-    InputItem
+    InputItem,
   },
 
   setup() {
-
     // List of messages in the view.
     // Oldest message first.
     const messages: Message[] = reactive([]);
@@ -36,48 +29,42 @@ export default defineComponent({
     // Render a message.
     const render = (message: Message) => {
       messages.push(message);
-      console.log(`Pushing: ${message.modifier}: ${message.content.text} ${message.context}`);
-    }
+      console.log(
+        `Pushing: ${message.modifier}: ${message.content.text} ${message.context}`
+      );
+    };
 
     onMounted(() => {
-
       // Listen for new messages to render.
       window.ipcRenderer.on("render-message", (event, payload) => {
         if (payload.message.content) render(payload.message);
       });
-
-    })
+    });
 
     onUnmounted(() => {
-        window.ipcRenderer.removeAllListeners('render-message');
-    })
+      window.ipcRenderer.removeAllListeners("render-message");
+    });
 
     return {
       messages,
-    }
-
-  }
-
+    };
+  },
 });
-
 </script>
 
 <style lang="scss" scoped>
+#messenger {
+  position: fixed;
 
-  #messenger {
-    position: fixed;
+  width: 100vw;
+  min-height: 100vh;
 
-    width: 100vw;
-    min-height: 100vh;
+  overflow-y: scroll;
 
-    overflow-y: scroll;
-
-    bottom: 0;
-
-  }
-
-  #messenger::-webkit-scrollbar {
-    display: none;
-  }
+  bottom: 0;
+}
 
+#messenger::-webkit-scrollbar {
+  display: none;
+}
 </style>