renamed canvas component (again) and fixed some issues

src/App.vue

@@ -3,19 +3,20 @@
     <h1 id="main-title">Cellular Automata Explorer</h1>
     <div id="container">
       <MainMenu />
-      <CanvasBoard />
+      <Board />
     </div>
   </div>
 </template>
 
 <script>
 import MainMenu from "./components/MainMenu.vue";
-import CanvasBoard from "./components/CanvasBoard.vue";
+import Board from "./components/Board.vue";
 
-export const App = {
+export default {
+  name: "App",
   components: {
     MainMenu,
-    CanvasBoard,
+    Board,
   },
 };
 </script>
@@ -26,7 +27,7 @@ export const App = {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
-  color: #2c3e50;
+   /* color: #2c3e50; */
 }
 
 * {