fix issues

frontend/src/views/FavoriteMessages.vue

@@ -17,15 +17,31 @@
 import ListItem from "@/components/ListItem.vue";
 import { getFavoriteMessages } from "@/services/messages";
 import { onMounted, ref } from "vue";
+import { useRoute } from "vue-router";
+
+const route = useRoute();
 
 const messages = ref([]);
 
 const loadMore = async () => {
-  const items = await getChannelMessages(route.params.channel, { offset: messages.value[messages.value.length - 1].ID });
-  messages.value.push(...items);
+  // router goto next page
+  // offset is last message ID
+  const offset = messages.value[messages.value.length - 1].ID
+  router.push({
+    name: "favorite-messages",
+    params: {
+      channel: route.params.channel,
+      offset: offset,
+    },
+  });
+
+  messages.value = await getFavoriteMessages({ offset: offset });
+  console.log("messages", messages.value);
+  // page scroll to top with animation
+  window.scrollTo({ top: 0, behavior: "smooth" });
 }
 
 onMounted(async () => {
-  messages.value = await getFavoriteMessages();
+  messages.value = await getFavoriteMessages({ offset: route.params.offset });
 });
 </script>