<template>
  <div class="collect-quote">
    <p>Sachen gibt's ...</p>
    <form>
      <input type="hidden" name="id" :value="quote.id" />
      <input v-model="quote.quote" size="60" />
    </form>
    <button @click="save">Save</button>
    <Quote :text="quote.quote" />
  </div>
</template>

<script>
export default {
  props: ['quote'],
  methods: {
    save() {
      this.$nuxt.$emit('save-quote', this.quote)
    }
  },
}
</script>

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