fix uncaught errors

src/bootstrap.js

@@ -20,10 +20,12 @@ import {
 import { i18n } from './plugin';
 
 configRepository.init();
-i18n.locale = await configRepository.getString('VRCX_appLanguage', 'en');
 
 AppApi.SetUserAgent();
 
+try {
+    i18n.locale = await configRepository.getString('VRCX_appLanguage', 'en');
+
     const initThemeMode = await configRepository.getString(
         'VRCX_ThemeMode',
         'system'
@@ -40,6 +42,9 @@ if (initThemeMode === 'light') {
     }
     changeAppDarkStyle(isDarkMode);
     changeAppThemeStyle(initThemeMode);
+} catch (error) {
+    console.error('Error initializing locale and theme:', error);
+}
 
 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,6 +75,7 @@ export const useAuthStore = defineStore('Auth', () => {
                 configRepository.getString('lastUserLoggedIn'),
                 configRepository.getBool('VRCX_enableCustomEndpoint', false)
             ]);
+        try {
             state.loginForm = {
                 ...state.loginForm,
                 savedCredentials: savedCredentials
@@ -82,6 +83,14 @@ export const useAuthStore = defineStore('Auth', () => {
                     : {},
                 lastUserLoggedIn
             };
+        } catch (error) {
+            console.error('Failed to parse savedCredentials:', error);
+            state.loginForm = {
+                ...state.loginForm,
+                savedCredentials: {},
+                lastUserLoggedIn
+            };
+        }
         state.enableCustomEndpoint = enableCustomEndpoint;
     }