diff --git a/resources/js/pages/Peers/Index.vue b/resources/js/pages/Peers/Index.vue
index df34409f..488a7124 100644
--- a/resources/js/pages/Peers/Index.vue
+++ b/resources/js/pages/Peers/Index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Head, Link, router } from '@inertiajs/vue3';
+import { Head, Link, router, useRemember } from '@inertiajs/vue3';
 import { Search, X, Users, Heart, Loader2 } from 'lucide-vue-next';
 import { onUnmounted, ref, watch } from 'vue';
 import EmptyState from '@/components/EmptyState.vue';
@@ -35,8 +35,14 @@ interface Props {
 
 const props = defineProps<Props>();
 
-const peerList = ref<Peer[]>([...props.peers.data]);
-const nextPageUrl = ref<string | null>(props.peers.next_page_url);
+const peerList = useRemember<Peer[]>(
+    [...props.peers.data],
+    'Peers/Index/peerList',
+);
+const nextPageUrl = useRemember<string | null>(
+    props.peers.next_page_url,
+    'Peers/Index/nextPageUrl',
+);
 const isLoadingMore = ref(false);
 
 const searchQuery = ref(props.filters.search || '');
@@ -176,24 +182,6 @@ const togglePeerAppreciation = (peer: Peer) => {
         );
     });
 };
-
-watch(
-    () => props.peers,
-    (newPeers) => {
-        if (!isLoadingMore.value) {
-            peerList.value = [...newPeers.data];
-            nextPageUrl.value = newPeers.next_page_url;
-        }
-    },
-);
-
-watch(
-    () => props.filters,
-    (newFilters) => {
-        searchQuery.value = newFilters.search || '';
-        currentSort.value = newFilters.sort || 'relevant';
-    },
-);
 </script>
 
 <template>