appear animation v1

src/views/messenger.vue

@@ -32,11 +32,18 @@ export default defineComponent({
     // List of messages in the view.
     // Oldest message first.
     const messages: Message[] = reactive([]);
+    const messages_ref: any = {}
 
     // Render a message.
+    // Called on "enter" instead of on "recv message"
     const render = (message: Message) => {
       messages.push(message);
-      console.log(`Pushing: ${message.modifier}: ${message.content.text} ${message.context}`);
+      messages_ref[message.id] = message;
+    }
+
+    // Annotate/update an existing message.
+    const annotate = (message: Message) => {
+      1+1
     }
 
     onMounted(() => {
@@ -68,7 +75,6 @@ export default defineComponent({
     position: fixed;
 
     width: 100vw;
-    min-height: 100vh;
 
     overflow-y: scroll;