diff --git a/themes-default/slim/src/router.js b/themes-default/slim/src/router.js
index 182011a2c1..2d1f5a1380 100644
--- a/themes-default/slim/src/router.js
+++ b/themes-default/slim/src/router.js
@@ -255,6 +255,33 @@ const manageRoutes = {
     }]
 };
 
+const newsRoute = {
+    path: '/news',
+    name: 'news',
+    meta: {
+        title: 'News',
+        header: 'News'
+    }
+};
+
+const changesRoute = {
+    path: '/changes',
+    name: 'changes',
+    meta: {
+        title: 'Changelog',
+        header: 'Changelog'
+    }
+};
+
+const ircRoute = {
+    path: '/IRC',
+    name: 'IRC',
+    meta: {
+        title: 'IRC',
+        header: 'IRC'
+    }
+};
+
 const notFoundRoutes = {
     path: '/not-found',
     name: 'not-found',
@@ -278,6 +305,9 @@ const routes = [
     scheduleRoute,
     historyRoute,
     manageRoutes,
+    newsRoute,
+    changesRoute,
+    ircRoute,
     notFoundRoutes
 ];
 
diff --git a/themes-default/slim/views/IRC.mako b/themes-default/slim/views/IRC.mako
index 24fc081ab9..2d782cbb21 100644
--- a/themes-default/slim/views/IRC.mako
+++ b/themes-default/slim/views/IRC.mako
@@ -2,15 +2,14 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        data() {
-            return {};
-        }
-    });
-};
+window.app = new Vue({
+    store,
+    router,
+    el: '#vue-wrap',
+    data() {
+        return {};
+    }
+});
 </script>
 </%block>
 <%block name="content">
diff --git a/themes-default/slim/views/markdown.mako b/themes-default/slim/views/markdown.mako
index f1019ecdd1..a5b54bcea9 100644
--- a/themes-default/slim/views/markdown.mako
+++ b/themes-default/slim/views/markdown.mako
@@ -2,15 +2,14 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        data() {
-            return {};
-        }
-    });
-};
+window.app = new Vue({
+    store,
+    router,
+    el: '#vue-wrap',
+    data() {
+        return {};
+    }
+});
 </script>
 </%block>
 <%block name="content">
