<template>
  <div class="collect-quotes__container">
    <h1>collect quotes</h1>
    <Quote v-for="quote in quotes" :key="quote.id" :quote="quote" :editable="true" />
  </div>
</template>

<script setup lang="ts">
const quotes = [
  {
    id: 1,
    quote: 'Somna imanus it vorgenstra exa al termanum.',
  },
]
</script>

<style lang="scss">
.collect-quotes {
  &__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
}
</style>
