custom col width persistent

src/views/Feed/Feed.vue

@@ -76,6 +76,7 @@
     );
 
     const { table, pagination } = useVrcxVueTable({
+        persistKey: 'feed',
         data: feedDisplayData,
         columns: baseColumns,
         getRowId: (row) => `${row.type}:${row.rowId}:${row.created_at ?? ''}`,

src/views/FriendLog/FriendLog.vue

@@ -157,6 +157,7 @@
     );
 
     const { table, pagination } = useVrcxVueTable({
+        persistKey: 'friendLog',
         data: friendLogDisplayData,
         columns,
         getRowId: (row) => `${row.type}:${row.rowId ?? row.userId ?? row.created_at ?? ''}`,

src/views/GameLog/GameLog.vue

@@ -156,6 +156,7 @@
     );
 
     const { table, pagination } = useVrcxVueTable({
+        persistKey: 'gameLog',
         data: gameLogDisplayData,
         columns,
         getRowId: (row) => `${row.type}:${row.rowId ?? row.displayName + row.location + row.time}`,

src/views/Moderation/Moderation.vue

@@ -145,6 +145,7 @@
     );
 
     const { table, pagination } = useVrcxVueTable({
+        persistKey: 'moderation',
         data: moderationDisplayData,
         columns,
         getRowId: (row) => row.id ?? `${row.type}:${row.sourceUserId}:${row.targetUserId}:${row.created ?? ''}`,

src/views/Notifications/Notification.vue

@@ -213,6 +213,7 @@
     );
 
     const { table, pagination } = useVrcxVueTable({
+        persistKey: 'notifications',
         data: notificationDisplayData,
         columns,
         getRowId: (row) => row.id ?? `${row.type}:${row.senderUserId ?? ''}:${row.created_at ?? ''}`,

src/views/PlayerList/PlayerList.vue

@@ -278,6 +278,7 @@
     const playerListDisplayData = computed(() => currentInstanceUsersData.value ?? []);
 
     const { table: playerListTable } = useVrcxVueTable({
+        persistKey: 'playerList',
         data: playerListDisplayData,
         columns: playerListColumns.value,
         getRowId: (row) => `${row?.ref?.id ?? ''}:${row?.displayName ?? ''}:${row?.photonId ?? ''}`,