linting and formating. renamed canvas component

src/store/index.js

@@ -1,25 +1,25 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
+import Vue from "vue";
+import Vuex from "vuex";
 
-Vue.use(Vuex)
+Vue.use(Vuex);
 
 export default new Vuex.Store({
   state: {
     drawing: 0,
-    rules1d : {
-      "111" : 0,
-      "110" : 1,
-      "101" : 0,
-      "100" : 0,
-      "011" : 1,
-      "010" : 0,
-      "001" : 0,
-      "000" : 1
+    rules1d: {
+      111: 0,
+      110: 1,
+      101: 0,
+      100: 0,
+      "011": 1,
+      "010": 0,
+      "001": 0,
+      "000": 1,
     },
     cellProperties: {
       size: 3,
-      liveColor: '#000000',
-      deadColor: '#F5F5F5',
+      liveColor: "#000000",
+      deadColor: "#F5F5F5",
     },
     canvasWidth: 0,
     canvasHeight: 0,
@@ -27,80 +27,78 @@ export default new Vuex.Store({
     initial1dState: "onecell",
     activeMenu: "",
     drawingDirection: "y",
-    lastBoard: {}
+    lastBoard: {},
   },
   mutations: {
     update1dSingleRule(state, data) {
-      state.rules1d[data.rule] = data.value
+      state.rules1d[data.rule] = data.value;
     },
     update1dRules(state, data) {
-      state.rules1d = data
+      state.rules1d = data;
     },
     setCellProperties(state, data) {
-      state.cellProperties[data.name] = data.value
+      state.cellProperties[data.name] = data.value;
     },
     setDrawingStatus(state, data) {
-      state.drawing = data
+      state.drawing = data;
     },
     setCanvasWidth(state, data) {
-      state.canvasWidth = data
+      state.canvasWidth = data;
     },
     setCanvasHeight(state, data) {
-      state.canvasHeight = data
+      state.canvasHeight = data;
     },
     setRefreshRate(state, data) {
-      state.refreshRate = data
+      state.refreshRate = data;
     },
     setInitial1dState(state, data) {
-      state.initial1dState = data
+      state.initial1dState = data;
     },
     setActiveMenu(state, data) {
-      state.activeMenu = data
+      state.activeMenu = data;
     },
     setDrawingDirection(state, data) {
-      state.drawingDirection = data
+      state.drawingDirection = data;
     },
     setLastBoard(state, data) {
-      state.lastBoard = data
+      state.lastBoard = data;
     },
   },
   getters: {
     getCellProperties(state) {
-      return state.cellProperties
+      return state.cellProperties;
     },
     get1dRules(state) {
-      return state.rules1d
+      return state.rules1d;
     },
     getRule1d(state) {
-      return (rule) => state.rules1d[rule]
+      return (rule) => state.rules1d[rule];
     },
     isDrawing(state) {
-      return state.drawing
+      return state.drawing;
     },
     getCanvasWidth(state) {
-      return state.canvasWidth
+      return state.canvasWidth;
     },
     getCanvasHeight(state) {
-      return state.canvasHeight
+      return state.canvasHeight;
     },
     getRefreshRate(state) {
-      return state.refreshRate
+      return state.refreshRate;
     },
     getInitial1dState(state) {
-      return state.initial1dState
+      return state.initial1dState;
     },
     getActiveMenu(state) {
-      return state.activeMenu
+      return state.activeMenu;
     },
     getDrawingDirection(state) {
-      return state.drawingDirection
+      return state.drawingDirection;
     },
     getLastBoard(state) {
-      return state.lastBoard
-    }
+      return state.lastBoard;
+    },
   },
-  actions: {
-  },
-  modules: {
-  }
-})
+  actions: {},
+  modules: {},
+});