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

<script setup lang="ts">
import useEngine from '@/composables/useEngine'
const engine = useEngine()
const quotes = await engine.getQuotes()
</script>

<style lang="scss">
.collect-quotes {
  &__container {
    display: flex;
    flex-wrap: wrap;
  }
}
</style>
