fix uncaught errors

src/bootstrap.js

@@ -20,26 +20,31 @@ import {
 import { i18n } from './plugin';
 
 configRepository.init();
-i18n.locale = await configRepository.getString('VRCX_appLanguage', 'en');
 
 AppApi.SetUserAgent();
 
-const initThemeMode = await configRepository.getString(
+try {
-    'VRCX_ThemeMode',
+    i18n.locale = await configRepository.getString('VRCX_appLanguage', 'en');
-    'system'
-);
 
-let isDarkMode;
+    const initThemeMode = await configRepository.getString(
+        'VRCX_ThemeMode',
+        'system'
+    );
 
-if (initThemeMode === 'light') {
+    let isDarkMode;
-    isDarkMode = false;
+
-} else if (initThemeMode === 'system') {
+    if (initThemeMode === 'light') {
-    isDarkMode = systemIsDarkMode();
+        isDarkMode = false;
-} else {
+    } else if (initThemeMode === 'system') {
-    isDarkMode = true;
+        isDarkMode = systemIsDarkMode();
+    } else {
+        isDarkMode = true;
+    }
+    changeAppDarkStyle(isDarkMode);
+    changeAppThemeStyle(initThemeMode);
+} catch (error) {
+    console.error('Error initializing locale and theme:', error);
 }
-changeAppDarkStyle(isDarkMode);
-changeAppThemeStyle(initThemeMode);
 
 refreshCustomCss();
 refreshCustomScript();

src/components/FriendItem.vue

@@ -74,10 +74,10 @@
     const { hideNicknames } = storeToRefs(useAppearanceSettingsStore());
     const { isRefreshFriendsLoading } = storeToRefs(useFriendStore());
 
-    const isFriendTraveling = computed(() => props.friend.ref.location === 'traveling');
+    const isFriendTraveling = computed(() => props.friend.ref?.location === 'traveling');
     const isFriendActiveOrOffline = computed(() => props.friend.state === 'active' || props.friend.state === 'offline');
     const epoch = computed(() =>
-        isFriendTraveling.value ? props.friend.ref.$travelingToTime : props.friend.ref.$location_at
+        isFriendTraveling.value ? props.friend.ref?.$travelingToTime : props.friend.ref?.$location_at
     );
 </script>
 

src/service/websocket.js

@@ -94,8 +94,9 @@ function connectWebSocket(token) {
                 return;
             }
             lastWebSocketMessage = data;
-            const json = JSON.parse(data);
+            let json;
             try {
+                json = JSON.parse(data);
                 json.content = JSON.parse(json.content);
             } catch {
                 // ignore parse error

src/stores/auth.js

@@ -75,13 +75,22 @@ export const useAuthStore = defineStore('Auth', () => {
                 configRepository.getString('lastUserLoggedIn'),
                 configRepository.getBool('VRCX_enableCustomEndpoint', false)
             ]);
-        state.loginForm = {
+        try {
-            ...state.loginForm,
+            state.loginForm = {
-            savedCredentials: savedCredentials
+                ...state.loginForm,
-                ? JSON.parse(savedCredentials)
+                savedCredentials: savedCredentials
-                : {},
+                    ? JSON.parse(savedCredentials)
-            lastUserLoggedIn
+                    : {},
-        };
+                lastUserLoggedIn
+            };
+        } catch (error) {
+            console.error('Failed to parse savedCredentials:', error);
+            state.loginForm = {
+                ...state.loginForm,
+                savedCredentials: {},
+                lastUserLoggedIn
+            };
+        }
         state.enableCustomEndpoint = enableCustomEndpoint;
     }