chore: cleaned up lofig code

Signed-off-by: Jonathan <theflametrooper@gmail.com>

frontend/src/App.vue

@@ -73,7 +73,7 @@ export default {
 			else this.disableNightMode();
 		}
 	},
-	mounted() {
+	async mounted() {
 		document.onkeydown = ev => {
 			const event = ev || window.event;
 			const { keyCode } = event;
@@ -118,9 +118,7 @@ export default {
 			this.socketConnected = false;
 		});
 
-		lofig.get("serverDomain").then(serverDomain => {
-			this.serverDomain = serverDomain;
-		});
+		this.serverDomain = await lofig.get("serverDomain");
 
 		this.$router.onReady(() => {
 			if (this.$route.query.err) {

frontend/src/components/layout/MainFooter.vue

@@ -36,10 +36,8 @@ export default {
 			github: "#"
 		};
 	},
-	mounted() {
-		lofig.get("siteSettings.github").then(github => {
-			this.github = github;
-		});
+	async mounted() {
+		this.github = await lofig.get("siteSettings.github");
 	}
 };
 </script>

frontend/src/components/layout/MainHeader.vue

@@ -97,14 +97,9 @@ export default {
 		loggedIn: state => state.user.auth.loggedIn,
 		username: state => state.user.auth.username
 	}),
-	mounted() {
-		lofig.get("frontendDomain").then(frontendDomain => {
-			this.frontendDomain = frontendDomain;
-		});
-
-		lofig.get("siteSettings").then(siteSettings => {
-			this.siteSettings = siteSettings;
-		});
+	async mounted() {
+		this.frontendDomain = await lofig.get("frontendDomain");
+		this.siteSettings = await lofig.get("siteSettings");
 	},
 
 	methods: {

frontend/src/components/modals/EditSong.vue

@@ -602,7 +602,7 @@ export default {
 		}
 		/* eslint-enable */
 	},
-	mounted() {
+	async mounted() {
 		// if (this.modals.editSong = false) this.video.player.stopVideo();
 
 		// this.loadVideoById(
@@ -610,9 +610,7 @@ export default {
 		//   this.song.skipDuration
 		// );
 
-		lofig.get("cookie.secure").then(useHTTPS => {
-			this.useHTTPS = useHTTPS;
-		});
+		this.useHTTPS = await lofig.get("cookie.secure");
 
 		io.getSocket(socket => {
 			this.socket = socket;

frontend/src/components/modals/Login.vue

@@ -91,10 +91,8 @@ export default {
 			serverDomain: ""
 		};
 	},
-	mounted() {
-		lofig.get("serverDomain").then(serverDomain => {
-			this.serverDomain = serverDomain;
-		});
+	async mounted() {
+		this.serverDomain = await lofig.get("serverDomain");
 	},
 	methods: {
 		submitModal() {

frontend/src/components/modals/Register.vue

@@ -194,10 +194,8 @@ export default {
 			}
 		}
 	},
-	mounted() {
-		lofig.get("serverDomain").then(serverDomain => {
-			this.serverDomain = serverDomain;
-		});
+	async mounted() {
+		this.serverDomain = await lofig.get("serverDomain");
 
 		lofig.get("recaptcha").then(obj => {
 			this.recaptcha.enabled = obj.enabled;

frontend/src/components/ui/ProfilePicture.vue

@@ -38,10 +38,9 @@ export default {
 				.toUpperCase();
 		}
 	},
-	mounted() {
-		lofig.get("frontendDomain").then(frontendDomain => {
-			this.notes = encodeURI(`${frontendDomain}/assets/notes.png`);
-		});
+	async mounted() {
+		const frontendDomain = await lofig.get("frontendDomain");
+		this.notes = encodeURI(`${frontendDomain}/assets/notes.png`);
 	}
 };
 </script>

frontend/src/pages/Home/index.vue

@@ -445,17 +445,15 @@ export default {
 			);
 		}
 	},
-	mounted() {
-		lofig.get("siteSettings.siteName").then(siteName => {
-			this.siteName = siteName;
-		});
+	async mounted() {
+		this.siteName = await lofig.get("siteSettings.siteName");
 
 		io.getSocket(socket => {
 			this.socket = socket;
+
 			if (this.socket.connected) this.init();
-			io.onConnect(() => {
-				this.init();
-			});
+			io.onConnect(() => this.init());
+
 			this.socket.on("event:stations.created", res => {
 				const station = res;
 				if (

frontend/src/pages/Settings/tabs/Security.vue

@@ -191,14 +191,12 @@ export default {
 			}
 		}
 	},
-	mounted() {
+	async mounted() {
 		io.getSocket(socket => {
 			this.socket = socket;
 		});
 
-		lofig.get("serverDomain").then(serverDomain => {
-			this.serverDomain = serverDomain;
-		});
+		this.serverDomain = await lofig.get("serverDomain");
 	},
 	methods: {
 		onInputBlur(inputName) {

frontend/src/pages/Station/components/Sidebar/Users.vue

@@ -78,11 +78,9 @@ export default {
 		users: state => state.station.users,
 		userCount: state => state.station.userCount
 	}),
-	mounted() {
-		lofig.get("frontendDomain").then(frontendDomain => {
-			this.notesUri = encodeURI(`${frontendDomain}/assets/notes.png`);
-			this.frontendDomain = frontendDomain;
-		});
+	async mounted() {
+		this.frontendDomain = await lofig.get("frontendDomain");
+		this.notesUri = encodeURI(`${this.frontendDomain}/assets/notes.png`);
 	},
 	methods: {
 		async copyToClipboard() {

frontend/src/store/modules/modalVisibility.js

@@ -32,11 +32,10 @@ const state = {
 const getters = {};
 
 const actions = {
-	closeModal: ({ commit }, data) => {
+	closeModal: async ({ commit }, data) => {
 		if (data.modal === "register") {
-			lofig.get("recaptcha.enabled").then(recaptchaEnabled => {
-				if (recaptchaEnabled) window.location.reload();
-			});
+			const recaptchaEnabled = await lofig.get("recaptcha.enabled");
+			if (recaptchaEnabled) window.location.reload();
 		}
 		commit("closeModal", data);
 	},