refactor: paginator

components/notification/NotificationPaginator.client.vue

@@ -4,15 +4,18 @@ import type { Notification, Paginator } from 'masto'
 const { paginator } = defineProps<{
   paginator: Paginator<any, Notification[]>
 }>()
-
-const { items: notifications, state, endAnchor } = usePaginator(paginator)
 </script>
 
 <template>
-  <CommonPaginator :state="state">
-    <template v-for="notification of notifications" :key="notification.id">
-      <NotificationCard :notification="notification" border="t border" pt-4 />
+  <CommonPaginator
+    :paginator="paginator"
+    border="t border"
+  >
+    <template #default="{ item }">
+      <NotificationCard
+        :notification="item"
+        border="t border" pt-4
+      />
     </template>
-    <div ref="endAnchor" />
   </CommonPaginator>
 </template>