favorites and other should be done?

nginx/vue/src/components/home/Consumption.vue

@@ -1,6 +1,4 @@
 <script setup>
-import { onBeforeMount } from "vue";
-
 import AutoScroll from "@/components/util/AutoScroll.vue";
 import OptionalLinkTable from "@/components/util/OptionalLinkTable.vue";
 import Header from "@/components/text/Header.vue";
@@ -8,10 +6,6 @@ import Header from "@/components/text/Header.vue";
 import { useActivityStore } from "@/stores/activity";
 
 const activityStore = useActivityStore();
-
-onBeforeMount(() => {
-    activityStore.fetchActivity();
-});
 </script>
 
 <template>

nginx/vue/src/components/home/Favorites.vue

@@ -1,6 +1,4 @@
 <script setup>
-import { onBeforeMount } from "vue";
-
 import Header from "@/components/text/Header.vue";
 import OptionalLinkTable from "@/components/util/OptionalLinkTable.vue";
 import AutoScroll from "@/components/util/AutoScroll.vue";
@@ -8,10 +6,6 @@ import AutoScroll from "@/components/util/AutoScroll.vue";
 import { useFavoritesStore } from "@/stores/favorites";
 
 const favoritesStore = useFavoritesStore();
-
-onBeforeMount(() => {
-    favoritesStore.fetchFavorites();
-});
 </script>
 
 <template>

nginx/vue/src/components/home/Feed.vue

@@ -35,10 +35,6 @@ function prevPost() {
 function deletePost() {
     postsStore.deletePost(post.value);
 }
-
-onBeforeMount(() => {
-    postsStore.fetchPosts();
-});
 </script>
 
 <template>

nginx/vue/src/stores/activity.js

@@ -25,6 +25,7 @@ export const useActivityStore = defineStore("activity", () => {
     }
   }
 
+  fetchActivity();
   return {
     activity,
     activityCount,

nginx/vue/src/stores/posts.js

@@ -40,6 +40,9 @@ export const usePostsStore = defineStore("posts", () => {
       console.error("Delete failed:", err);
     }
   }
+
+  fetchPosts();
+
   return {
     posts,