From f1dd0872d399712c230f36320866cab6f0b10d00 Mon Sep 17 00:00:00 2001
From: Kylart <Kylart.dev@gmail.com>
Date: Wed, 11 Oct 2017 07:57:38 +0200
Subject: [PATCH] Window will now hide instead of closing on Mac Reworked a
 choiceWindow logic + stylus

---
 assets/menu.js              |  2 +-
 components/choiceWindow.vue | 34 ++++++++++++++++------------------
 2 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/assets/menu.js b/assets/menu.js
index 3e0a8db..cf0c4bb 100644
--- a/assets/menu.js
+++ b/assets/menu.js
@@ -140,7 +140,7 @@ const template = () => {
       {
         label: 'Close',
         accelerator: 'CmdOrCtrl+W',
-        role: 'close'
+        role: 'hide'
       },
       {
         label: 'Minimize',
diff --git a/components/choiceWindow.vue b/components/choiceWindow.vue
index 14c3d76..a084d87 100644
--- a/components/choiceWindow.vue
+++ b/components/choiceWindow.vue
@@ -5,7 +5,7 @@
       v-card-text
         v-layout(row, wrap)
           template(v-for='i in 5')
-            v-flex(v-if='!options[i - 1].half', xs4)
+            v-flex(v-if='i < 4', xs4)
               v-checkbox.option.primary--text(
                 v-model='selected',
                 :value='options[i - 1].value',
@@ -33,24 +33,19 @@
         selected: [],
         options: [{
           label: 'Watch list',
-          value: 'watchList',
-          half: false
+          value: 'watchList'
         }, {
           label: 'Watching',
-          value: 'watching',
-          half: false
+          value: 'watching'
         }, {
           label: 'Seen',
-          value: 'seen',
-          half: false
+          value: 'seen'
         }, {
           label: 'On Hold',
-          value: 'onHold',
-          half: true
+          value: 'onHold'
         }, {
           label: 'Dropped',
-          value: 'dropped',
-          half: true
+          value: 'dropped'
         }]
       }
     },
@@ -71,17 +66,20 @@
       }
     },
     computed: {
-      show () {
-        return this.$store.state.addToChoice
+      show: {
+        get () {
+          return this.$store.state.addToChoice
+        },
+        set (bool) {
+          this.$store.commit('setAddToChoice', bool)
+        }
       }
     }
   }
 </script>
 
-<style scoped>
+<style lang="stylus" scoped>
   .option
-  {
-    width: 60%;
-    margin-left: 35%;
-  }
+    width 60%
+    margin-left 35%
 </style>