design-patterns-nuxt/components/comment/list.vue

<template>
  <ul>
    <li v-for="comment in store.orderedComment(props.filmId)">
      {{ comment.username }}
      {{ comment.added }}
      {{ comment.message }}
    </li>
  </ul>
  <div class="mt-24"></div>
</template>
<script setup>
const props = defineProps(['filmId'])
const store = useCommentStore()
</script>