diff --git a/themes/dark/assets/js/vendors.js b/themes/dark/assets/js/vendors.js
index 32fb9caffd..4f88646750 100644
--- a/themes/dark/assets/js/vendors.js
+++ b/themes/dark/assets/js/vendors.js
@@ -3151,7 +3151,7 @@ eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./src/
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _vueRouter = _interopRequireDefault(__webpack_require__(/*! vue-router */ \"./node_modules/vue-router/dist/vue-router.esm.js\"));\n\nvar _components = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar homeRoutes = {\n  path: '/home',\n  children: [{\n    path: '',\n    name: 'home',\n    meta: {\n      title: 'Home',\n      header: 'Show List'\n    }\n  }, {\n    path: 'editShow',\n    name: 'editShow'\n  }, {\n    path: 'displayShow',\n    name: 'displayShow'\n  }, {\n    path: 'snatchSelection',\n    name: 'snatchSelection'\n  }, {\n    path: 'testRename',\n    name: 'testRename',\n    meta: {\n      title: 'Preview Rename',\n      header: 'Preview Rename'\n    }\n  }, {\n    path: 'postprocess',\n    name: 'postprocess',\n    meta: {\n      title: 'Manual Post-Processing',\n      header: 'Manual Post-Processing'\n    }\n  }, {\n    path: 'status',\n    name: 'status',\n    meta: {\n      title: 'Status'\n    }\n  }]\n};\nvar configRoutes = {\n  path: '/config',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'config',\n    meta: {\n      title: 'Help & Info',\n      header: 'Medusa Configuration'\n    },\n    component: _components.Config\n  }, {\n    path: 'anime',\n    name: 'configAnime',\n    meta: {\n      title: 'Config - Anime',\n      header: 'Anime'\n    }\n  }, {\n    path: 'backuprestore',\n    name: 'configBackupRestore',\n    meta: {\n      title: 'Config - Backup/Restore',\n      header: 'Backup/Restore'\n    }\n  }, {\n    path: 'general',\n    name: 'configGeneral',\n    meta: {\n      title: 'Config - General',\n      header: 'General Configuration'\n    }\n  }, {\n    path: 'notifications',\n    name: 'configNotifications',\n    meta: {\n      title: 'Config - Notifications',\n      header: 'Notifications'\n    }\n  }, {\n    path: 'postProcessing',\n    name: 'configPostProcessing',\n    meta: {\n      title: 'Config - Post Processing',\n      header: 'Post Processing'\n    }\n  }, {\n    path: 'providers',\n    name: 'configSearchProviders',\n    meta: {\n      title: 'Config - Providers',\n      header: 'Search Providers'\n    }\n  }, {\n    path: 'search',\n    name: 'configSearchSettings',\n    meta: {\n      title: 'Config - Episode Search',\n      header: 'Search Settings'\n    }\n  }, {\n    path: 'subtitles',\n    name: 'configSubtitles',\n    meta: {\n      title: 'Config - Subtitles',\n      header: 'Subtitles'\n    }\n  }]\n};\nvar addShowRoutes = {\n  path: '/addShows',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'addShows',\n    meta: {\n      title: 'Add Shows',\n      header: 'Add Shows'\n    },\n    component: _components.AddShows\n  }, {\n    path: 'addExistingShows',\n    name: 'addExistingShows',\n    meta: {\n      title: 'Add Existing Shows',\n      header: 'Add Existing Shows'\n    }\n  }, {\n    path: 'newShow',\n    name: 'addNewShow',\n    meta: {\n      title: 'Add New Show',\n      header: 'Add New Show'\n    }\n  }, {\n    path: 'trendingShows',\n    name: 'addTrendingShows'\n  }, {\n    path: 'popularShows',\n    name: 'addPopularShows',\n    meta: {\n      title: 'Popular Shows',\n      header: 'Popular Shows'\n    }\n  }, {\n    path: 'popularAnime',\n    name: 'addPopularAnime',\n    meta: {\n      title: 'Popular Anime Shows',\n      header: 'Popular Anime Shows'\n    }\n  }]\n};\nvar loginRoute = {\n  path: '/login',\n  name: 'login',\n  meta: {\n    title: 'Login'\n  },\n  component: _components.Login\n};\nvar addRecommendedRoute = {\n  path: '/addRecommended',\n  name: 'addRecommended',\n  meta: {\n    title: 'Add Recommended Shows',\n    header: 'Add Recommended Shows'\n  },\n  component: _components.AddRecommended\n};\nvar scheduleRoute = {\n  path: '/schedule',\n  name: 'schedule',\n  meta: {\n    title: 'Schedule',\n    header: 'Schedule'\n  }\n};\nvar historyRoute = {\n  path: '/history',\n  name: 'history',\n  meta: {\n    title: 'History',\n    header: 'History'\n  }\n};\nvar manageRoutes = {\n  path: '/manage',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'manage',\n    meta: {\n      title: 'Mass Update',\n      header: 'Mass Update'\n    }\n  }, {\n    path: 'backlogOverview',\n    name: 'manageBacklogOverview',\n    meta: {\n      title: 'Backlog Overview',\n      header: 'Backlog Overview'\n    }\n  }, {\n    path: 'episodeStatuses',\n    name: 'manageEpisodeOverview',\n    meta: {\n      title: 'Episode Overview',\n      header: 'Episode Overview'\n    }\n  }, {\n    path: 'failedDownloads',\n    name: 'manageFailedDownloads',\n    meta: {\n      title: 'Failed Downloads',\n      header: 'Failed Downlaods'\n    }\n  }, {\n    path: 'manageSearches',\n    name: 'manageManageSearches',\n    meta: {\n      title: 'Manage Searches',\n      header: 'Manage Searches'\n    }\n  }, {\n    path: 'massEdit',\n    name: 'manageMassEdit',\n    meta: {\n      title: 'Mass Edit'\n    }\n  }, {\n    path: 'subtitleMissed',\n    name: 'manageSubtitleMissed',\n    meta: {\n      title: 'Missing Subtitles',\n      header: 'Missing Subtitles'\n    }\n  }, {\n    path: 'subtitleMissedPP',\n    name: 'manageSubtitleMissedPP',\n    meta: {\n      title: 'Missing Subtitles in Post-Process folder',\n      header: 'Missing Subtitles in Post-Process folder'\n    }\n  }]\n};\nvar notFoundRoutes = {\n  path: '/not-found',\n  name: 'not-found',\n  meta: {\n    title: '404',\n    header: '404 - page not found'\n  },\n  component: _components.NotFound // @NOTE: Redirect can only be added once all routes are vue\n  // }, {\n  //     path: '*',\n  //     redirect: '/not-found'\n\n};\nvar routes = [homeRoutes, configRoutes, addShowRoutes, loginRoute, addRecommendedRoute, scheduleRoute, historyRoute, manageRoutes, notFoundRoutes];\nvar router = new _vueRouter.default({\n  base: document.body.getAttribute('web-root') + '/',\n  mode: 'history',\n  routes: routes\n});\nrouter.beforeEach(function (to, from, next) {\n  var meta = to.meta;\n  var title = meta.title; // If there's no title then it's not a .vue route\n  // or it's handling its own title\n\n  if (title) {\n    document.title = \"\".concat(title, \" | Medusa\");\n  } // Always call next otherwise the <router-view> will be empty\n\n\n  next();\n});\nvar _default = router;\nexports.default = _default;\n\n//# sourceURL=webpack:///./src/router.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _vueRouter = _interopRequireDefault(__webpack_require__(/*! vue-router */ \"./node_modules/vue-router/dist/vue-router.esm.js\"));\n\nvar _components = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar homeRoutes = {\n  path: '/home',\n  children: [{\n    path: '',\n    name: 'home',\n    meta: {\n      title: 'Home',\n      header: 'Show List'\n    }\n  }, {\n    path: 'editShow',\n    name: 'editShow'\n  }, {\n    path: 'displayShow',\n    name: 'displayShow'\n  }, {\n    path: 'snatchSelection',\n    name: 'snatchSelection'\n  }, {\n    path: 'testRename',\n    name: 'testRename',\n    meta: {\n      title: 'Preview Rename',\n      header: 'Preview Rename'\n    }\n  }, {\n    path: 'postprocess',\n    name: 'postprocess',\n    meta: {\n      title: 'Manual Post-Processing',\n      header: 'Manual Post-Processing'\n    }\n  }, {\n    path: 'status',\n    name: 'status',\n    meta: {\n      title: 'Status'\n    }\n  }]\n};\nvar configRoutes = {\n  path: '/config',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'config',\n    meta: {\n      title: 'Help & Info',\n      header: 'Medusa Configuration'\n    },\n    component: _components.Config\n  }, {\n    path: 'anime',\n    name: 'configAnime',\n    meta: {\n      title: 'Config - Anime',\n      header: 'Anime'\n    }\n  }, {\n    path: 'backuprestore',\n    name: 'configBackupRestore',\n    meta: {\n      title: 'Config - Backup/Restore',\n      header: 'Backup/Restore'\n    }\n  }, {\n    path: 'general',\n    name: 'configGeneral',\n    meta: {\n      title: 'Config - General',\n      header: 'General Configuration'\n    }\n  }, {\n    path: 'notifications',\n    name: 'configNotifications',\n    meta: {\n      title: 'Config - Notifications',\n      header: 'Notifications'\n    }\n  }, {\n    path: 'postProcessing',\n    name: 'configPostProcessing',\n    meta: {\n      title: 'Config - Post Processing',\n      header: 'Post Processing'\n    }\n  }, {\n    path: 'providers',\n    name: 'configSearchProviders',\n    meta: {\n      title: 'Config - Providers',\n      header: 'Search Providers'\n    }\n  }, {\n    path: 'search',\n    name: 'configSearchSettings',\n    meta: {\n      title: 'Config - Episode Search',\n      header: 'Search Settings'\n    }\n  }, {\n    path: 'subtitles',\n    name: 'configSubtitles',\n    meta: {\n      title: 'Config - Subtitles',\n      header: 'Subtitles'\n    }\n  }]\n};\nvar addShowRoutes = {\n  path: '/addShows',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'addShows',\n    meta: {\n      title: 'Add Shows',\n      header: 'Add Shows'\n    },\n    component: _components.AddShows\n  }, {\n    path: 'addExistingShows',\n    name: 'addExistingShows',\n    meta: {\n      title: 'Add Existing Shows',\n      header: 'Add Existing Shows'\n    }\n  }, {\n    path: 'newShow',\n    name: 'addNewShow',\n    meta: {\n      title: 'Add New Show',\n      header: 'Add New Show'\n    }\n  }, {\n    path: 'trendingShows',\n    name: 'addTrendingShows'\n  }, {\n    path: 'popularShows',\n    name: 'addPopularShows',\n    meta: {\n      title: 'Popular Shows',\n      header: 'Popular Shows'\n    }\n  }, {\n    path: 'popularAnime',\n    name: 'addPopularAnime',\n    meta: {\n      title: 'Popular Anime Shows',\n      header: 'Popular Anime Shows'\n    }\n  }]\n};\nvar loginRoute = {\n  path: '/login',\n  name: 'login',\n  meta: {\n    title: 'Login'\n  },\n  component: _components.Login\n};\nvar addRecommendedRoute = {\n  path: '/addRecommended',\n  name: 'addRecommended',\n  meta: {\n    title: 'Add Recommended Shows',\n    header: 'Add Recommended Shows'\n  },\n  component: _components.AddRecommended\n};\nvar scheduleRoute = {\n  path: '/schedule',\n  name: 'schedule',\n  meta: {\n    title: 'Schedule',\n    header: 'Schedule'\n  }\n};\nvar historyRoute = {\n  path: '/history',\n  name: 'history',\n  meta: {\n    title: 'History',\n    header: 'History'\n  }\n};\nvar manageRoutes = {\n  path: '/manage',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'manage',\n    meta: {\n      title: 'Mass Update',\n      header: 'Mass Update'\n    }\n  }, {\n    path: 'backlogOverview',\n    name: 'manageBacklogOverview',\n    meta: {\n      title: 'Backlog Overview',\n      header: 'Backlog Overview'\n    }\n  }, {\n    path: 'episodeStatuses',\n    name: 'manageEpisodeOverview',\n    meta: {\n      title: 'Episode Overview',\n      header: 'Episode Overview'\n    }\n  }, {\n    path: 'failedDownloads',\n    name: 'manageFailedDownloads',\n    meta: {\n      title: 'Failed Downloads',\n      header: 'Failed Downlaods'\n    }\n  }, {\n    path: 'manageSearches',\n    name: 'manageManageSearches',\n    meta: {\n      title: 'Manage Searches',\n      header: 'Manage Searches'\n    }\n  }, {\n    path: 'massEdit',\n    name: 'manageMassEdit',\n    meta: {\n      title: 'Mass Edit'\n    }\n  }, {\n    path: 'subtitleMissed',\n    name: 'manageSubtitleMissed',\n    meta: {\n      title: 'Missing Subtitles',\n      header: 'Missing Subtitles'\n    }\n  }, {\n    path: 'subtitleMissedPP',\n    name: 'manageSubtitleMissedPP',\n    meta: {\n      title: 'Missing Subtitles in Post-Process folder',\n      header: 'Missing Subtitles in Post-Process folder'\n    }\n  }]\n};\nvar newsRoute = {\n  path: '/news',\n  name: 'news',\n  meta: {\n    title: 'News',\n    header: 'News'\n  }\n};\nvar changesRoute = {\n  path: '/changes',\n  name: 'changes',\n  meta: {\n    title: 'Changelog',\n    header: 'Changelog'\n  }\n};\nvar ircRoute = {\n  path: '/IRC',\n  name: 'IRC',\n  meta: {\n    title: 'IRC',\n    header: 'IRC'\n  }\n};\nvar notFoundRoutes = {\n  path: '/not-found',\n  name: 'not-found',\n  meta: {\n    title: '404',\n    header: '404 - page not found'\n  },\n  component: _components.NotFound // @NOTE: Redirect can only be added once all routes are vue\n  // }, {\n  //     path: '*',\n  //     redirect: '/not-found'\n\n};\nvar routes = [homeRoutes, configRoutes, addShowRoutes, loginRoute, addRecommendedRoute, scheduleRoute, historyRoute, manageRoutes, newsRoute, changesRoute, ircRoute, notFoundRoutes];\nvar router = new _vueRouter.default({\n  base: document.body.getAttribute('web-root') + '/',\n  mode: 'history',\n  routes: routes\n});\nrouter.beforeEach(function (to, from, next) {\n  var meta = to.meta;\n  var title = meta.title; // If there's no title then it's not a .vue route\n  // or it's handling its own title\n\n  if (title) {\n    document.title = \"\".concat(title, \" | Medusa\");\n  } // Always call next otherwise the <router-view> will be empty\n\n\n  next();\n});\nvar _default = router;\nexports.default = _default;\n\n//# sourceURL=webpack:///./src/router.js?");
 
 /***/ }),
 
