✨ Chat message send and read history

src/components/chat/ChatList.vue

@@ -1,8 +1,7 @@
 <template>
   <v-infinite-scroll
-    side="start"
-    class="mt-[-16px]"
-    @load="props.loader"
+    class="mt-[-16px] overflow-hidden"
+    :onLoad="props.loader"
   >
     <template v-for="item in props.messages" :key="item">
       <chat-message class="mb-4" :item="item" />
@@ -17,5 +16,5 @@
 <script setup lang="ts">
 import ChatMessage from "@/components/chat/ChatMessage.vue"
 
-const props = defineProps<{ loader: any, messages: any[] }>()
+const props = defineProps<{ loader: (opts: any) => Promise<any>, messages: any[] }>()
 </script>