shallowReactive

src/components/NavMenu.vue

@@ -42,7 +42,7 @@
                 ><div class="bottom-button" @click="directAccessPaste"><i class="ri-compass-3-line"></i></div
             ></el-tooltip>
             <el-tooltip :content="t('nav_tooltip.settings')" placement="right"
-                ><div class="bottom-button" @click="route.push({ name: 'settings' })">
+                ><div class="bottom-button" @click="router.push({ name: 'settings' })">
                     <i class="ri-settings-3-line"></i></div
             ></el-tooltip>
         </div>
@@ -60,7 +60,7 @@
     import * as Sentry from '@sentry/vue';
 
     const { t } = useI18n();
-    const route = useRouter();
+    const router = useRouter();
 
     const navItems = [
         { index: 'feed', icon: 'ri-rss-line', tooltip: 'nav_tooltip.feed' },

src/stores/user.js

@@ -1,4 +1,4 @@
-import { computed, reactive, ref, watch } from 'vue';
+import { computed, reactive, ref, shallowReactive, watch } from 'vue';
 import { ElMessage } from 'element-plus';
 import { defineStore } from 'pinia';
 
@@ -282,7 +282,7 @@ export const useUserStore = defineStore('User', () => {
         notes: new Map()
     });
 
-    const cachedUsers = new Map();
+    const cachedUsers = shallowReactive(new Map());
 
     const isLocalUserVrcPlusSupporter = computed(
         () => currentUser.value.$isVRCPlus || AppDebug.debugVrcPlus
@@ -413,7 +413,7 @@ export const useUserStore = defineStore('User', () => {
             delete json.currentAvatarThumbnailImageUrl;
         }
         if (typeof ref === 'undefined') {
-            ref = reactive({
+            ref = {
                 ageVerificationStatus: '',
                 ageVerified: false,
                 allowAvatarCopying: false,
@@ -480,7 +480,7 @@ export const useUserStore = defineStore('User', () => {
                 $moderations: {},
                 //
                 ...json
-            });
+            };
             if (locationStore.lastLocation.playerList.has(json.id)) {
                 // update $location_at from instance join time
                 const player = locationStore.lastLocation.playerList.get(

src/stores/world.js

@@ -1,4 +1,4 @@
-import { reactive, watch } from 'vue';
+import { reactive, shallowReactive, watch } from 'vue';
 import { ElMessage } from 'element-plus';
 import { defineStore } from 'pinia';
 
@@ -53,7 +53,7 @@ export const useWorldStore = defineStore('World', () => {
         hasPersistData: false
     });
 
-    let cachedWorlds = new Map();
+    const cachedWorlds = shallowReactive(new Map());
 
     watch(
         () => watchState.isLoggedIn,