feat: allow logo to refresh home page

frontend_nuxt/components/HeaderComponent.vue

@@ -75,7 +75,11 @@ const userMenu = ref(null)
 const menuBtn = ref(null)
 
 const goToHome = async () => {
-  await navigateTo('/', { replace: true })
+  if (router.currentRoute.value.fullPath === '/') {
+    window.dispatchEvent(new Event('refresh-home'))
+  } else {
+    await navigateTo('/', { replace: true })
+  }
 }
 const search = () => {
   showSearch.value = true

frontend_nuxt/pages/index.vue

@@ -112,7 +112,7 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
+import { ref, watch, onMounted, onBeforeUnmount } from 'vue'
 import ArticleCategory from '~/components/ArticleCategory.vue'
 import ArticleTags from '~/components/ArticleTags.vue'
 import CategorySelect from '~/components/CategorySelect.vue'
@@ -397,6 +397,18 @@ const fetchContent = async (reset = false) => {
   }
 }
 
+const refreshHome = () => {
+  fetchContent(true)
+}
+
+onMounted(() => {
+  window.addEventListener('refresh-home', refreshHome)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('refresh-home', refreshHome)
+})
+
 useScrollLoadMore(fetchContent)
 
 watch([selectedCategory, selectedTags], () => {