add vuex yoooo

src/App.vue

@@ -4,8 +4,7 @@
     <input type="checkbox" 
       @click="changeShowTable">
     <component 
-      :is='currentCategoryView'
-      :categories='categories'>
+      :is='currentCategoryView'>
     </component>
   </div>
 </template>

src/main.js

@@ -1,7 +1,9 @@
 import Vue from 'vue'
 import App from './App.vue'
+import store from './vuex/store'
 
 new Vue({
   el: '#app',
+  store,
   render: h => h(App)
 })

src/mixins/CategoriesMixin.js

@@ -1,25 +1,19 @@
 const axios = require('axios')
+const mapGetters = require('vuex').mapGetters
+const mapActions = require('vuex').mapActions
 
-module.exports = { 
+module.exports = {
   listMixin: {
-    data() {
-      return {
-        categories: []
-      }
+    computed: {
+      ...mapGetters({
+        'categories': 'getAllCategories'
+      })
     },
     methods: {
-      selectCategory (category) {
-        category.selected = !category.selected
-        this.$emit('selectcategory', category)
-      }
+      ...mapActions(['fetchCategories', 'selectCategory'])
     },
     mounted: function () {
-      var url = 'https://raw.githubusercontent.com/jesuslerma/vuejs101-guide/master/categories.json'
-      var that = this
-
-      axios.get(url).then(function (response) {
-        that.categories = response.data
-      })
+      this.fetchCategories()
     }
   }
 }