[wip] vuex, submenu templates, linting rules

src/components/MenuGeneralOptions.vue

@@ -0,0 +1,43 @@
+<template>
+  <MenuRow row-title="General Options">
+    <form>
+      <div class="form-field">
+        <label for="live">Canvas Resolution</label>
+      </div>
+      <div class="form-field">
+        <input
+          id="canvasWidth"
+          name="canvasWidth"
+          type="number"
+          value="1280"
+        >
+      </div>
+      <div class="form-field">
+        <input
+          id="canvasHeight"
+          name="canvasHeight"
+          type="number"
+          value="1024"
+        >
+      </div>
+      <div class="form-field">
+        <input
+          id="canvasRefresh"
+          type="button"
+          name="canvasRefresh"
+          value="refresh"
+        >
+      </div>
+    </form>    
+  </MenuRow>
+</template>
+
+<script>
+  import MenuRow from './MenuRow.vue'
+  export default {
+  name: 'MenuGeneralOptions',
+  components: {
+    MenuRow
+  }
+}
+</script>