<template>
  <section class="section">
    <h1>Horaires</h1>
    <p>Vos horaires actuelles</p>
    <ul>
      <li v-for="h in $store.state.formConfig.hours" :key="h">
        {{ h }}
      </li>
    </ul>
  </section>
</template>

<script>
import { mapMutations } from 'vuex'

export default {
  computed: {
    hours() {
      return this.$store.state.formConfig.hours
    },
  },
  methods: {
    addhour(e) {
      this.$store.commit('formConfig/add', e.target.value)
      e.target.value = ''
    },
    ...mapMutations({
      setTag: 'index/setTag',
    }),
  },
}
</script>
