From f940bcf1e060db45af86cab4a7faaeff8cd34ea2 Mon Sep 17 00:00:00 2001
From: yazninja <yazlesean@gmail.com>
Date: Mon, 11 Jul 2022 16:40:50 +0800
Subject: [PATCH] remove unused pages

---
 src/main/base/browserwindow.ts                |    1 -
 src/main/base/vcomponents.json                |    1 -
 src/renderer/views/pages/keybinds.ejs         |  325 ----
 .../views/pages/library-artists copy.ejs      |   49 -
 .../views/pages/new/library-songs.ejs         |   16 -
 src/renderer/views/pages/plugins-github.ejs   |  191 ---
 src/renderer/views/pages/settings.ejs         | 1334 -----------------
 src/smth.json                                 |  557 +++++++
 8 files changed, 557 insertions(+), 1917 deletions(-)
 delete mode 100644 src/renderer/views/pages/keybinds.ejs
 delete mode 100644 src/renderer/views/pages/library-artists copy.ejs
 delete mode 100644 src/renderer/views/pages/new/library-songs.ejs
 delete mode 100644 src/renderer/views/pages/plugins-github.ejs
 delete mode 100644 src/renderer/views/pages/settings.ejs
 create mode 100644 src/smth.json

diff --git a/src/main/base/browserwindow.ts b/src/main/base/browserwindow.ts
index 876c8f2d..702f80dd 100644
--- a/src/main/base/browserwindow.ts
+++ b/src/main/base/browserwindow.ts
@@ -63,7 +63,6 @@ export class BrowserWindow {
                 "pages/browse",
                 "pages/groupings",
                 "pages/charts",
-                "pages/settings",
                 //"pages/installed-themes",
                 "pages/listen_now",
                 "pages/radio",
diff --git a/src/main/base/vcomponents.json b/src/main/base/vcomponents.json
index 53232dc8..fcbc115c 100644
--- a/src/main/base/vcomponents.json
+++ b/src/main/base/vcomponents.json
@@ -6,7 +6,6 @@
   "pages/library-artists",
   "pages/browse",
   "pages/groupings",
-  "pages/settings",
   "pages/installed-themes",
   "pages/listen_now",
   "pages/radio",
diff --git a/src/renderer/views/pages/keybinds.ejs b/src/renderer/views/pages/keybinds.ejs
deleted file mode 100644
index f5c73f44..00000000
--- a/src/renderer/views/pages/keybinds.ejs
+++ /dev/null
@@ -1,325 +0,0 @@
-//Not used for Now
-
-<!-- <script type="text/x-template" id="keybinds-settings">
-    <div class="keybinds-page">
-            <div class="md-option-header">
-                <span>{{$root.getLz('settings.option.general.keybindings')}}</span>
-            </div>
-        <div class="settings-option-body">
-            <div class="md-option-header-sub">
-                <span>{{$root.getLz('settings.option.general.keybindings.library')}}</span>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.search')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('search')">
-                        {{app.cfg.general.keybindings.search.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.listnow')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('listnow')">
-                        {{app.cfg.general.keybindings.listnow.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.browse')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('browse')">
-                        {{app.cfg.general.keybindings.browse.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.recentAdd')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('recentAdd')">
-                        {{app.cfg.general.keybindings.recentAdd.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.songs')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('songs')">
-                        {{app.cfg.general.keybindings.songs.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.albums')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('albums')">
-                        {{app.cfg.general.keybindings.albums.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.artists')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('artists')">
-                        {{app.cfg.general.keybindings.artists.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-header-sub">
-                <span>{{$root.getLz('settings.option.general.keybindings.session')}}</span>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.private')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('togglePrivateSession')">
-                        {{app.cfg.general.keybindings.togglePrivateSession.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-header-sub">
-                <span>{{$root.getLz('settings.option.general.keybindings.control')}}</span>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.remote')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('webRemote')">
-                        {{app.cfg.general.keybindings.webRemote.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.audio')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('audioSettings')">
-                        {{app.cfg.general.keybindings.audioSettings.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.plugins')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('pluginMenu')">
-                        {{app.cfg.general.keybindings.pluginMenu.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.cast')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('castToDevices')">
-                        {{app.cfg.general.keybindings.castToDevices.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.settings')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('settings')">
-                        {{app.cfg.general.keybindings.settings.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-header-sub" v-if="app.platform !== 'darwin'">
-                <span>{{$root.getLz('settings.option.general.keybindings.interface')}}</span>
-            </div>
-            <div class="md-option-line" v-if="app.platform !== 'darwin'">
-                <div class="md-option-segment">
-                    {{$root.getLz('term.zoomin')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('zoomn')">
-                        {{app.cfg.general.keybindings.zoomn.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line" v-if="app.platform !== 'darwin'">
-                <div class="md-option-segment">
-                    {{$root.getLz('term.zoomout')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('zoomt')">
-                        {{app.cfg.general.keybindings.zoomt.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-line" v-if="app.platform !== 'darwin'">
-                <div class="md-option-segment">
-                    {{$root.getLz('term.zoomreset')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('zoomrst')">
-                        {{app.cfg.general.keybindings.zoomrst.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <div class="md-option-header-sub">
-                <span>{{$root.getLz('settings.option.general.keybindings.advanced')}}</span>
-            </div>
-            <div class="md-option-line">
-                <div class="md-option-segment">
-                    {{$root.getLz('settings.description.developer')}}
-                </div>
-                <div class="md-option-segment md-option-segment_auto">
-                    <button class="md-btn md-btn-small md-btn-block"
-                            @click="keyBindUpdate('openDeveloperTools')">
-                        {{app.cfg.general.keybindings.openDeveloperTools.join(' + ')}}
-                    </button>
-                </div>
-            </div>
-            <button class="md-btn md-btn-large md-btn-block" @click="keyBindReset()">
-                 {{$root.getLz('term.reset')}}
-            </button>
-        </div>
-
-    </div>
-</script>
-
-<script>
-    Vue.component('keybinds-settings', {
-        template: "#keybinds-settings",
-        props: [],
-        data: function () {
-            return {
-                app: this.$root
-            }
-        },
-        methods: {
-            keyBindUpdate: function (action) {
-                const blur = document.createElement('div');
-                blur.className = 'blur';
-                blur.style.backgroundColor = 'rgba(0,0,0,0.25)';
-                blur.style.position = 'fixed';
-                blur.style.top = '0';
-                blur.style.left = '0';
-                blur.style.width = '100%';
-                blur.style.height = '100%';
-                blur.style.zIndex = '9999';
-                blur.style.display = 'flex';
-                blur.style.alignItems = 'center';
-                blur.style.justifyContent = 'center';
-                blur.style.fontSize = '2em';
-                blur.style.color = 'white';
-                blur.innerHTML = `<center>${app.getLz('settings.option.general.keybindings.pressCombination')}<br />${app.getLz('settings.option.general.keybindings.pressEscape')}</center>`
-                document.body.appendChild(blur);
-
-                let keyBind = [];
-                const keyBindTimeout = setTimeout(function () {
-                    keyBind = [];
-                    document.body.removeChild(blur);
-                }, 30000);
-                const keyBindUpdate = function (e) {
-                    if (document.body.contains(blur)) {
-                        if (e.key == 'Escape') {
-                            document.body.removeChild(blur);
-                            clearTimeout(keyBindTimeout);
-                            return;
-                        } else {
-                            if (e.keyCode >= 65 && e.keyCode <= 90 && e.keyCode <= 97 && e.keyCode <= 122) {
-                                keyBind.push(e.key.toUpperCase());
-                            } else {
-                                keyBind.push(e.key);
-                            }
-                            if (keyBind.length === 2) {
-                                if (keyBind[0] !== keyBind[1]) {
-                                    app.cfg.general.keybindings[action] = keyBind
-                                    document.body.removeChild(blur);
-                                    clearTimeout(keyBindTimeout);
-                                    notyf.success(app.getLz('settings.notyf.general.keybindings.update.success'));
-                                    app.confirm(app.getLz("settings.prompt.general.keybindings.update.success"), (ok) => {
-                                        if (ok) ipcRenderer.invoke("relaunchApp")
-                                    })
-                                } else {
-                                    keyBind = [];
-                                }
-                            }
-                        }
-                    }
-                };
-                document.addEventListener('keydown', keyBindUpdate);
-            },
-            keyBindReset: function () {
-                app.cfg.general.keybindings.search = [app.platform == "darwin" ? "Command" : "Control", "F"];
-                app.cfg.general.keybindings.listnow = [app.platform == "darwin" ? "Command" : "Control", "L"];
-                app.cfg.general.keybindings.browse = [app.platform == "darwin" ? "Command" : "Control", "B"];
-                app.cfg.general.keybindings.recentAdd = [app.platform == "darwin" ? "Command" : "Control", "G"];
-                app.cfg.general.keybindings.songs = [app.platform == "darwin" ? "Command" : "Control", "J"];
-                app.cfg.general.keybindings.albums = [app.platform == "darwin" ? "Command" : "Control", "A"];
-                app.cfg.general.keybindings.artists = [app.platform == "darwin" ? "Command" : "Control", "D"];
-                app.cfg.general.keybindings.togglePrivateSession = [app.platform == "darwin" ? "Command" : "Control", "P"];
-                app.cfg.general.keybindings.webRemote = [app.platform == "darwin" ? "Command" : "Control",app.platform == "darwin" ? "Option" : (app.platform == "linux" ? "Shift" : "Alt"), "W"];
-                app.cfg.general.keybindings.audioSettings = [app.platform == "darwin" ? "Command" : "Control",app.platform == "darwin" ? "Option" : (app.platform == "linux" ? "Shift" : "Alt"), "A"];
-                app.cfg.general.keybindings.pluginMenu = [app.platform == "darwin" ? "Command" : "Control",app.platform == "darwin" ? "Option" : (app.platform == "linux" ? "Shift" : "Alt"), "P"];
-                app.cfg.general.keybindings.castToDevices = [app.platform == "darwin" ? "Command" : "Control",app.platform == "darwin" ? "Option" : (app.platform == "linux" ? "Shift" : "Alt"), "C"];
-                app.cfg.general.keybindings.settings = [app.platform == "darwin" ? "Command" : "Control", ","];
-                app.cfg.general.keybindings.zoomn = [app.platform == "darwin" ? "Command" : "Control", "numadd"];
-                app.cfg.general.keybindings.zoomt = [app.platform == "darwin" ? "Command" : "Control", "numsub"];
-                app.cfg.general.keybindings.zoomrst = [app.platform == "darwin" ? "Command" : "Control", "num0"];
-                app.cfg.general.keybindings.openDeveloperTools = [app.platform == "darwin" ? "Command" : "Control", app.platform == "darwin" ? "Option" : "Shift", "I"];
-                notyf.success(app.getLz('settings.notyf.general.keybindings.update.success'));
-                app.confirm(app.getLz("settings.prompt.general.keybindings.update.success"), (ok) => {
-                    if (ok) ipcRenderer.invoke("relaunchApp")
-                })
-            },
-            getLanguages: function () {
-                let langs = this.$root.lzListing
-                let categories = {
-                    "main": [],
-                    "fun": [],
-                    "unsorted": []
-                }
-                // sort by category if category is undefined or empty put it in "unsorted"
-                for (let i = 0; i < langs.length; i++) {
-                    if (langs[i].category === undefined || langs[i].category === "") {
-                        categories.unsorted.push(langs[i])
-                    } else {
-                        categories[langs[i].category].push(langs[i])
-                    }
-                }
-                // return
-                return categories
-            },
-        }
-    })
-</script> -->
\ No newline at end of file
diff --git a/src/renderer/views/pages/library-artists copy.ejs b/src/renderer/views/pages/library-artists copy.ejs
deleted file mode 100644
index f1871d04..00000000
--- a/src/renderer/views/pages/library-artists copy.ejs	
+++ /dev/null
@@ -1,49 +0,0 @@
-<div class="content-inner">
-    <div class="row">
-        <div class="col" style="padding:0;">
-            <h1 class="header-text">{{$root.getLz('term.artists')}}</h1>
-        </div>
-
-    </div>
-    <div class="row">
-        <div class="col" style="padding:0;">
-            <div class="search-input-container" style="width:100%;margin: 16px 0;">
-                <div class="search-input--icon"></div>
-                <input type="search" style="width:100%;" spellcheck="false" :placeholder="$root.getLz('term.search') + '...'" @input="searchLibraryArtists" v-model="library.artists.search" class="search-input">
-            </div>
-        </div>
-        <div class="col-auto flex-center">
-            <div class="row">
-                <!-- <div class="col">
-                        <select class="md-select" v-model="library.artists.sorting[1]" @change="searchLibraryArtists(1)">
-                            <optgroup label="Sort By">
-                                <option v-for="(sort, index) in library.artists.sortingOptions" :value="index">{{ sort }}</option>
-                            </optgroup>
-                        </select>
-                    </div> -->
-                <div class="col">
-                    <select class="md-select" v-model="library.artists.sortOrder[1]" @change="searchLibraryArtists(1)">
-                            <optgroup :label="$root.getLz('term.sortOrder')">
-                                <option value="asc">{{$root.getLz('term.sortOrder.ascending')}}</option>
-                                <option value="desc">{{$root.getLz('term.sortOrder.descending')}}</option>
-                            </optgroup>
-                        </select>
-                </div>
-                <!-- <div class="col">
-                        <select class="md-select" v-model="library.artists.viewAs">
-                            <optgroup label="View As">
-                                <option value="covers">Cover Art</option>
-                                <option value="list">List</option>
-                            </optgroup>
-                        </select>
-                    </div> -->
-            </div>
-        </div>
-    </div>
-    <div class="well">
-        <!-- <mediaitem-square v-if="library.artists.viewAs == 'covers'" :item="item" v-for="item in library.artists.displayListing">
-            </mediaitem-square> -->
-        <libraryartist-item :show-duration="false" :show-meta-data="true" :show-library-status="false" :item="item" v-for="item in library.artists.displayListing">
-        </libraryartist-item>
-    </div>
-</div>
\ No newline at end of file
diff --git a/src/renderer/views/pages/new/library-songs.ejs b/src/renderer/views/pages/new/library-songs.ejs
deleted file mode 100644
index a739868f..00000000
--- a/src/renderer/views/pages/new/library-songs.ejs
+++ /dev/null
@@ -1,16 +0,0 @@
-<script type="text/x-template" id="hello-world">
-    <div class="content-inner">
-
-    </div>
-</script>
-
-<script>
-    Vue.component('library-songs', {
-        template: '#library-songs',
-        methods: {
-            sayHello: function () {
-                alert('Hello world!');
-            }
-        }
-    });
-</script>
\ No newline at end of file
diff --git a/src/renderer/views/pages/plugins-github.ejs b/src/renderer/views/pages/plugins-github.ejs
deleted file mode 100644
index fb4d46d7..00000000
--- a/src/renderer/views/pages/plugins-github.ejs
+++ /dev/null
@@ -1,191 +0,0 @@
-//Not used for Now
-
-<!-- <script type="text/x-template" id="plugins-github">
-    <div class="github-themes-page">
-        <div class="gh-header">
-            <div class="row">
-                <div class="col nopadding">
-                    <h1 class="header-text">{{$root.getLz('settings.header.visual.plugin.github.page')}}</h1>
-                </div>
-                <div class="col-auto nopadding flex-center">
-                    <button class="md-btn md-btn-small md-btn-block" @click="installThemeURL()">
-                        {{$root.getLz('settings.option.visual.plugin.github.download')}}
-                    </button>
-                </div>
-            </div>
-        </div>
-        <div class="gh-content">
-            <div class="repos-list">
-                <ul class="list-group list-group-flush">
-                    <li @click="showRepo(repo)" class="list-group-item list-group-item-dark"
-                        :style="{'background': (repo.id == openRepo.id) ? 'var(--keyColor)' : ''}"
-                        v-for="repo in repos">
-                        <div class="row">
-                            <div class="col flex-center">
-                                <div>
-                                    <h4 class="repo-name">{{ (repo.description != null) ? repo.description : repo.full_name }}</h4>
-                                    <div>⭐ {{ repo.stargazers_count }}</div>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-
-            <div class="github-preview" v-if="openRepo.full_name">
-                <div class="gh-preview-header">
-                    <div class="row nopadding">
-                        <div class="col nopadding flex-center">
-                            <div>
-                                <h3 class="repo-preview-name">{{ openRepo.description }}</h3>
-                                <div>
-                                    <div class="svg-icon inline" :style="{'--url': 'url(\'./assets/github.svg\')'}"></div>
-                                    <a class="repo-url" target="_blank" :href="openRepo.html_url">{{ openRepo.full_name
-                                        }}</a></div>
-                                <div>⭐ {{ openRepo.stargazers_count }}</div>
-                            </div>
-                        </div>
-                        <div class="col-auto nopadding flex-center">
-                            <button class="md-btn md-btn-primary" @click="installThemeRepo(openRepo)">
-                                <span v-if="!themesInstalled.includes(openRepo.full_name)">{{$root.getLz('action.install')}}</span>
-                                <span v-else>{{$root.getLz('action.update')}}</span>
-                            </button>
-                        </div>
-                    </div>
-                </div>
-                <hr>
-                <div v-html="openRepo.readme" class="github-content"></div>
-            </div>
-            <div class="github-preview" v-else>
-
-            </div>
-            </transition>
-        </div>
-    </div>
-</script>
-<script>
-    Vue.component('plugins-github', {
-        template: "#plugins-github",
-        props: [],
-        data: function () {
-            return {
-                repos: [],
-                openRepo: {
-                    id: -1,
-                    name: '',
-                    description: '',
-                    html_url: '',
-                    stargazers_count: 0,
-                    owner: {
-                        avatar_url: ''
-                    },
-                    readme: ""
-                },
-                themesInstalled: []
-            }
-        },
-        mounted() {
-            this.getRepos();
-            // this.getInstalledThemes();
-        },
-        methods: {
-            getInstalledThemes() {
-                let self = this
-                const themes = ipcRenderer.sendSync("get-themes")
-                // for each theme, get the github_repo property and push it to the themesInstalled array, if not blank
-                themes.forEach(theme => {
-                    if (theme.github_repo !== "") {
-                        self.themesInstalled.push(theme.github_repo)
-                    }
-                })
-            },
-            showRepo(repo) {
-                const self = this
-                const readmeUrl = `https://raw.githubusercontent.com/${repo.full_name}/main/README.md`;
-                var requestOptions = {
-                    method: 'GET',
-                    redirect: 'follow'
-                };
-
-                fetch(readmeUrl, requestOptions)
-                    .then(response => response.text())
-                    .then(result => {
-                        self.openRepo = repo
-                        self.openRepo.readme = self.convertReadMe(result);
-                    })
-                    .catch(error => {
-                        self.openRepo = repo
-                        self.openRepo.readme = `This repository doesn't have a README.md file.`;
-                        console.log('error', error)
-                    });
-            },
-            convertReadMe(text) {
-                return marked.parse(text)
-            },
-            installThemeRepo(repo) {
-                let self = this
-                let msg = app.stringTemplateParser(app.getLz('settings.option.visual.plugin.github.install.confirm'), {
-                    repo: repo.full_name
-                });
-                app.confirm(msg, (res) => {
-                    if (res) {
-                        ipcRenderer.once("plugin-installed", (event, arg) => {
-                            if (arg.success) {
-                                self.themes = []
-                                notyf.success(app.getLz('settings.notyf.visual.plugin.install.success'));
-                                app.confirm(app.getLz("settings.prompt.visual.plugin.github.success"), (ok)=>{
-                                    if (ok) {
-                                        ipcRenderer.invoke("relaunchApp")
-                                    } else {
-                                        return
-                                    }
-                                })
-                            } else {
-                                notyf.error(app.getLz('settings.notyf.visual.plugin.install.error'));
-                            }
-                        });
-                        ipcRenderer.invoke("get-github-plugin", repo.html_url)
-                    }
-                })
-            },
-            installThemeURL() {
-                let self = this
-                app.prompt(app.getLz('settings.prompt.visual.plugin.github.URL'), (result) => {
-                    if (result) {
-                        ipcRenderer.once("plugin-installed", (event, arg) => {
-                            if (arg.success) {
-                                self.themes = ipcRenderer.sendSync("get-themes")
-                                app.confirm(app.getLz("settings.prompt.visual.plugin.github.success"), (ok)=>{
-                                    if (ok) {
-                                        ipcRenderer.invoke("relaunchApp")
-                                    } else {
-                                        return
-                                    }
-                                })
-                                notyf.success(app.getLz('settings.notyf.visual.plugin.install.success'));
-                            } else {
-                                notyf.error(app.getLz('settings.notyf.visual.plugin.install.error'));
-                            }
-                        });
-                        ipcRenderer.invoke("get-github-plugin", result)
-                    }
-                });
-            },
-            getRepos() {
-                let self = this
-                var requestOptions = {
-                    method: 'GET',
-                    redirect: 'follow'
-                };
-
-                fetch("https://api.github.com/search/repositories?q=topic:cidermusicplugin fork:true&per_page=100", requestOptions)
-                    .then(response => response.text())
-                    .then(result => {
-                        self.repos = JSON.parse(result).items
-                    })
-                    .catch(error => console.log('error', error));
-            }
-        }
-    })
-</script>
- -->
\ No newline at end of file
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
deleted file mode 100644
index e58f3216..00000000
--- a/src/renderer/views/pages/settings.ejs
+++ /dev/null
@@ -1,1334 +0,0 @@
-<script type="text/x-template" id="cider-settings">
-    <div class="content-inner settings-page">
-        <b-tabs pills fill content-class="mt-3" v-model="tabIndex">
-            <b-tab :title="$root.getLz('settings.header.general')" active>
-                <div class="md-option-container">
-                    <!-- General Settings -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.general')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('term.accountSettings')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="app.appRoute('apple-account-settings')">
-                                    {{$root.getLz('term.accountSettings')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('term.privateSession')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="$root.cfg.general.privateEnabled"
-                                           v-on:change="$root.mk.privateEnabled = $root.cfg.general.privateEnabled"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.platform !== 'linux'">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.window.openOnStartup')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.general.onStartup.enabled" switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.cfg.general.onStartup.enabled">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.window.openOnStartup.hidden')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.general.onStartup.hidden" switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.general.resumebehavior')}}<br>
-                                <small>
-                                    {{$root.getLz('settings.option.general.resumebehavior.description')}}<br>
-                                    <b>{{$root.getLz('settings.option.general.resumebehavior.locally')}}: </b>
-                                    {{$root.getLz('settings.option.general.resumebehavior.locally.description')}}<br>
-                                    <b>{{$root.getLz('settings.option.general.resumebehavior.history')}}: </b>
-                                    {{$root.getLz('settings.option.general.resumebehavior.history.description')}}
-                                </small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" style="width:180px;"
-                                            v-model="$root.cfg.general.resumeOnStartupBehavior">
-                                        <option value="disabled">{{$root.getLz('term.disabled')}}</option>
-                                        <option value="local">
-                                            {{$root.getLz('settings.option.general.resumebehavior.locally')}}
-                                        </option>
-                                        <option value="history">
-                                            {{$root.getLz('settings.option.general.resumebehavior.history')}}
-                                        </option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.general.resumetabs')}}<br>
-                                <small>
-                                    {{$root.getLz('settings.option.general.resumetabs.description')}}<br>
-                                    <b>{{$root.getLz('settings.option.general.resumetabs.dynamic')}}: </b>
-                                    {{$root.getLz('settings.option.general.resumetabs.dynamic.description')}}
-                                </small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" style="width:180px;"
-                                            v-model="$root.cfg.general.resumeTabs.tab">
-                                        <option value="dynamic">
-                                            {{$root.getLz('settings.option.general.resumetabs.dynamic')}}
-                                        </option>
-                                        <option value="home">{{$root.getLz('home.title')}}</option>
-                                        <option value="listen_now">{{$root.getLz('term.listenNow')}}</option>
-                                        <option value="browse">{{$root.getLz('term.browse')}}</option>
-                                        <option value="radio">{{$root.getLz('term.radio')}}</option>
-                                        <option value="library-recentlyadded">{{$root.getLz('term.recentlyAdded')}}</option>
-                                        <option value="library-songs">{{$root.getLz('term.songs')}}</option>
-                                        <option value="library-albums">{{$root.getLz('term.albums')}}</option>
-                                        <option value="library-artists">{{$root.getLz('term.artists')}}</option>
-                                        <option value="library-videos">{{$root.getLz('term.videos')}}</option>
-                                        <option value="podcasts">{{$root.getLz('term.podcasts')}}</option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.general.customizeSidebar')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" v-b-modal.modal-1>
-                                    {{$root.getLz('settings.option.general.customizeSidebar.customize')}}
-                                </button>
-                            </div>
-                            <b-modal id="modal-1" centered size="lg"
-                                     :title="$root.getLz('settings.option.general.customizeSidebar')">
-                                <div class="settings-option-body">
-                                    <div class="md-option-line">
-                                        <div class="md-option-segment">
-                                            {{ $root.getLz('term.recentlyAdded') }}
-                                        </div>
-                                        <div class="md-option-segment md-option-segment_auto">
-                                            <label>
-                                                <input type="checkbox"
-                                                       v-model="app.cfg.general.sidebarItems.recentlyAdded"
-                                                       switch/>
-                                            </label>
-                                        </div>
-                                    </div>
-                                    <div class="md-option-line">
-                                        <div class="md-option-segment">
-                                            {{ $root.getLz('term.songs') }}
-                                        </div>
-                                        <div class="md-option-segment md-option-segment_auto">
-                                            <label>
-                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.songs"
-                                                       switch/>
-                                            </label>
-                                        </div>
-                                    </div>
-                                    <div class="md-option-line">
-                                        <div class="md-option-segment">
-                                            {{ $root.getLz('term.albums') }}
-                                        </div>
-                                        <div class="md-option-segment md-option-segment_auto">
-                                            <label>
-                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.albums"
-                                                       switch/>
-                                            </label>
-                                        </div>
-                                    </div>
-                                    <div class="md-option-line">
-                                        <div class="md-option-segment">
-                                            {{ $root.getLz('term.artists') }}
-                                        </div>
-                                        <div class="md-option-segment md-option-segment_auto">
-                                            <label>
-                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.artists"
-                                                       switch/>
-                                            </label>
-                                        </div>
-                                    </div>
-                                    <div class="md-option-line">
-                                        <div class="md-option-segment">
-                                            {{ $root.getLz('term.videos') }}
-                                        </div>
-                                        <div class="md-option-segment md-option-segment_auto">
-                                            <label>
-                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.videos"
-                                                       switch/>
-                                            </label>
-                                        </div>
-                                    </div>
-                                    <div class="md-option-line">
-                                        <div class="md-option-segment">
-                                            {{ $root.getLz('term.podcasts') }}
-                                        </div>
-                                        <div class="md-option-segment md-option-segment_auto">
-                                            <label>
-                                                <input type="checkbox" v-model="app.cfg.general.sidebarItems.podcasts"
-                                                       switch/>
-                                            </label>
-                                        </div>
-                                    </div>
-                                </div>
-                            </b-modal>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.general.keybindings')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="app.appRoute('keybinds-settings')" >
-                                    {{$root.getLz('action.open')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.general.themeUpdateNotification')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.general.themeUpdateNotification"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.general.showLovedTracksInline')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.general.showLovedTracksInline"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{'Local files path'}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="openLocalSongsPathMenu">
-                                    {{'Edit Paths'}}
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </b-tab>
-            <b-tab :title="$root.getLz('settings.header.audio')">
-                <div class="md-option-container">
-                    <!-- Audio Settings -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.audio')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.audio.quality')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" style="width:180px;" v-model="app.cfg.audio.quality"
-                                            v-on:change="changeAudioQuality">
-                                        <!-- // <option value="">{{$root.getLz('settings.header.audio.quality.hireslossless')}}</option> -->
-                                        <!-- <option value="">{{$root.getLz('settings.header.audio.quality.lossless')}}</option> -->
-                                        <option value="HIGH">{{$root.getLz('settings.header.audio.quality.high')}}
-                                            ({{$root.getLz('settings.header.audio.quality.high.description')}})
-                                        </option>
-                                        <option value="STANDARD">
-                                            {{$root.getLz('settings.header.audio.quality.standard')}}
-                                            ({{$root.getLz('settings.header.audio.quality.standard.description')}})
-                                        </option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('term.audioControls')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" onclick="app.modals.audioControls = true">
-                                    {{$root.getLz('term.audioControls')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.audio.changePlaybackRate')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" onclick="app.modals.audioPlaybackRate = true">
-                                    {{$root.getLz('settings.option.audio.playbackRate.change')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.audio.seamlessTransition')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.audio.seamless_audio"
-                                           v-on:change="app.mk._bag.features['seamless-audio-transitions'] = app.cfg.audio.seamless_audio"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.audio.enableAdvancedFunctionality')}}
-                                <br>
-                                <small>{{$root.getLz('settings.option.audio.enableAdvancedFunctionality.description')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.advanced.AudioContext"
-                                           v-on:change="toggleAudioContext" :disabled="app.cfg.advanced.AudioContext === true"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.audio.audioLab')}}
-                                <br>
-                                <small>{{$root.getLz('settings.option.audio.audioLab.description')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" onclick="app.appRoute('audiolabs')">
-                                    {{$root.getLz('term.browse')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
-                            <div class="md-option-segment">
-                                {{$root.getLz('term.equalizer')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" onclick="app.modals.equalizer = true">
-                                    {{$root.getLz('term.equalizer')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.cfg.advanced.AudioContext">
-                            <div class="md-option-segment" style="white-space: pre-line;">
-                                {{$root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization')}}
-                                <small>{{app.cfg.audio.equalizer.vibrantBass != 0 || app.cfg.audio.maikiwiAudio.spatial
-                                    === true || app.cfg.audio.maikiwiAudio.ciderPPE === true ?
-                                    `${$root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.description')}\n${$root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.disabled')}`
-                                    :
-                                    $root.getLz('settings.option.audio.enableAdvancedFunctionality.audioNormalization.description')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.audio.normalization"
-                                           v-on:change="toggleNormalization"
-                                           :disabled="app.cfg.audio.maikiwiAudio.spatial === true || app.cfg.audio.maikiwiAudio.ciderPPE === true || app.cfg.audio.maikiwiAudio.atmosphereRealizer1 === true || app.cfg.audio.maikiwiAudio.atmosphereRealizer2 === true"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line"
-                             v-show="app.cfg.advanced.AudioContext && app.cfg.audio.normalization && app.cfg.audio.advanced">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.audio.dbspl.display')}}
-                                <br>
-                                <small>{{$root.getLz('settings.option.audio.dbspl.description')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.audio.dBSPL" switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.cfg.audio.dBSPL">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.audio.dbfs.calibration')}}
-                                <br>
-                                <small>{{$root.getLz('settings.option.audio.dbfs.description')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="number" v-model="app.cfg.audio.dBSPLcalibration"/>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </b-tab>
-            <b-tab :title="$root.getLz('settings.header.visual')">
-                <div class="md-option-container">
-                    <!-- Visual Settings -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.visual')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.header.visual.theme')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn md-btn-block" @click="$root.appRoute('installed-themes')">
-                                    {{$root.getLz('settings.option.visual.theme.manageStyles')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz("settings.option.visual.windowStyle")}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" v-model="$root.cfg.visual.directives.windowLayout">
-                                        <option value="default">Maverick</option>
-                                        <option value="twopanel">Mojave</option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.windowBackgroundStyle')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" @change="windowBgStyleChange"
-                                            v-model="app.cfg.visual.window_background_style">
-                                        <option value="none">
-                                            {{$root.getLz('settings.header.visual.windowBackgroundStyle.none')}}
-                                        </option>
-                                        <option value="artwork">
-                                            {{$root.getLz('settings.header.visual.windowBackgroundStyle.artwork')}}
-                                        </option>
-                                        <option value="image">
-                                            {{$root.getLz('settings.header.visual.windowBackgroundStyle.image')}}
-                                        </option>
-                                        <option value="color">
-                                            {{$root.getLz('settings.header.visual.windowBackgroundStyle.color')}}
-                                        </option>
-                                        <option v-if="$root.platform == 'win32'" value="mica">
-                                            Mica (Beta)
-                                        </option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line child" v-if="app.cfg.visual.window_background_style == 'color'">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.windowColor')}}
-                            </div>
-                            <div class="md-option-segment_auto">
-                                <input type="color" v-model="app.cfg.visual.windowColor"/>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.customAccentColor')}}
-                            </div>
-                            <div class="md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.visual.customAccentColor" :disabled="app.cfg.visual.purplePodcastPlaybackBar" switch/>
-                            </div>
-                        </div>
-                        <div class="md-option-line child" v-if="app.cfg.visual.customAccentColor">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.accentColor')}}
-                            </div>
-                            <div class="md-option-segment_auto">
-                                <input type="color" v-model="app.cfg.visual.accentColor"/>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.purplePodcastPlaybackBar')}}
-                            </div>
-                            <div class="md-option-segment_auto">
-                                <input type="checkbox" v-model="app.cfg.visual.purplePodcastPlaybackBar" :disabled="app.cfg.visual.customAccentColor" switch/>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.hardwareAcceleration')}}<br>
-                                <small>({{$root.getLz('settings.option.visual.hardwareAcceleration.description')}})</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" style="width:180px;"
-                                            v-model="app.cfg.visual.hw_acceleration" @change="promptForRelaunch()">
-                                        <option value="default">
-                                            {{$root.getLz('settings.header.visual.hardwareAcceleration.default')}}
-                                        </option>
-                                        <option value="webgpu">
-                                            {{$root.getLz('settings.header.visual.hardwareAcceleration.webGPU')}}
-                                        </option>
-                                        <option value="disabled">{{$root.getLz('term.disabled')}}</option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.showPersonalInfo')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.visual.showuserinfo"
-                                           v-on:change="toggleUserInfo"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- Window Settings -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.window')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-                        <div class="md-option-line" v-show="app.platform !== 'darwin'">
-                            <div class="md-option-segment">
-                                {{$root.getLz("settings.option.window.close_button_hide")}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.general.close_button_hide" switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.platform !== 'darwin'">
-                            <div class="md-option-segment">
-                                {{$root.getLz("settings.option.window.useNativeTitleBar")}}<br>
-                                <small>({{$root.getLz("settings.option.visual.hardwareAcceleration.description")}})</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.visual.nativeTitleBar" switch
-                                           @change="promptForRelaunch()"/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.platform !== 'darwin'">
-                            <div class="md-option-segment">
-                                {{$root.getLz("settings.option.window.windowControlStyle")}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" v-model="app.cfg.visual.windowControlPosition">
-                                        <option value="0">
-                                            {{$root.getLz("settings.option.window.windowControlStyle.right")}}
-                                        </option>
-                                        <option value="1">
-                                            {{$root.getLz("settings.option.window.windowControlStyle.left")}}
-                                        </option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                    <!-- Advanced Visual -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.advanced')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.animatedArtwork')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" v-model="app.cfg.visual.animated_artwork">
-                                        <option value="always">
-                                            {{$root.getLz('settings.header.visual.animatedArtwork.always')}}
-                                        </option>
-                                        <option value="limited">
-                                            {{$root.getLz('settings.header.visual.animatedArtwork.limited')}}
-                                        </option>
-                                        <option value="disabled">
-                                            {{$root.getLz('settings.header.visual.animatedArtwork.disable')}}
-                                        </option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line"
-                             v-if="app.cfg.visual.animated_artwork == 'always' || app.cfg.visual.animated_artwork == 'limited'">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.animatedArtworkQuality')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" v-model="app.cfg.visual.animated_artwork_qualityLevel">
-                                        <option value="0">
-                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.low')}}
-                                        </option>
-                                        <option value="1">
-                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.medium')}}
-                                        </option>
-                                        <option value="2">
-                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.high')}}
-                                        </option>
-                                        <option value="3">
-                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.veryHigh')}}
-                                        </option>
-                                        <option value="4">
-                                            {{$root.getLz('settings.header.visual.animatedArtworkQuality.extreme')}}
-                                        </option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.animatedWindowBackground')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" switch v-model="app.cfg.visual.bg_artwork_rotation"/>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </b-tab>
-            <b-tab :title="$root.getLz('settings.header.lyrics')">
-                <div class="md-option-container">
-                    <!-- Lyric Settings -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.lyrics')}}</span>
-                    </div>
-                    <div class="settings-option-body">              
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.lyrics.enableMusixmatch')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.lyrics.enable_mxm" switch />
-                                </label>              
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-line" v-if="app.cfg.lyrics.enable_mxm">
-                                <div class="md-option-segment">
-                                    {{$root.getLz('settings.option.lyrics.enableMusixmatchKaraoke')}}
-                                </div>
-                                <div class="md-option-segment md-option-segment_auto">
-                                    <label>
-                                        <input type="checkbox" v-model="app.cfg.lyrics.mxm_karaoke" switch/>
-                                    </label>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.lyrics.musixmatchPreferredLanguage')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" v-model="app.cfg.lyrics.mxm_language">
-                                        <option value='disabled'>Disabled</option>
-                                        <option value='afrikaans'>Afrikaans</option>
-                                        <option value='albanian'>Albanian</option>
-                                        <option value='arab'>Arabic</option>
-                                        <option value='armenian'>Armenian</option>                                    
-                                        <option value='azerbaijani'>Azerbaijani</option>
-                                        <option value='bengali'>Bengali</option>
-                                        <option value='bosnian'>Bosnian</option>
-                                        <option value='bulgarian'>Bulgarian</option>   
-                                        <option value='simplified chinese'>Chinese (Simplified)</option>
-                                        <option value='traditional chinese'>Chinese (Traditional)</option>                      
-                                        <option value='croatian'>Croatian</option>
-                                        <option value='czech'>Czech</option>
-                                        <option value='danish'>Danish</option>                     
-                                        <option value='estonian'>Estonian</option>
-                                        <option value='english'>English</option>
-                                        <option value='farsi'>Farsi</option>
-                                        <option value='filipino'>Filipino</option>
-                                        <option value='french'>French</option>
-                                        <option value='georgian'>Georgian</option>
-                                        <option value='german'>German</option>
-                                        <option value='greek'>Greek</option>
-                                        <option value='gujarati'>Gujarati</option>
-                                        <option value='haitian-creole'>Haitian-Creole</option>
-                                        <option value='hebrew'>Hebrew</option>
-                                        <option value='hindi'>Hindi</option>
-                                        <option value='hungarian'>Hungarian</option>
-                                        <option value='icelandic'>Icelandic</option>
-                                        <option value='italian'>Italian</option>
-                                        <option value='japanese'>Japanese</option>
-                                        <option value='japanese-romaji'>Romanized Japanese</option>
-                                        <option value='kannada'>Kannada</option>
-                                        <option value='kazakh'>Kazakh</option>
-                                        <option value='korean-romaji'>Romanized Korean</option>
-                                        <option value='lao'>Lao</option>
-                                        <option value='latvian'>Latvian</option>
-                                        <option value='lithuanian'>Lithuanian</option>
-                                        <option value='macedonian'>Macedonian</option>
-                                        <option value='malay'>Malay</option>
-                                        <option value='malayalam'>Malayalam</option>
-                                        <option value='mongolian'>Mongolian</option>
-                                        <option value='nepali'>Nepali</option>
-                                        <option value='norwegian'>Norwegian</option>
-                                        <option value='panjabi'>Panjabi</option>
-                                        <option value='polish'>Polish</option>
-                                        <option value='portuguese'>Portuguese</option>
-                                        <option value='romanian'>Romanian</option>
-                                        <option value='russian'>Russian</option>
-                                        <option value='serbian'>Serbian</option>
-                                        <option value='slovak'>Slovak</option>
-                                        <option value='slovenian'>Slovenian</option>
-                                        <option value='spanish'>Spanish</option>
-                                        <option value='suomi'>Suomi</option>
-                                        <option value='swedish'>Swedish</option>
-                                        <option value='tamil'>Tamil</option>
-                                        <option value='telugu'>Telugu</option>
-                                        <option value='turkish'>Turkish</option>
-                                        <option value='ukrainian'>Ukrainian</option>
-                                        <option value='urdu'>Urdu</option>
-                                        <option value='uzbek'>Uzbek</option>
-                                        <option value='vietnamese'>Vietnamese</option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.lyrics.enableYoutubeLyrics')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.lyrics.enable_yt" switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.lyrics.enableQQLyrics')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.lyrics.enable_qq" switch/>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </b-tab>
-            <b-tab :title="$root.getLz('settings.header.connectivity')">
-                <div class="md-option-container">
-                    <!-- Connectivity Settings -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.connectivity')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.playbackNotifications')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.general.playbackNotifications" switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <!-- DiscordRPC -->
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.discordRPC')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.connectivity.discord_rpc.enabled" switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line" v-show="app.cfg.connectivity.discord_rpc.enabled != false">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.discordRPC.clientName')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" v-model="app.cfg.connectivity.discord_rpc.client">
-                                        <option value="Cider">{{$root.getLz('app.name')}}</option>
-                                        <option value="AppleMusic">{{$root.getLz('term.appleMusic')}}
-                                        </option>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line" v-show="app.cfg.connectivity.discord_rpc.enabled != false">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.discordRPC.clearOnPause')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.connectivity.discord_rpc.clear_on_pause" switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line" v-show="app.cfg.connectivity.discord_rpc.enabled != false">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.discordRPC.hideButtons')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.connectivity.discord_rpc.hide_buttons" switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line" v-show="app.cfg.connectivity.discord_rpc.enabled != false">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.discordRPC.hideTimestamp')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.connectivity.discord_rpc.hide_timestamp" switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line" v-show="app.cfg.connectivity.discord_rpc.enabled != false">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.discordRPC.detailsFormat')}}<br/>
-                                <small>{{$root.getLz('term.variables')}}: {artist}, {composer}, {title}, {album},
-                                    {trackNumber}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="text" v-model="app.cfg.connectivity.discord_rpc.details_format"/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line" v-show="app.cfg.connectivity.discord_rpc.enabled != false">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.discordRPC.stateFormat')}}
-                                <small>{{$root.getLz('term.variables')}}: {artist}, {composer}, {title}, {album},
-                                    {trackNumber}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="text" v-model="app.cfg.connectivity.discord_rpc.state_format"/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line" v-show="app.cfg.connectivity.discord_rpc.enabled != false">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.discordRPC.reload')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="reloadDiscordRPC()">
-                                    {{$root.getLz('menubar.options.reload')}}
-                                </button>
-                            </div>
-                        </div>
-
-                        <!-- LastFM -->
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.lastfmScrobble')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" id="lfmConnect" @click="app.cfg.connectivity.lastfm.enabled ? lfmDisconnect() : lfmAuthorize()">
-                                    {{$root.getLz(`term.${$root.cfg.connectivity.lastfm.enabled ? "disconnect" : "connect"}`)}}<br>
-                                    <small>{{app.cfg.connectivity.lastfm.enabled ? `${$root.getLz('term.authed')}: ${$root.cfg.connectivity.lastfm.secrets.username}` : '' }}</small>
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.cfg.connectivity.lastfm.enabled">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.lastfmScrobble.delay')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="number" min="50" max="100" v-model="app.cfg.connectivity.lastfm.scrobble_after"/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.cfg.connectivity.lastfm.enabled">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.lastfmScrobble.filterLoop')}}
-                                <small>{{$root.getLz('settings.option.connectivity.lastfmScrobble.filterLoop.description')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.connectivity.lastfm.filter_loop" switch/>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line" v-show="app.cfg.connectivity.lastfm.enabled">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connectivity.lastfmScrobble.filterTypes')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" @change="filterChange" value="song">{{$root.getLz('term.songs')}}<br>
-                                    <input type="checkbox" @change="filterChange" value="musicVideo">{{$root.getLz('term.musicVideos')}}<br>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </b-tab>
-            <b-tab :title="$root.getLz('settings.header.advanced')">
-                <div class="md-option-container">
-                    <!-- Debug Settings -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.debug')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.debug.copy_log')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="copyLogs">
-                                    {{$root.getLz('action.copy')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.debug.openAppData')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="openAppData">
-                                    {{$root.getLz('action.open')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                Performant Logging
-                                <small>Disables debug logging, resulting in a slightly faster Cider. (Requires relaunch)</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.advanced.disableLogging" switch/>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Experimental Settings -->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.experimental')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.plugin.github.explore')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="$root.appRoute('plugins-github')">{{
-                                    $root.getLz("settings.option.visual.plugin.github.explore") }}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.experimental.reinstallwidevine')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" @click="reinstallWidevineCDM">
-                                    {{$root.getLz('settings.option.experimental.reinstallwidevine')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.experimental.unknownPlugin')}}
-                                <br>
-                                <small>{{$root.getLz('settings.option.experimental.unknownPlugin.description')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox"
-                                           v-model="app.cfg.advanced.experiments.includes('unknown-sources')"
-                                           @click="app.cfg.advanced.experiments.includes('unknown-sources') ? removeExperiment('unknown-sources') : addExperiment('unknown-sources')"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                Use MusicKit V3
-                                <small>Requires relaunch</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.advanced.experiments.includes('ampv3')"
-                                           @click="app.cfg.advanced.experiments.includes('ampv3') ? removeExperiment('ampv3') : addExperiment('ampv3')"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.advanced.playlistTrackMapping')}}
-                                <br>
-                                <small>{{$root.getLz('settings.option.advanced.playlistTrackMapping.description')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.advanced.playlistTrackMapping" switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.experimental.compactUI')}}
-                                <small v-if="!!app.getThemeDirective('forceUI')">{{$root.getLz('term.themeManaged')}}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.advanced.experiments.includes('compactui')"
-                                           @click="app.cfg.advanced.experiments.includes('compactui') ? removeExperiment('compactui') : addExperiment('compactui')"
-                                           switch :disabled="!!app.getThemeDirective('forceUI')"/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.experimental.inline_playlists')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" disabled
-                                           v-model="app.cfg.advanced.experiments.includes('inline-playlists')"
-                                           @click="app.cfg.advanced.experiments.includes('inline-playlists') ? removeExperiment('inline-playlists') : addExperiment('inline-playlists')"
-                                           switch/>
-                                </label>
-                            </div>
-                        </div>
-
-                        <div class="md-option-line">
-                            <div class="md-option-segment">
-                                {{$root.getLz('term.language')}}
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <select class="md-select" @change="$root.setLz('');$root.setLzManual()"
-                                            v-model="app.cfg.general.language">
-                                        <optgroup :label="index" v-for="(categories, index) in getLanguages()">
-                                            <option v-for="lang in categories" :value="lang.code">{{lang.nameNative}}
-                                                ({{
-                                                lang.nameEnglish }})
-                                            </option>
-                                        </optgroup>
-                                    </select>
-                                </label>
-                            </div>
-                        </div>
-                        <div class="md-option-line update-check" v-if="app.platform === 'win32'">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.visual.transparent')}}<br>
-                                <small>({{$root.getLz('settings.option.visual.transparent.description')}})</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <label>
-                                    <input type="checkbox" v-model="app.cfg.visual.transparent" switch
-                                           @change="promptForRelaunch()"/>
-                                </label>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </b-tab>
-            <!-- Connect Settings -->
-            <!-- Not Prod Ready
-            <b-tab :title="$root.getLz('settings.header.connect')">
-                <div class="md-option-container">
-                    <!!!!!-- Cider Connect / Linking Settings -!->
-                    <div class="md-option-header">
-                        <span>{{$root.getLz('settings.header.connect')}}</span>
-                    </div>
-                    <div class="settings-option-body">
-                        <div class="md-option-line update-check" v-if="app.cfg.connectUser.auth == null">
-                            <div class="md-option-segment">
-                                {{$root.getLz('settings.option.connect.link_account')}}
-                                <small>{{$root.getLz('settings.option.connect.link_account.description')}}</small>
-                                <br>
-                                <small>Debug Status: {{ app.cfg.connectUser }}</small>
-                            </div>
-                            <div class="md-option-segment md-option-segment_auto">
-                                <button class="md-btn" id='settings.option.general.updateCider.check' @click="authCC()">
-                                    {{$root.getLz('term.connect')}}
-                                </button>
-                            </div>
-                        </div>
-                        <div v-if="app.cfg.connectUser.auth != null">
-                            <div class="md-option-line">
-                                <div class="md-option-segment">
-                                    {{$root.getLz('settings.option.connect.link_account')}}
-                                    <small>{{$root.getLz('settings.option.connect.link_account.description')}}</small>
-                                    <br>
-                                </div>
-                                <div class="md-option-segment md-option-segment_auto">
-                                    <button class="md-btn" id='settings.option.general.updateCider.check'
-                                            @click="logoutCC()" style="display: flex;align-items: center;gap: 0.4em;">
-                                        <%- include("../svg/check.svg") %>
-                                        <div v>Connected</div>
-                                    </button>
-                                </div>
-                            </div>
-                            <div class="md-option-header" style="margin-left: -0.55em;">
-                                <span>{{app.cfg.connectUser.username}}</span>
-                                <img :src="'https://cdn.discordapp.com/avatars/' + app.cfg.connectUser.id + '/' + app.cfg.connectUser.avatar + '.png?size=32'"
-                                     alt="Discord Avatar"></img>
-                            </div>
-
-                            <div class="md-option-line">
-                                <div class="md-option-segment">
-                                    Sync Settings
-                                </div>
-                                <div class="md-option-segment md-option-segment_auto">
-                                    <label>
-                                        <input type="checkbox" a-v-model="app.cfg.connectUser.sync.settings"
-                                               @click="app.cfg.connectUser.sync.settings = !app.cfg.connectUser.sync.settings"
-                                               switch/>
-                                    </label>
-                                </div>
-                            </div>
-
-                            <div class="md-option-line">
-                                <div class="md-option-segment">
-                                    Sync Themes
-                                </div>
-                                <div class="md-option-segment md-option-segment_auto">
-                                    <label>
-                                        <input type="checkbox" disabled a-v-model="app.cfg.connectUser.sync.themes"
-                                               @click="app.cfg.connectUser.sync.themes = !app.cfg.connectUser.sync.themes"
-                                               switch/>
-                                    </label>
-                                </div>
-                            </div>
-
-                            <div class="md-option-line">
-                                <div class="md-option-segment">
-                                    Sync Plugins
-                                </div>
-                                <div class="md-option-segment md-option-segment_auto">
-                                    <label>
-                                        <input type="checkbox" disabled a-v-model="app.cfg.connectUser.sync.plugins"
-                                               @click="app.cfg.connectUser.sync.plugins = !app.cfg.connectUser.sync.plugins"
-                                               switch/>
-                                    </label>
-                                </div>
-                            </div>
-
-                        </div>
-                    </div>
-                </div>
-            </b-tab>
-            -->
-        </b-tabs>
-    </div>
-</script>
-
-<script>
-    Vue.component('cider-settings', {
-        template: "#cider-settings",
-        props: [],
-        data: function () {
-            return {
-                app: this.$root,
-                themes: ipcRenderer.sendSync("get-themes"),
-                tabIndex: 0,
-                canChangeHash: false
-            }
-        }, watch: {
-            tabIndex: function (val) {
-                if (this.canChangeHash) {
-                    // window.location.hash = `#settings/${val}`
-                }
-            }
-        },
-        mounted: function () {
-            this.$nextTick(function () {
-                if (window.location.hash.split("/").length > 1) {
-                    this.tabIndex = parseInt(window.location.hash.split("/")[1])
-                    console.debug("tabIndex", this.tabIndex)
-                    this.canChangeHash = true
-                } else {
-                    this.canChangeHash = true
-                }
-            })
-        },
-        methods: {
-            windowBgStyleChange() {
-                this.$root.getNowPlayingArtworkBG(undefined, true)
-                if (this.$root.cfg.visual.window_background_style === "mica") {
-                    this.$root.spawnMica()
-                }
-            },
-            reinstallWidevineCDM() {
-                app.confirm(app.getLz("settings.option.experimental.reinstallwidevine.confirm"), (ok) => {
-                    if (ok) {
-                        ipcRenderer.invoke("reinstall-widevine-cdm");
-                    }
-                })
-            },
-            gitHubExplore() {
-                app.appRoute("themes-github")
-            },
-            copyLogs() {
-                ipcRenderer.send('fetch-log')
-                notyf.success(app.getLz('term.share.success'));
-            },
-            openAppData() {
-                ipcRenderer.send('open-appdata')
-            },
-            getLanguages: function () {
-                let langs = this.$root.lzListing
-                let categories = {
-                    "main": [],
-                    "fun": [],
-                    "unsorted": []
-                }
-                // sort by category if category is undefined or empty put it in "unsorted"
-                for (let i = 0; i < langs.length; i++) {
-                    if (langs[i].category === undefined || langs[i].category === "") {
-                        categories.unsorted.push(langs[i])
-                    } else {
-                        categories[langs[i].category].push(langs[i])
-                    }
-                }
-                // return
-                return categories
-            },
-            addExperiment(flag) {
-                app.cfg.advanced.experiments.push(flag);
-            },
-            removeExperiment(flag) {
-                app.cfg.advanced.experiments.splice(app.cfg.advanced.experiments.indexOf(flag), 1);
-            },
-            toggleAudioContext: function () {
-                if (app.cfg.advanced.AudioContext === true) {
-                    if (navigator.hardwareConcurrency < 6) {
-                        app.confirm(app.getLz("settings.warn.audio.enableAdvancedFunctionality.lowcores"), function (result) {
-                            if (result) {
-                                CiderAudio.init();
-                                if (app.cfg.audio.normalization === true) {
-                                    CiderAudio.normalizerOn()
-                                }
-                            }
-                        })
-                    } else {
-                        CiderAudio.init();
-                        if (app.cfg.audio.normalization === true) {
-                            CiderAudio.normalizerOn()
-                        }
-                    }
-                } else {
-                    CiderAudio.off();
-                }
-            },
-            toggleNormalization: function () {
-                if (app.cfg.audio.normalization) {
-                    CiderAudio.normalizerOn()
-                } else {
-                    CiderAudio.normalizerOff()
-                }
-            },
-            changeAudioQuality: function () {
-                app.mk.bitrate = MusicKit.PlaybackBitrate[app.cfg.audio.quality];
-            },
-            toggleUserInfo: function () {
-                app.chrome.hideUserInfo = !app.cfg.visual.showuserinfo
-            },
-            sendDataToMTT: function () {
-                ipcRenderer.invoke('setStoreValue', 'general.close_behavior', app.cfg.general.close_behavior);
-                //  setStoreValue does not change plugin store values somehow
-                ipcRenderer.invoke('update-store-mtt', app.cfg.general.close_behavior);
-            },
-            checkIfUpdateDisabled() {
-                if (app.cfg.main.UPDATABLE) return;
-
-                let updateFields = document.getElementsByClassName('update-check');
-                for (let i = 0; i < updateFields.length; i++) {
-                    updateFields[i].style = "opacity: 0.5; pointer-events: none;";
-                    updateFields[i].title = "Not available on this type of build";
-                }
-
-            },
-            promptForRelaunch() {
-                app.confirm(app.getLz('action.relaunch.confirm'), function (result) {
-                    if (result) {
-                        ipcRenderer.send('relaunchApp', '');
-                    }
-                });
-            },
-            authCC() {
-                ipcRenderer.send('cc-auth')
-            },
-            logoutCC() {
-                ipcRenderer.send('cc-logout')
-            },
-            reloadDiscordRPC() {
-                ipcRenderer.send('reloadRPC')
-            },
-	        lfmDisconnect() {
-				this.$root.cfg.connectivity.lastfm.enabled = false;
-				this.$root.cfg.connectivity.lastfm.secrets.username = "";
-				this.$root.cfg.connectivity.lastfm.secrets.key = "";
-				ipcRenderer.send('lastfm:disconnect');
-	        },
-	        async lfmAuthorize() {
-		        window.open(await ipcRenderer.invoke('lastfm:url'));
-		        app.notyf.success(app.getLz('settings.notyf.connectivity.lastfmScrobble.connecting'));
-
-		        /* Just a timeout for the button */
-		        setTimeout(() => {
-			        if (document.getElementById('lfmConnect').innerText === app.getLz('term.connecting') + '...') {
-						app.notyf.error(app.getLz('settings.notyf.connectivity.lastfmScrobble.connectError'));
-				        console.warn('[lastfm:authorize] Last.fm authorization timed out.');
-			        }
-		        }, 20000);
-
-		        ipcRenderer.once('lastfm:authenticated', (_e, session) => {
-			        this.$root.cfg.connectivity.lastfm.secrets.username = session.username
-			        this.$root.cfg.connectivity.lastfm.secrets.key = session.key
-			        this.$root.cfg.connectivity.lastfm.enabled = true
-			        app.notyf.success(app.getLz('settings.notyf.connectivity.lastfmScrobble.connectSuccess'));
-		        })
-
-	        },
-	        filterChange(e) {
-                this.$root.cfg.connectivity.lastfm.filter_types[e.target.value] = e.target.checked;
-            },    
-            openLocalSongsPathMenu() {
-                app.modals.pathMenu = true
-            }
-        }
-    })
-</script>
\ No newline at end of file
diff --git a/src/smth.json b/src/smth.json
new file mode 100644
index 00000000..b84b517a
--- /dev/null
+++ b/src/smth.json
@@ -0,0 +1,557 @@
+{
+    "CookieSPAEnabled": false,
+    "MultiVariantTestingEnabled": false,
+    "UseV2": true,
+    "MobileSDK": false,
+    "SkipGeolocation": false,
+    "ScriptType": "PRODUCTION",
+    "Version": "6.26.0",
+    "OptanonDataJSON": "50da44be-0564-43df-b139-329aedcf267b",
+    "GeolocationUrl": "https://geolocation.onetrust.com/cookieconsentpub/v1/geo/location",
+    "BulkDomainCheckUrl": "https://cookies-data.onetrust.io/bannersdk/v1/domaingroupcheck",
+    "RuleSet": [
+        {
+            "Id": "fb7c8fa7-d912-4e6b-a0ef-181d7466bd99",
+            "Name": "Standard Notice Banner",
+            "Countries": [
+                "ps",
+                "hk",
+                "pw",
+                "ht",
+                "qa",
+                "id",
+                "il",
+                "ae",
+                "in",
+                "ag",
+                "za",
+                "al",
+                "am",
+                "ao",
+                "zm",
+                "au",
+                "az",
+                "zw",
+                "ba",
+                "bb",
+                "rs",
+                "bd",
+                "ru",
+                "jm",
+                "bf",
+                "jo",
+                "rw",
+                "bi",
+                "bj",
+                "bn",
+                "sa",
+                "sb",
+                "sc",
+                "bs",
+                "bt",
+                "sg",
+                "bw",
+                "by",
+                "bz",
+                "sl",
+                "sm",
+                "ke",
+                "sn",
+                "kg",
+                "kh",
+                "ki",
+                "ca",
+                "sr",
+                "st",
+                "kn",
+                "ch",
+                "ci",
+                "sz",
+                "kr",
+                "cm",
+                "cn",
+                "kw",
+                "kz",
+                "td",
+                "cv",
+                "tg",
+                "cw",
+                "th",
+                "la",
+                "lb",
+                "lc",
+                "tl",
+                "to",
+                "tr",
+                "lk",
+                "tt",
+                "tv",
+                "dj",
+                "tz",
+                "lr",
+                "ls",
+                "dm",
+                "ug",
+                "ma",
+                "md",
+                "me",
+                "mg",
+                "mh",
+                "us",
+                "mk",
+                "ml",
+                "mn",
+                "eg",
+                "mr",
+                "uz",
+                "mu",
+                "mv",
+                "mw",
+                "my",
+                "mz",
+                "vc",
+                "na",
+                "ne",
+                "vn",
+                "ng",
+                "vu",
+                "np",
+                "nr",
+                "fj",
+                "fm",
+                "nz",
+                "ga",
+                "ws",
+                "gd",
+                "om",
+                "ge",
+                "gh",
+                "gm",
+                "gn",
+                "gq",
+                "gw",
+                "gy",
+                "pg",
+                "ph",
+                "pk"
+            ],
+            "States": {},
+            "LanguageSwitcherPlaceholder": {
+                "hi": "hi",
+                "de": "de",
+                "es-BO": "es-BO",
+                "zh-Hans": "zh-Hans",
+                "zh-Hant": "zh-Hant",
+                "es-BZ": "es-BZ",
+                "uk": "uk",
+                "es-CC": "es-CC",
+                "id": "id",
+                "ur": "ur",
+                "af": "af",
+                "es-SV": "es-SV",
+                "ms": "ms",
+                "es-GT": "es-GT",
+                "es-CR": "es-CR",
+                "it": "it",
+                "es-CL": "es-CL",
+                "es": "es",
+                "es-CO": "es-CO",
+                "es-PE": "es-PE",
+                "ar": "ar",
+                "vi": "vi",
+                "es-PA": "es-PA",
+                "ne": "ne",
+                "ja": "ja",
+                "az": "az",
+                "zu": "zu",
+                "nl": "nl",
+                "es-HN": "es-HN",
+                "ru": "ru",
+                "es-PR": "es-PR",
+                "es-PY": "es-PY",
+                "fr": "fr",
+                "bn": "bn",
+                "es-DO": "es-DO",
+                "default": "en",
+                "es-EC": "es-EC",
+                "en-PH": "en-PH",
+                "sr": "sr",
+                "sw": "sw",
+                "ko": "ko",
+                "pt-BR": "pt-BR",
+                "es-UY": "es-UY",
+                "es-VE": "es-VE",
+                "ta": "ta",
+                "es-MX": "es-MX",
+                "th": "th",
+                "es-AR": "es-AR",
+                "he": "he",
+                "tr": "tr",
+                "es-NI": "es-NI"
+            },
+            "BannerPushesDown": false,
+            "Default": false,
+            "Global": false,
+            "Type": "GENERIC",
+            "UseGoogleVendors": false,
+            "VariantEnabled": false,
+            "TestEndTime": null,
+            "Variants": [],
+            "TemplateName": "Spotify - Standard Notice Banner",
+            "Conditions": [],
+            "GCEnable": false
+        },
+        {
+            "Id": "87b34903-3ed8-41e8-873f-df7208bf4ac7",
+            "Name": "IAB 2.0 - Germany",
+            "Countries": [
+                "de"
+            ],
+            "States": {},
+            "LanguageSwitcherPlaceholder": {
+                "default": "de"
+            },
+            "BannerPushesDown": false,
+            "Default": false,
+            "Global": false,
+            "Type": "IAB2",
+            "UseGoogleVendors": false,
+            "VariantEnabled": false,
+            "TestEndTime": null,
+            "Variants": [],
+            "TemplateName": "Spotify - GDPR IAB Banner (Germany)",
+            "Conditions": [],
+            "GCEnable": false
+        },
+        {
+            "Id": "047479d5-e10c-4c37-bb58-b85a33337d90",
+            "Name": "IAB 2.0 - Reject All Button",
+            "Countries": [
+                "fr"
+            ],
+            "States": {},
+            "LanguageSwitcherPlaceholder": {
+                "no": "no",
+                "de": "de",
+                "sv": "sv",
+                "fi": "fi",
+                "pt": "pt",
+                "bg": "bg",
+                "el": "el",
+                "lt": "lt",
+                "en": "en",
+                "lv": "lv",
+                "is": "is",
+                "hr": "hr",
+                "it": "it",
+                "hu": "hu",
+                "es": "es",
+                "et": "et",
+                "cs": "cs",
+                "default": "fr",
+                "sk": "sk",
+                "sl": "sl",
+                "pl": "pl",
+                "ro": "ro",
+                "da": "da",
+                "nl": "nl"
+            },
+            "BannerPushesDown": false,
+            "Default": false,
+            "Global": false,
+            "Type": "IAB2",
+            "UseGoogleVendors": false,
+            "VariantEnabled": false,
+            "TestEndTime": null,
+            "Variants": [],
+            "TemplateName": "Spotify - GDPR IAB Banner (Reject all button)",
+            "Conditions": [],
+            "GCEnable": false
+        },
+        {
+            "Id": "9ffca9ee-89d4-4e64-9807-8f72fd75528a",
+            "Name": "IAB 2.0",
+            "Countries": [
+                "no",
+                "fi",
+                "be",
+                "pt",
+                "bg",
+                "dk",
+                "lt",
+                "lu",
+                "lv",
+                "hr",
+                "hu",
+                "se",
+                "si",
+                "sk",
+                "gb",
+                "ie",
+                "ee",
+                "mt",
+                "is",
+                "it",
+                "gr",
+                "es",
+                "at",
+                "cy",
+                "cz",
+                "pl",
+                "li",
+                "ro",
+                "nl"
+            ],
+            "States": {},
+            "LanguageSwitcherPlaceholder": {
+                "no": "no",
+                "de": "de",
+                "sv": "sv",
+                "fi": "fi",
+                "pt": "pt",
+                "bg": "bg",
+                "el": "el",
+                "lt": "lt",
+                "lv": "lv",
+                "is": "is",
+                "hr": "hr",
+                "it": "it",
+                "fr": "fr",
+                "hu": "hu",
+                "es": "es",
+                "et": "et",
+                "cs": "cs",
+                "default": "en",
+                "sk": "sk",
+                "sl": "sl",
+                "pl": "pl",
+                "ro": "ro",
+                "da": "da",
+                "nl": "nl"
+            },
+            "BannerPushesDown": false,
+            "Default": true,
+            "Global": false,
+            "Type": "IAB2",
+            "UseGoogleVendors": false,
+            "VariantEnabled": false,
+            "TestEndTime": null,
+            "Variants": [],
+            "TemplateName": "Spotify - GDPR IAB Banner",
+            "Conditions": [],
+            "GCEnable": false
+        },
+        {
+            "Id": "74eec303-d5c3-4488-a6df-cb21b90c2b8c",
+            "Name": "Global",
+            "Countries": [
+                "pr",
+                "tw",
+                "hm",
+                "hn",
+                "py",
+                "do",
+                "ye",
+                "ua",
+                "ly",
+                "dz",
+                "um",
+                "ec",
+                "mm",
+                "mo",
+                "mp",
+                "eh",
+                "ad",
+                "im",
+                "uy",
+                "af",
+                "ms",
+                "io",
+                "iq",
+                "ai",
+                "ir",
+                "va",
+                "mx",
+                "er",
+                "ve",
+                "et",
+                "aq",
+                "vg",
+                "ar",
+                "as",
+                "vi",
+                "nc",
+                "aw",
+                "nf",
+                "ni",
+                "je",
+                "fk",
+                "bh",
+                "jp",
+                "nu",
+                "fo",
+                "bl",
+                "bm",
+                "bo",
+                "wf",
+                "bq",
+                "br",
+                "sd",
+                "bv",
+                "sh",
+                "sj",
+                "so",
+                "gg",
+                "cc",
+                "ss",
+                "cd",
+                "km",
+                "gi",
+                "cf",
+                "sv",
+                "cg",
+                "gl",
+                "sx",
+                "kp",
+                "sy",
+                "ck",
+                "cl",
+                "co",
+                "gs",
+                "gt",
+                "gu",
+                "ky",
+                "cr",
+                "tc",
+                "pa",
+                "tf",
+                "cu",
+                "pe",
+                "cx",
+                "pf",
+                "tj",
+                "tk",
+                "tm",
+                "tn",
+                "pm",
+                "pn"
+            ],
+            "States": {},
+            "LanguageSwitcherPlaceholder": {
+                "hi": "hi",
+                "de": "de",
+                "es-BO": "es-BO",
+                "zh-Hans": "zh-Hans",
+                "zh-Hant": "zh-Hant",
+                "es-BZ": "es-BZ",
+                "uk": "uk",
+                "es-CC": "es-CC",
+                "id": "id",
+                "ur": "ur",
+                "af": "af",
+                "es-SV": "es-SV",
+                "ms": "ms",
+                "es-GT": "es-GT",
+                "es-CR": "es-CR",
+                "it": "it",
+                "es-CL": "es-CL",
+                "es": "es",
+                "es-CO": "es-CO",
+                "es-PE": "es-PE",
+                "ar": "ar",
+                "vi": "vi",
+                "es-PA": "es-PA",
+                "ne": "ne",
+                "ja": "ja",
+                "az": "az",
+                "zu": "zu",
+                "nl": "nl",
+                "es-HN": "es-HN",
+                "ru": "ru",
+                "es-PR": "es-PR",
+                "es-PY": "es-PY",
+                "fr": "fr",
+                "bn": "bn",
+                "es-DO": "es-DO",
+                "default": "en",
+                "es-EC": "es-EC",
+                "en-PH": "en-PH",
+                "sr": "sr",
+                "sw": "sw",
+                "ko": "ko",
+                "pt-BR": "pt-BR",
+                "es-UY": "es-UY",
+                "es-VE": "es-VE",
+                "ta": "ta",
+                "es-MX": "es-MX",
+                "th": "th",
+                "es-AR": "es-AR",
+                "he": "he",
+                "tr": "tr",
+                "es-NI": "es-NI"
+            },
+            "BannerPushesDown": false,
+            "Default": false,
+            "Global": true,
+            "Type": "GENERIC",
+            "UseGoogleVendors": false,
+            "VariantEnabled": false,
+            "TestEndTime": null,
+            "Variants": [],
+            "TemplateName": "Spotify - Standard Notice Banner",
+            "Conditions": [],
+            "GCEnable": false
+        }
+    ],
+    "IabData": {
+        "cookieVersion": "1",
+        "createdTime": "2022-05-23T15:50:11.758903",
+        "updatedTime": "2022-05-23T15:50:11.758919",
+        "cmpId": "28",
+        "cmpVersion": "1",
+        "consentScreen": "1",
+        "consentLanguage": null,
+        "vendorListVersion": 0,
+        "maxVendorId": 0,
+        "encodingType": "0",
+        "globalVendorListUrl": "https://cdn.cookielaw.org/vendorlist/iabData.json"
+    },
+    "IabV2Data": {
+        "cookieVersion": "1",
+        "createdTime": "2022-05-23T15:50:11.809823",
+        "updatedTime": "2022-05-23T15:50:11.809837",
+        "cmpId": "28",
+        "cmpVersion": "1",
+        "consentScreen": "1",
+        "consentLanguage": null,
+        "vendorListVersion": 144,
+        "maxVendorId": 0,
+        "encodingType": "0",
+        "globalVendorListUrl": "https://cdn.cookielaw.org/vendorlist/iab2Data.json"
+    },
+    "GoogleData": {
+        "vendorListVersion": 1,
+        "googleVendorListUrl": "https://cdn.cookielaw.org/vendorlist/googleData.json"
+    },
+    "ScriptDynamicLoadEnabled": false,
+    "TenantFeatures": {
+        "CookieV2BannerFocus": true,
+        "CookieV2TargetedTemplates": true,
+        "CookieV2GPC": true,
+        "CookieV2AssignTemplateRule": true,
+        "CookieV2GeolocationJsonApi": true,
+        "CookieV2TCF21": true,
+        "CookieV2RemoveSettingsIcon": true,
+        "CookieV2GeneralVendors": true
+    },
+    "IsSuppressBanner": false,
+    "IsSuppressPC": false,
+    "PublisherCC": "DE",
+    "Domain": "spotify.com",
+    "TenantGuid": "f1b38160-cf19-4625-89df-35263d2d97c0",
+    "EnvId": "app-de-prod",
+    "RemoteActionsEnabled": false,
+    "GeoRuleGroupName": "Spotify Domains",
+    "GATrackToggle": true,
+    "GATrackAssignedCategory": "AS"
+}
\ No newline at end of file