renderer: patch keep-alive to fix memory leak

src/renderer/App.vue

@@ -3,9 +3,9 @@
         <AppNav></AppNav>
         <div class="router-view">
             <transition :name="transitionName">
-                <keep-alive :include="KeepAlive">
+                <keep-alive-patched :include="KeepAlive">
                     <router-view></router-view>
-                </keep-alive>
+                </keep-alive-patched>
             </transition>
         </div>
         <PlayerBar></PlayerBar>

src/renderer/main.js

@@ -12,6 +12,7 @@ import routes from './routes';
 import { isLinux } from './util/globals';
 import { initTheme } from './util/theme';
 import DblclickRipple from './util/dblclick-ripple';
+import KeepAlivePatched from './util/keep-alive-patched';
 import './style.css';
 import './transition.css';
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
@@ -21,6 +22,7 @@ Vue.use(MuseUI);
 Vue.use(Toast);
 Vue.use(Message);
 Vue.use(DblclickRipple);
+Vue.use(KeepAlivePatched);
 Vue.component('RecycleScroller', RecycleScroller);
 
 try {

src/renderer/util/keep-alive-patched.js

@@ -0,0 +1,19 @@
+export default {
+    /**
+     * @param {Vue.VueConstructor} Vue
+     */
+    install(Vue) {
+        const KeepAlive = Vue.component('KeepAlive');
+        Vue.component('keep-alive-patched', {
+            extends: KeepAlive,
+            updated() {
+                const { _vnode, cache } = this;
+                for (let key in cache) {
+                    if (cache[key] && cache[key].parent && (cache[key].tag != _vnode.tag)) {
+                        cache[key].parent = null;
+                    }
+                }
+            }
+        });
+    }
+};