some stuff is working, some is not. mostly not, will probably recreate in d...

acammies

2018-04-04 1f415e2892158066c2fd16c6698383427f1a203c

 src/components/TodoItem.vue

@@ -27,11 +27,10 @@
  </div>
</template>
<script>

import Vue from "vue";
import {Checkbox, Radio} from 'vue-checkbox-radio';
Vue.component('checkbox', Checkbox);
Vue.component('radio', Radio);
import { Checkbox, Radio } from "vue-checkbox-radio";
Vue.component("checkbox", Checkbox);
Vue.component("radio", Radio);

export default {
  name: "TodoItem",
@@ -49,16 +48,18 @@
    markDone() {
      // Delete me below even if it works DEMO PURPOSE ONLY
      this.todoItem.complete = !this.todoItem.complete;

      // Do we need to add a new action/mutation to change todo.x? 
      debugger;
      // this.$store.dispatch("setNewTodo", this.todoItem);
      this.$store.dispatch("updateTodo", that.todoItem);
      // this.$store.dispatch("clearNewTodo");
      // Do we need to add a new action/mutation to change todo.x?
      // this.$store.dispatch("setNewTodo", this.newTodo)
      
      

      console.info("INFO - ", this.todoItem, this.todoItem.complete);
    },
    markImportant() {
      // set to greyed out / true false
      this.todoItem.important = !this.todoItem.important;
      this.$store.dispatch("updateTodo", this.todoItem);
      console.info("INFO - ", this.todoItem, this.todoItem.important);
    }
  }