app.vue

@@ -8,7 +8,6 @@
 <script lang="ts" setup>
 import ContextMenu from '~/components/ContextMenu.vue';
 import { render } from 'vue';
-import settingLoad from './utils/settingLoad';
 
 const banner = useState("banner", () => false);
 
@@ -44,14 +43,21 @@ function contextMenuHandler(e: MouseEvent) {
 	//]);
 }
 
-const currentTheme = settingLoad("selectedThemeId") ?? "dark"
+let currentTheme = "dark" // default theme
+const savedTheme = localStorage.getItem("selectedTheme");
+if (savedTheme) {
+	currentTheme = savedTheme;
+}
+
 const baseURL = useRuntimeConfig().app.baseURL;
 
 useHead({
-  link: [{
+  link: [
-		rel: "stylesheet",
+    {
-		href: `${baseURL}themes/${currentTheme}.css`
+      rel: "stylesheet",
-	}]
+      href: `${baseURL}themes/${currentTheme}.css`
+    }
+  ]
 })
 </script>
 

components/Settings/AppSettings/Appearance.vue

@@ -26,8 +26,6 @@
 </template>
 
 <script lang="ts" setup>
-import settingSave from '~/utils/settingSave';
-
 const runtimeConfig = useRuntimeConfig()
 const defaultThemes = runtimeConfig.public.defaultThemes
 const baseURL = runtimeConfig.app.baseURL;
@@ -48,7 +46,7 @@ function changeTheme(id: string, url: string) {
     return;
   }
 
-  settingSave("selectedThemeId", id)
+  localStorage.setItem("selectedTheme", id);
 
   // if the theme didn't originally load for some reason, create it
   if (!themeLinkElement) {

utils/settingLoad.ts

@@ -1,19 +0,0 @@
-export default (key: string): any => {
-	let clientSettingsItem: string | null = localStorage.getItem("clientSettings")
-	if (typeof clientSettingsItem != "string") {
-		clientSettingsItem = "{}"
-	}
-
-	let clientSettings: { [key: string]: any } = {}
-	try {
-		clientSettings = JSON.parse(clientSettingsItem)
-	} catch {
-		clientSettings = {}
-	}
-
-	if (typeof clientSettings !== "object") {
-		clientSettings = {}
-	}
-
-	return clientSettings[key]
-}

utils/settingSave.ts

@@ -1,21 +0,0 @@
-export default (key: string, value: any): void => {
-	let clientSettingsItem: string | null = localStorage.getItem("clientSettings")
-	if (typeof clientSettingsItem != "string") {
-		clientSettingsItem = "{}"
-	}
-
-	let clientSettings: { [key: string]: any } = {}
-	try {
-		clientSettings = JSON.parse(clientSettingsItem)
-	} catch {
-		clientSettings = {}
-	}
-
-	if (typeof clientSettings !== "object") {
-		clientSettings = {}
-	}
-
-	clientSettings[key] = value
-
-	localStorage.setItem("clientSettings", JSON.stringify(clientSettings))
-}