fix: client mode not being detected; chore: added gui dev scripts

src/components/TheDownloadTab.vue

@@ -60,7 +60,7 @@
 </style>
 
 <script>
-import { mapActions } from 'vuex'
+import { mapActions, mapGetters } from 'vuex'
 import QueueItem from '@components/downloads/QueueItem.vue'
 
 import { socket } from '@/utils/socket'
@@ -78,10 +78,15 @@ export default {
 			cachedTabWidth: parseInt(localStorage.getItem('downloadTabWidth')) || 300,
 			queue: [],
 			queueList: {},
-			queueComplete: [],
-			clientMode: window.clientMode
+			queueComplete: []
+			// clientMode: window.clientMode
 		}
 	},
+	computed: {
+		...mapGetters({
+			clientMode: 'getClientMode'
+		})
+	},
 	mounted() {
 		socket.on('startDownload', this.startDownload)
 		socket.on('startConversion', this.startConversion)

src/components/TheFavoritesTab.vue

@@ -234,6 +234,9 @@ export default {
 	async created() {
 		const favoritesData = await getFavoritesData()
 
+		// TODO Change with isLoggedIn vuex getter
+		if (Object.entries(favoritesData).length === 0) return
+
 		this.setFavorites(favoritesData)
 	},
 	mounted() {
@@ -275,7 +278,6 @@ export default {
 			this.spotifyPlaylists = data
 		},
 		updated_userPlaylists(data) {
-			console.log(data)
 			this.playlists = data
 		},
 		updated_userAlbums(data) {

src/components/TheSettingsTab.vue

@@ -678,15 +678,16 @@ export default {
 			slimDownloads: false,
 			previewVolume: window.vol,
 			accountNum: 0,
-			accounts: [],
-			clientMode: window.clientMode
+			accounts: []
+			// clientMode: window.clientMode
 		}
 	},
 	computed: {
 		...mapGetters({
 			arl: 'getARL',
 			user: 'getUser',
-			isLoggedIn: 'isLoggedIn'
+			isLoggedIn: 'isLoggedIn',
+			clientMode: 'getClientMode'
 		}),
 		needToWait() {
 			return Object.keys(this.getSettings).length === 0
@@ -753,7 +754,7 @@ export default {
 		socket.on('accountChanged', this.accountChanged)
 		socket.on('familyAccounts', this.initAccounts)
 		socket.on('downloadFolderSelected', this.downloadFolderSelected)
-		socket.on('applogin_arl', this.setArl)
+		socket.on('applogin_arl', this.loggedInViaDeezer)
 
 		this.$on('hook:destroyed', () => {
 			socket.off('updateSettings')
@@ -812,7 +813,6 @@ export default {
 			socket.emit('selectDownloadFolder')
 		},
 		downloadFolderSelected(folder) {
-			console.log(folder)
 			this.$set(this.settings, 'downloadLocation', folder)
 		},
 		loadSettings(data) {
@@ -833,8 +833,8 @@ export default {
 		appLogin(e) {
 			socket.emit('applogin')
 		},
-		setArl(arl) {
-			this.dispatchARL(arl)
+		loggedInViaDeezer(arl) {
+			this.dispatchARL({ arl })
 			this.login()
 		},
 		changeAccount() {