<script setup>
import ChatMsg from "./ChatMsg.vue";
</script>

<template>
  <!-- Modificare la proprieta' css z-index 
per permettero lo scrolling e una dimensione fissa -->

  <div id="ChatHistory">
    <ChatMsg
      v-for="message in $options.demo_messages.history"
      :key="message.id"
      :message-text="message.text"
      :is-user="message.is_user"
      :message-seen="message.seen"
      :message-date="message.date"
    />
  </div>
</template>

<script>
import demo_messages_json from "@/assets/demo_messages.json";
export default {
  demo_messages: demo_messages_json,
  props: {
    chatId: Number,
  },
};
</script>

<style scoped></style>
