<template>
  <div id="app">
    <counter></counter>
    <p>
      <button @click="increment">+</button>
      <button @click="decrement">-</button>
    </p>
  </div>
</template>

<script>
import counter from './components/counter.vue'
import {store} from './main.js'

export default {
  name: 'app',
  data () {
    return {

    }
  },
  computed: {
    count () {
	    return store.state.count
    }
  },
  methods: {
    increment () {
      store.commit('increment')
    },
    decrement () {
    	store.commit('decrement')
    }
  },
  components: {
    counter
  }
}
</script>