Implemented arl login, settings loading and fixed toast display

src/data/settings.js

@@ -1,4 +1,4 @@
-import { socket } from '@/utils/socket'
+import { fetchData } from '@/utils/api'
 
 let settingsData = {}
 let defaultSettingsData = {}
@@ -6,24 +6,16 @@ let spotifyCredentials = {}
 
 let cached = false
 
-export function getSettingsData() {
-	if (cached) {
-		return { settingsData, defaultSettingsData, spotifyCredentials }
-	} else {
-		socket.emit('get_settings_data')
-
-		return new Promise((resolve, reject) => {
-			socket.on('init_settings', (settings, credentials, defaults) => {
-				settingsData = settings
-				defaultSettingsData = defaults
-				spotifyCredentials = credentials
-				// cached = true
-
-				socket.off('init_settings')
-				resolve({ settingsData, defaultSettingsData, spotifyCredentials })
-			})
-		})
+export async function getSettingsData() {
+	if (!cached) {
+		let data = await fetchData('getSettings')
+		let { settings, defaultSettings, spotifySettings } = data
+		// cached = true
+		settingsData = settings
+		defaultSettingsData = defaultSettings
+		spotifyCredentials = spotifySettings || {}
 	}
+	return { settingsData, defaultSettingsData, spotifyCredentials }
 }
 
 /**