refactor usevuetable data

src/components/dialogs/GroupDialog/GroupMemberModerationDialog.vue

@@ -726,7 +726,9 @@
 
     const { table: groupMemberModerationTanstackTable } = useVrcxVueTable({
         persistKey: 'group-moderation:members',
-        data: computed(() => groupMemberModerationTable.data ?? []),
+        get data() {
+            return computed(() => groupMemberModerationTable.data).value;
+        },
         columns: groupMemberModerationColumns,
         getRowId: (row) => String(row?.userId ?? ''),
         initialPagination: { pageIndex: 0, pageSize: groupMemberModerationTable.pageSize ?? 15 }
@@ -767,7 +769,9 @@
 
     const { table: groupBansModerationTanstackTable } = useVrcxVueTable({
         persistKey: 'group-moderation:bans',
-        data: groupBansFilteredRows,
+        get data() {
+            return groupBansFilteredRows.value;
+        },
         columns: groupBansModerationColumns,
         getRowId: (row) => String(row?.userId ?? row?.id ?? ''),
         initialPagination: { pageIndex: 0, pageSize: groupBansModerationTable.pageSize ?? 15 }
@@ -790,7 +794,9 @@
 
     const { table: groupInvitesModerationTanstackTable } = useVrcxVueTable({
         persistKey: 'group-moderation:invites',
-        data: computed(() => groupInvitesModerationTable.data ?? []),
+        get data() {
+            return computed(() => groupInvitesModerationTable.data).value;
+        },
         columns: groupInvitesModerationColumns,
         getRowId: (row) => String(row?.userId ?? row?.id ?? ''),
         initialPagination: { pageIndex: 0, pageSize: groupInvitesModerationTable.pageSize ?? 15 }
@@ -813,7 +819,9 @@
 
     const { table: groupJoinRequestsModerationTanstackTable } = useVrcxVueTable({
         persistKey: 'group-moderation:join-requests',
-        data: computed(() => groupJoinRequestsModerationTable.data ?? []),
+        get data() {
+            return computed(() => groupJoinRequestsModerationTable.data).value;
+        },
         columns: groupJoinRequestsModerationColumns,
         getRowId: (row) => String(row?.userId ?? row?.id ?? ''),
         initialPagination: { pageIndex: 0, pageSize: groupJoinRequestsModerationTable.pageSize ?? 15 }
@@ -836,7 +844,9 @@
 
     const { table: groupBlockedModerationTanstackTable } = useVrcxVueTable({
         persistKey: 'group-moderation:blocked',
-        data: computed(() => groupBlockedModerationTable.data ?? []),
+        get data() {
+            return computed(() => groupBlockedModerationTable.data).value;
+        },
         columns: groupBlockedModerationColumns,
         getRowId: (row) => String(row?.userId ?? row?.id ?? ''),
         initialPagination: { pageIndex: 0, pageSize: groupBlockedModerationTable.pageSize ?? 15 }
@@ -871,7 +881,9 @@
 
     const { table: groupLogsModerationTanstackTable } = useVrcxVueTable({
         persistKey: 'group-moderation:logs',
-        data: groupLogsFilteredRows,
+        get data() {
+            return groupLogsFilteredRows.value;
+        },
         columns: groupLogsModerationColumns,
         getRowId: (row) => String(row?.id ?? `${row?.created_at ?? ''}:${row?.eventType ?? ''}`),
         initialPagination: { pageIndex: 0, pageSize: groupLogsModerationTable.pageSize ?? 15 }

src/components/dialogs/InviteDialog/SendInviteDialog.vue

@@ -128,7 +128,9 @@
 
     const { table: inviteMessageTanstackTable } = useVrcxVueTable({
         persistKey: 'invite-message',
-        data: inviteMessageRows,
+        get data() {
+            return inviteMessageRows.value;
+        },
         columns: inviteMessageColumns,
         getRowId: (row) => String(row?.slot ?? ''),
         enablePagination: false,

src/components/dialogs/PreviousInstancesDialog/PreviousInstancesInfoDialog.vue

@@ -98,7 +98,9 @@
 
     const { table } = useVrcxVueTable({
         persistKey: 'previousInstancesInfoDialog',
-        data: displayRows,
+        get data() {
+            return displayRows.value;
+        },
         columns: columns.value,
         getRowId: (row) => row?.id ?? row?.userId ?? row?.displayName ?? JSON.stringify(row ?? {}),
         initialSorting: [{ id: 'created_at', desc: true }],

src/components/dialogs/PreviousInstancesDialog/PreviousInstancesListDialog.vue

@@ -196,7 +196,9 @@
 
     const { table } = useVrcxVueTable({
         persistKey: persistKey.value,
-        data: displayRows,
+        get data() {
+            return displayRows.value;
+        },
         columns: columns.value,
         getRowId: (row) => `${row?.location ?? ''}:${row?.created_at ?? ''}`,
         initialSorting: [{ id: 'created_at', desc: true }],

src/components/dialogs/UserDialog/SendInviteRequestDialog.vue

@@ -105,7 +105,9 @@
 
     const { table: inviteRequestMessageTanstackTable } = useVrcxVueTable({
         persistKey: 'invite-request-message',
-        data: inviteRequestMessageRows,
+        get data() {
+            return inviteRequestMessageRows.value;
+        },
         columns: inviteRequestMessageColumns,
         getRowId: (row) => String(row?.slot ?? ''),
         enablePagination: false,