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
   };
 
-}
+}