From bd77d467c35eb81b7948f9bf885bbc3ae31958b0 Mon Sep 17 00:00:00 2001
From: Alex Liu <39984251+Mini-ghost@users.noreply.github.com>
Date: Tue, 31 Jan 2023 11:42:46 +0800
Subject: [PATCH] feat: refetch home page when click elk logo (#1129)

---
 components/common/CommonPaginator.vue |  6 ++++++
 components/nav/NavTitle.vue           | 12 +++++++++---
 nuxt.config.ts                        |  6 ++++++
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/components/common/CommonPaginator.vue b/components/common/CommonPaginator.vue
index 9ea6c511..9e9dc935 100644
--- a/components/common/CommonPaginator.vue
+++ b/components/common/CommonPaginator.vue
@@ -43,8 +43,14 @@ defineSlots<{
 }>()
 
 const { t } = useI18n()
+const nuxtApp = useNuxtApp()
 
 const { items, prevItems, update, state, endAnchor, error } = usePaginator(paginator, $$(stream), eventType, preprocess)
+
+nuxtApp.hook('elk-logo:click', () => {
+  update()
+  nuxtApp.$scrollToTop()
+})
 </script>
 
 <template>
diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index 29f7de61..d13bd9ee 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -2,6 +2,13 @@
 const { env } = useBuildInfo()
 const router = useRouter()
 const back = ref<any>('')
+
+const nuxtApp = useNuxtApp()
+
+const onClickLogo = () => {
+  nuxtApp.hooks.callHook('elk-logo:click')
+}
+
 onMounted(() => {
   back.value = router.options.history.state.back
 })
@@ -11,7 +18,6 @@ router.afterEach(() => {
 </script>
 
 <template>
-  <!-- Use external to force refresh page and jump to top of timeline -->
   <div flex justify-between>
     <NuxtLink
       flex items-end gap-4
@@ -19,8 +25,8 @@ router.afterEach(() => {
       text-2xl
       select-none
       focus-visible:ring="2 current"
-      to="/"
-      external
+      to="/home"
+      @click.prevent="onClickLogo"
     >
       <NavLogo shrink-0 aspect="1/1" sm:h-8 xl:h-10 class="rtl-flip" />
       <div hidden xl:block text-secondary>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0f9a6a19..be3a4886 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -211,3 +211,9 @@ declare global {
     }
   }
 }
+
+declare module 'nuxt/dist/app' {
+  interface RuntimeNuxtHooks {
+    'elk-logo:click': () => void
+  }
+}