linting and formating. renamed canvas component

src/components/Menu2dCA.vue

@@ -2,65 +2,56 @@
   <MenuRow row-title="2D Cellular Automata">
     <div class="form-field">
       <label>Start from last result</label>
-      <input
-        type="button"
-        value="start"
-        @click="startFromLast"
-      >
+      <input type="button" value="start" @click="startFromLast" />
     </div>
     <div class="form-field">
-      <input
-        type="button"
-        name="start2d"
-        value="start"
-        @click="draw2d"
-      >
+      <input type="button" name="start2d" value="start" @click="draw2d" />
       <input
         type="button"
         name="stop"
         class="stop"
         value="stop"
         @click="stop"
-      >
+      />
       <input
         type="button"
         name="reset"
         class="reset"
         value="reset"
         @click="reset"
-      >
+      />
     </div>
   </MenuRow>
 </template>
 
 <script>
-import MenuRow from './MenuRow.vue'
-import {mapGetters} from 'vuex'
+import MenuRow from "./MenuRow.vue";
+import { mapGetters } from "vuex";
 
 export default {
-  name: 'Menu2dCA',
+  name: "Menu2dCA",
   components: {
-    MenuRow
+    MenuRow,
   },
   computed: {
     ...mapGetters({
-      lastBoard: 'getLastBoard',
-    })
+      lastBoard: "getLastBoard",
+    }),
   },
   methods: {
     draw2d() {
-      this.$root.$store.state.drawing = 1
-      this.$root.$emit('draw2dNew')
+      this.$root.$store.state.drawing = 1;
+      this.$root.$emit("draw2dNew");
     },
     reset() {
-      this.$root.$emit('reset')
+      this.$root.$emit("reset");
     },
     stop() {
-      this.$root.$emit('stop')
+      this.$root.$emit("stop");
     },
     startFromLast() {
-      this.$root.$emit('draw2dLast')
-    }
-  }
-}
+      this.$root.$emit("draw2dLast");
+    },
+  },
+};
 </script>