<!-- src/components/Message.vue -->
<template>
    <li class="message">
      <strong>{{ message.sender }}:</strong> {{ message.text }}
    </li>
  </template>
  
  <script>
  export default {
    props: {
      message: Object,
    },
  };
  </script>
  
  <style scoped>
  /* Tambahkan gaya untuk pesan individual */
  .message {
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 5px;
    background-color: #f1f1f1;
  }
  </style>
  