[wip] vuex, submenu templates, linting rules

src/App.vue

@@ -1,20 +1,26 @@
 <template>
-<div id="main">
-  <h1 id="main-title">Cellular Automata Explorer</h1>
-  <div id="container">
-    <MainMenu/>
-    <Canvas/>
-  </div>
+  <div id="main">
+    <h1
+      id="main-title"
+    >
+      Cellular Automata Explorer
+    </h1>
+    <div id="container">
+      <MainMenu />
+      <Canvas />
+    </div>
   </div>
 </template>
 
 <script>
 import MainMenu from './components/MainMenu.vue'
+import Canvas from './components/Canvas.vue'
 
 export default {
   name: 'App',
   components: {
-    MainMenu
+    MainMenu,
+    Canvas
   }
 }
 </script>