use shallowReactive for gameLog and feed table data arrays

This commit is contained in:
pa
2025-12-20 19:57:58 +09:00
committed by Natsumi
parent 466c63336d
commit b1e8145b0e
2 changed files with 12 additions and 9 deletions

View File

@@ -1,4 +1,4 @@
import { ref, watch } from 'vue';
import { ref, shallowReactive, watch } from 'vue';
import { defineStore } from 'pinia';
import { database } from '../service/database';
@@ -19,7 +19,7 @@ export const useFeedStore = defineStore('Feed', () => {
const sharedFeedStore = useSharedFeedStore();
const feedTable = ref({
data: [],
data: shallowReactive([]),
search: '',
vip: false,
loading: false,
@@ -46,7 +46,7 @@ export const useFeedStore = defineStore('Feed', () => {
watch(
() => watchState.isLoggedIn,
(isLoggedIn) => {
feedTable.value.data = [];
feedTable.value.data.length = 0;
feedSessionTable.value = [];
if (isLoggedIn) {
initFeedTable();
@@ -162,11 +162,12 @@ export const useFeedStore = defineStore('Feed', () => {
if (feedTable.value.vip) {
vipList = Array.from(friendStore.localFavoriteFriends.values());
}
feedTable.value.data = await database.lookupFeedDatabase(
const rows = await database.lookupFeedDatabase(
feedTable.value.search,
feedTable.value.filter,
vipList
);
feedTable.value.data = shallowReactive(rows);
feedTable.value.loading = false;
}