renderer: Index: re-fetch data when login/logout

Rocket1184 · Mar 2, 2020 · 9a7f5d4 · 9a7f5d4
1 parent d554837
commit 9a7f5d4
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/renderer/page/Index/Index.vue b/src/renderer/page/Index/Index.vue
@@ -128,15 +128,20 @@ export default {
         },
     },
     created() {
+        this.fetchData();
         this.unsub = this.$store.subscribe(({ type, payload }) => {
-            // clear recommend data when logout
-            if (type === SET_LOGIN_VALID && payload === false) {
+            if (
+                type === SET_LOGIN_VALID &&
+                (
+                    payload === false ||  // clear personalized data on logout
+                    (payload === true && this.playlist.length > 0) // get personalized data on login
+                )
+            ) {
                 this.fetchData();
             }
         });
     },
     mounted() {
-        this.fetchData();
         /** @type {HTMLDivElement[]} */
         const scrollers = Array.from(document.getElementsByClassName('scroller'));
         scrollers.forEach(s => {
@@ -153,7 +158,7 @@ export default {
             });
         });
     },
-    beforeCreate() {
+    beforeDestroy() {
         this.unsub();
     },
     components: {