Put layout how into store and fixed cursor not hiding

src/renderer/components/video/layout/index.vue

@@ -48,7 +48,6 @@ export default {
   },
 
   data: () => ({
-    show: true,
     timeoutID: null
   }),
 
@@ -56,6 +55,17 @@ export default {
     setTimeout(this.hide, 1500)
   },
 
+  computed: {
+    show: {
+      get () {
+        return this.$store.getters['streaming/controls'].show
+      },
+      set (bool) {
+        this.$store.commit('streaming/setControl', { name: 'show', value: bool })
+      }
+    }
+  },
+
   methods: {
     reveal () {
       this.show = true

src/renderer/components/video/player.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
   .video-player(
     @mousemove='onMouseMove',
-    :style='{ cursor: !layoutShow ? "none" : null }'
+    :style='{ cursor: !controls.show ? "none" : null }'
   )
 
     wrapper(
@@ -43,8 +43,6 @@ export default {
     name: '',
     hasAppendedToHistory: false,
 
-    layoutShow: true,
-
     propertyMap: {
       'percent-pos': 'timeline',
       'media-title': 'name'

src/renderer/mixins/video/layout.js

@@ -11,8 +11,6 @@ export default {
           actOnWindow: this.actOnWindow,
           mute: this.toggleMute,
           updateTrack: this.setTrack
-          // show: this.layoutShow = true,
-          // hide: this.layoutShow = false
         },
         bind: {
           subtitles: this.subtitles,

src/renderer/store/modules/streaming/state.js

@@ -4,6 +4,7 @@ export default {
     link: {},
     neighbours: null,
     controls: {
+      show: true,
       title: '',
       pause: true,
       volume: 100,