diff --git a/themes/dark/templates/IRC.mako b/themes/dark/templates/IRC.mako
index 24fc081ab9..2d782cbb21 100644
--- a/themes/dark/templates/IRC.mako
+++ b/themes/dark/templates/IRC.mako
@@ -2,15 +2,14 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        data() {
-            return {};
-        }
-    });
-};
+window.app = new Vue({
+    store,
+    router,
+    el: '#vue-wrap',
+    data() {
+        return {};
+    }
+});
 </script>
 </%block>
 <%block name="content">
diff --git a/themes/dark/templates/markdown.mako b/themes/dark/templates/markdown.mako
index f1019ecdd1..a5b54bcea9 100644
--- a/themes/dark/templates/markdown.mako
+++ b/themes/dark/templates/markdown.mako
@@ -2,15 +2,14 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        data() {
-            return {};
-        }
-    });
-};
+window.app = new Vue({
+    store,
+    router,
+    el: '#vue-wrap',
+    data() {
+        return {};
+    }
+});
 </script>
 </%block>
 <%block name="content">
diff --git a/themes/light/assets/js/vendors.js b/themes/light/assets/js/vendors.js
index 32fb9caffd..4f88646750 100644
--- a/themes/light/assets/js/vendors.js
+++ b/themes/light/assets/js/vendors.js
@@ -3151,7 +3151,7 @@ eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./src/
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _vueRouter = _interopRequireDefault(__webpack_require__(/*! vue-router */ \"./node_modules/vue-router/dist/vue-router.esm.js\"));\n\nvar _components = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar homeRoutes = {\n  path: '/home',\n  children: [{\n    path: '',\n    name: 'home',\n    meta: {\n      title: 'Home',\n      header: 'Show List'\n    }\n  }, {\n    path: 'editShow',\n    name: 'editShow'\n  }, {\n    path: 'displayShow',\n    name: 'displayShow'\n  }, {\n    path: 'snatchSelection',\n    name: 'snatchSelection'\n  }, {\n    path: 'testRename',\n    name: 'testRename',\n    meta: {\n      title: 'Preview Rename',\n      header: 'Preview Rename'\n    }\n  }, {\n    path: 'postprocess',\n    name: 'postprocess',\n    meta: {\n      title: 'Manual Post-Processing',\n      header: 'Manual Post-Processing'\n    }\n  }, {\n    path: 'status',\n    name: 'status',\n    meta: {\n      title: 'Status'\n    }\n  }]\n};\nvar configRoutes = {\n  path: '/config',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'config',\n    meta: {\n      title: 'Help & Info',\n      header: 'Medusa Configuration'\n    },\n    component: _components.Config\n  }, {\n    path: 'anime',\n    name: 'configAnime',\n    meta: {\n      title: 'Config - Anime',\n      header: 'Anime'\n    }\n  }, {\n    path: 'backuprestore',\n    name: 'configBackupRestore',\n    meta: {\n      title: 'Config - Backup/Restore',\n      header: 'Backup/Restore'\n    }\n  }, {\n    path: 'general',\n    name: 'configGeneral',\n    meta: {\n      title: 'Config - General',\n      header: 'General Configuration'\n    }\n  }, {\n    path: 'notifications',\n    name: 'configNotifications',\n    meta: {\n      title: 'Config - Notifications',\n      header: 'Notifications'\n    }\n  }, {\n    path: 'postProcessing',\n    name: 'configPostProcessing',\n    meta: {\n      title: 'Config - Post Processing',\n      header: 'Post Processing'\n    }\n  }, {\n    path: 'providers',\n    name: 'configSearchProviders',\n    meta: {\n      title: 'Config - Providers',\n      header: 'Search Providers'\n    }\n  }, {\n    path: 'search',\n    name: 'configSearchSettings',\n    meta: {\n      title: 'Config - Episode Search',\n      header: 'Search Settings'\n    }\n  }, {\n    path: 'subtitles',\n    name: 'configSubtitles',\n    meta: {\n      title: 'Config - Subtitles',\n      header: 'Subtitles'\n    }\n  }]\n};\nvar addShowRoutes = {\n  path: '/addShows',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'addShows',\n    meta: {\n      title: 'Add Shows',\n      header: 'Add Shows'\n    },\n    component: _components.AddShows\n  }, {\n    path: 'addExistingShows',\n    name: 'addExistingShows',\n    meta: {\n      title: 'Add Existing Shows',\n      header: 'Add Existing Shows'\n    }\n  }, {\n    path: 'newShow',\n    name: 'addNewShow',\n    meta: {\n      title: 'Add New Show',\n      header: 'Add New Show'\n    }\n  }, {\n    path: 'trendingShows',\n    name: 'addTrendingShows'\n  }, {\n    path: 'popularShows',\n    name: 'addPopularShows',\n    meta: {\n      title: 'Popular Shows',\n      header: 'Popular Shows'\n    }\n  }, {\n    path: 'popularAnime',\n    name: 'addPopularAnime',\n    meta: {\n      title: 'Popular Anime Shows',\n      header: 'Popular Anime Shows'\n    }\n  }]\n};\nvar loginRoute = {\n  path: '/login',\n  name: 'login',\n  meta: {\n    title: 'Login'\n  },\n  component: _components.Login\n};\nvar addRecommendedRoute = {\n  path: '/addRecommended',\n  name: 'addRecommended',\n  meta: {\n    title: 'Add Recommended Shows',\n    header: 'Add Recommended Shows'\n  },\n  component: _components.AddRecommended\n};\nvar scheduleRoute = {\n  path: '/schedule',\n  name: 'schedule',\n  meta: {\n    title: 'Schedule',\n    header: 'Schedule'\n  }\n};\nvar historyRoute = {\n  path: '/history',\n  name: 'history',\n  meta: {\n    title: 'History',\n    header: 'History'\n  }\n};\nvar manageRoutes = {\n  path: '/manage',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'manage',\n    meta: {\n      title: 'Mass Update',\n      header: 'Mass Update'\n    }\n  }, {\n    path: 'backlogOverview',\n    name: 'manageBacklogOverview',\n    meta: {\n      title: 'Backlog Overview',\n      header: 'Backlog Overview'\n    }\n  }, {\n    path: 'episodeStatuses',\n    name: 'manageEpisodeOverview',\n    meta: {\n      title: 'Episode Overview',\n      header: 'Episode Overview'\n    }\n  }, {\n    path: 'failedDownloads',\n    name: 'manageFailedDownloads',\n    meta: {\n      title: 'Failed Downloads',\n      header: 'Failed Downlaods'\n    }\n  }, {\n    path: 'manageSearches',\n    name: 'manageManageSearches',\n    meta: {\n      title: 'Manage Searches',\n      header: 'Manage Searches'\n    }\n  }, {\n    path: 'massEdit',\n    name: 'manageMassEdit',\n    meta: {\n      title: 'Mass Edit'\n    }\n  }, {\n    path: 'subtitleMissed',\n    name: 'manageSubtitleMissed',\n    meta: {\n      title: 'Missing Subtitles',\n      header: 'Missing Subtitles'\n    }\n  }, {\n    path: 'subtitleMissedPP',\n    name: 'manageSubtitleMissedPP',\n    meta: {\n      title: 'Missing Subtitles in Post-Process folder',\n      header: 'Missing Subtitles in Post-Process folder'\n    }\n  }]\n};\nvar notFoundRoutes = {\n  path: '/not-found',\n  name: 'not-found',\n  meta: {\n    title: '404',\n    header: '404 - page not found'\n  },\n  component: _components.NotFound // @NOTE: Redirect can only be added once all routes are vue\n  // }, {\n  //     path: '*',\n  //     redirect: '/not-found'\n\n};\nvar routes = [homeRoutes, configRoutes, addShowRoutes, loginRoute, addRecommendedRoute, scheduleRoute, historyRoute, manageRoutes, notFoundRoutes];\nvar router = new _vueRouter.default({\n  base: document.body.getAttribute('web-root') + '/',\n  mode: 'history',\n  routes: routes\n});\nrouter.beforeEach(function (to, from, next) {\n  var meta = to.meta;\n  var title = meta.title; // If there's no title then it's not a .vue route\n  // or it's handling its own title\n\n  if (title) {\n    document.title = \"\".concat(title, \" | Medusa\");\n  } // Always call next otherwise the <router-view> will be empty\n\n\n  next();\n});\nvar _default = router;\nexports.default = _default;\n\n//# sourceURL=webpack:///./src/router.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar _vueRouter = _interopRequireDefault(__webpack_require__(/*! vue-router */ \"./node_modules/vue-router/dist/vue-router.esm.js\"));\n\nvar _components = __webpack_require__(/*! ./components */ \"./src/components/index.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar homeRoutes = {\n  path: '/home',\n  children: [{\n    path: '',\n    name: 'home',\n    meta: {\n      title: 'Home',\n      header: 'Show List'\n    }\n  }, {\n    path: 'editShow',\n    name: 'editShow'\n  }, {\n    path: 'displayShow',\n    name: 'displayShow'\n  }, {\n    path: 'snatchSelection',\n    name: 'snatchSelection'\n  }, {\n    path: 'testRename',\n    name: 'testRename',\n    meta: {\n      title: 'Preview Rename',\n      header: 'Preview Rename'\n    }\n  }, {\n    path: 'postprocess',\n    name: 'postprocess',\n    meta: {\n      title: 'Manual Post-Processing',\n      header: 'Manual Post-Processing'\n    }\n  }, {\n    path: 'status',\n    name: 'status',\n    meta: {\n      title: 'Status'\n    }\n  }]\n};\nvar configRoutes = {\n  path: '/config',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'config',\n    meta: {\n      title: 'Help & Info',\n      header: 'Medusa Configuration'\n    },\n    component: _components.Config\n  }, {\n    path: 'anime',\n    name: 'configAnime',\n    meta: {\n      title: 'Config - Anime',\n      header: 'Anime'\n    }\n  }, {\n    path: 'backuprestore',\n    name: 'configBackupRestore',\n    meta: {\n      title: 'Config - Backup/Restore',\n      header: 'Backup/Restore'\n    }\n  }, {\n    path: 'general',\n    name: 'configGeneral',\n    meta: {\n      title: 'Config - General',\n      header: 'General Configuration'\n    }\n  }, {\n    path: 'notifications',\n    name: 'configNotifications',\n    meta: {\n      title: 'Config - Notifications',\n      header: 'Notifications'\n    }\n  }, {\n    path: 'postProcessing',\n    name: 'configPostProcessing',\n    meta: {\n      title: 'Config - Post Processing',\n      header: 'Post Processing'\n    }\n  }, {\n    path: 'providers',\n    name: 'configSearchProviders',\n    meta: {\n      title: 'Config - Providers',\n      header: 'Search Providers'\n    }\n  }, {\n    path: 'search',\n    name: 'configSearchSettings',\n    meta: {\n      title: 'Config - Episode Search',\n      header: 'Search Settings'\n    }\n  }, {\n    path: 'subtitles',\n    name: 'configSubtitles',\n    meta: {\n      title: 'Config - Subtitles',\n      header: 'Subtitles'\n    }\n  }]\n};\nvar addShowRoutes = {\n  path: '/addShows',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'addShows',\n    meta: {\n      title: 'Add Shows',\n      header: 'Add Shows'\n    },\n    component: _components.AddShows\n  }, {\n    path: 'addExistingShows',\n    name: 'addExistingShows',\n    meta: {\n      title: 'Add Existing Shows',\n      header: 'Add Existing Shows'\n    }\n  }, {\n    path: 'newShow',\n    name: 'addNewShow',\n    meta: {\n      title: 'Add New Show',\n      header: 'Add New Show'\n    }\n  }, {\n    path: 'trendingShows',\n    name: 'addTrendingShows'\n  }, {\n    path: 'popularShows',\n    name: 'addPopularShows',\n    meta: {\n      title: 'Popular Shows',\n      header: 'Popular Shows'\n    }\n  }, {\n    path: 'popularAnime',\n    name: 'addPopularAnime',\n    meta: {\n      title: 'Popular Anime Shows',\n      header: 'Popular Anime Shows'\n    }\n  }]\n};\nvar loginRoute = {\n  path: '/login',\n  name: 'login',\n  meta: {\n    title: 'Login'\n  },\n  component: _components.Login\n};\nvar addRecommendedRoute = {\n  path: '/addRecommended',\n  name: 'addRecommended',\n  meta: {\n    title: 'Add Recommended Shows',\n    header: 'Add Recommended Shows'\n  },\n  component: _components.AddRecommended\n};\nvar scheduleRoute = {\n  path: '/schedule',\n  name: 'schedule',\n  meta: {\n    title: 'Schedule',\n    header: 'Schedule'\n  }\n};\nvar historyRoute = {\n  path: '/history',\n  name: 'history',\n  meta: {\n    title: 'History',\n    header: 'History'\n  }\n};\nvar manageRoutes = {\n  path: '/manage',\n  component: {\n    template: '<router-view/>'\n  },\n  children: [{\n    path: '',\n    name: 'manage',\n    meta: {\n      title: 'Mass Update',\n      header: 'Mass Update'\n    }\n  }, {\n    path: 'backlogOverview',\n    name: 'manageBacklogOverview',\n    meta: {\n      title: 'Backlog Overview',\n      header: 'Backlog Overview'\n    }\n  }, {\n    path: 'episodeStatuses',\n    name: 'manageEpisodeOverview',\n    meta: {\n      title: 'Episode Overview',\n      header: 'Episode Overview'\n    }\n  }, {\n    path: 'failedDownloads',\n    name: 'manageFailedDownloads',\n    meta: {\n      title: 'Failed Downloads',\n      header: 'Failed Downlaods'\n    }\n  }, {\n    path: 'manageSearches',\n    name: 'manageManageSearches',\n    meta: {\n      title: 'Manage Searches',\n      header: 'Manage Searches'\n    }\n  }, {\n    path: 'massEdit',\n    name: 'manageMassEdit',\n    meta: {\n      title: 'Mass Edit'\n    }\n  }, {\n    path: 'subtitleMissed',\n    name: 'manageSubtitleMissed',\n    meta: {\n      title: 'Missing Subtitles',\n      header: 'Missing Subtitles'\n    }\n  }, {\n    path: 'subtitleMissedPP',\n    name: 'manageSubtitleMissedPP',\n    meta: {\n      title: 'Missing Subtitles in Post-Process folder',\n      header: 'Missing Subtitles in Post-Process folder'\n    }\n  }]\n};\nvar newsRoute = {\n  path: '/news',\n  name: 'news',\n  meta: {\n    title: 'News',\n    header: 'News'\n  }\n};\nvar changesRoute = {\n  path: '/changes',\n  name: 'changes',\n  meta: {\n    title: 'Changelog',\n    header: 'Changelog'\n  }\n};\nvar ircRoute = {\n  path: '/IRC',\n  name: 'IRC',\n  meta: {\n    title: 'IRC',\n    header: 'IRC'\n  }\n};\nvar notFoundRoutes = {\n  path: '/not-found',\n  name: 'not-found',\n  meta: {\n    title: '404',\n    header: '404 - page not found'\n  },\n  component: _components.NotFound // @NOTE: Redirect can only be added once all routes are vue\n  // }, {\n  //     path: '*',\n  //     redirect: '/not-found'\n\n};\nvar routes = [homeRoutes, configRoutes, addShowRoutes, loginRoute, addRecommendedRoute, scheduleRoute, historyRoute, manageRoutes, newsRoute, changesRoute, ircRoute, notFoundRoutes];\nvar router = new _vueRouter.default({\n  base: document.body.getAttribute('web-root') + '/',\n  mode: 'history',\n  routes: routes\n});\nrouter.beforeEach(function (to, from, next) {\n  var meta = to.meta;\n  var title = meta.title; // If there's no title then it's not a .vue route\n  // or it's handling its own title\n\n  if (title) {\n    document.title = \"\".concat(title, \" | Medusa\");\n  } // Always call next otherwise the <router-view> will be empty\n\n\n  next();\n});\nvar _default = router;\nexports.default = _default;\n\n//# sourceURL=webpack:///./src/router.js?");
 
 /***/ }),
 
diff --git a/themes/light/templates/IRC.mako b/themes/light/templates/IRC.mako
index 24fc081ab9..2d782cbb21 100644
--- a/themes/light/templates/IRC.mako
+++ b/themes/light/templates/IRC.mako
@@ -2,15 +2,14 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        data() {
-            return {};
-        }
-    });
-};
+window.app = new Vue({
+    store,
+    router,
+    el: '#vue-wrap',
+    data() {
+        return {};
+    }
+});
 </script>
 </%block>
 <%block name="content">
diff --git a/themes/light/templates/markdown.mako b/themes/light/templates/markdown.mako
index f1019ecdd1..a5b54bcea9 100644
--- a/themes/light/templates/markdown.mako
+++ b/themes/light/templates/markdown.mako
@@ -2,15 +2,14 @@
 <%block name="scripts">
 <script>
 window.app = {};
-const startVue = () => {
-    window.app = new Vue({
-        store,
-        el: '#vue-wrap',
-        data() {
-            return {};
-        }
-    });
-};
+window.app = new Vue({
+    store,
+    router,
+    el: '#vue-wrap',
+    data() {
+        return {};
+    }
+});
 </script>
 </%block>
 <%block name="content">