rename composable files to composable notation

src/render/components/controllers/messenger.control.ts

@@ -1,20 +1,20 @@
 import { ref } from 'vue';
 import useScroll from "@/render/composables/scroll";
 
-const canvas = ref();
+const messagesRef = ref();
 
 /* seed the canvas with messages */
 const seedCanvas = (messages: Message[]) => {
-  canvas.value = messages;
+  messagesRef.value = messages;
 }
 
 const addMessage = (message: Message) => {
-  canvas.value.push(message);
+  messagesRef.value.push(message);
 }
 
 const updateMessage = (message: Message) => {
 
-  let target_message = canvas.value.filter((m: Message) => {
+  let target_message = messagesRef.value.filter((m: Message) => {
       return m.uid = message.uid;
   })[0];
 
@@ -29,10 +29,10 @@ export default function useMessages() {
   const { updateScrollRef, adjustScroll } = useScroll("messenger");
 
   return {
-    canvas,
+    messagesRef,
     seedCanvas,
     addMessage,
     updateMessage
   };
 
-}
+}

src/render/components/messenger.vue

@@ -8,10 +8,9 @@
   <!-- List of message bubbles. -->
   <div id="messenger">
     <Bubble
-      v-for="message in messages"
+      v-for="message in messagesRef"
       :text="message.text"
       :context="message.context"
-      :child
       :key="message[0]"
     />
   </div>
@@ -24,7 +23,7 @@ import { defineComponent, onMounted, onUnmounted } from "vue";
 import Message from "@/render/components/message.vue";
 import InputItem from "@/render/components/inputItem.vue";
 import Settings from "@/render/components/settings.vue";
-import useMessages from "@/render/composables/messages";
+import useMessages from "./controllers/messenger.control";
 
 export default defineComponent({
   name: "Messenger",
@@ -40,23 +39,23 @@ export default defineComponent({
   setup(props) {
 
     // Handle messages in view.
-    const { messages, updateMessageView } = useMessages();
+    const { messagesRef, updateMessageView } = useMessages();
 
     onMounted(() => {
 
       /* seed messages */
       window.ipcRenderer.on("init-messages", (e_: any, payload: any) => {
-        seedMessages(payload.messages);
+        // seedMessages(payload.messages);
       });
 
       /* add a new message */
       window.ipcRenderer.on("add-message", (_e: any, payload: any) => {
-        addMessage(payload.message);
+        // addMessage(payload.message);
       });
 
       /* update an existing message */
       window.ipcRenderer.on("update-message", (_e: any, payload: any) => {
-        updateMessage(payload.message);
+        // updateMessage(payload.message);
       });
 
     });
@@ -66,7 +65,7 @@ export default defineComponent({
     });
 
     return {
-      messages
+      messagesRef
     };
 
   },

src/render/components/settings.vue

@@ -31,7 +31,7 @@
   import  { useIpc } from "@/modules/ipc";
   import { logoutRequest } from '@/modules/message';
   import { useProfile } from "@/modules/auth"
-  import { invokeLogout } from "@/ipcRend/account";
+  import { invokeLogout } from "@/render/ipc";
 
   export default defineComponent({
     name: "Settings",