<template>
  <div class="collect-quotes">
    <CollectQuotesExplain />
    <div class="collect-quotes__list" v-for="quote in quotes" :key="quote.id">
      <div class="collect-quotes__quote">
        {{ quote.quote }}
      </div>
      <div class="collect-quotes__actions">
        <div class="collect-quotes__icon collect-quotes__icon-edit" />
        <div class="collect-quotes__icon collect-quotes__icon-delete" />
      </div>
    </div>
  </div>
</template>

<script>

export default {
  computed: {
    quotes() {
      return this.$store.state.myQuotes.quotes
    },
  },
  async fetch() {
    await this.$engine.getMyQuotes()
  },
}
</script>

<style lang="scss">
.collect-quotes {
  color: #ffc0c0;
}
</style>
