feat: refetch home page when click elk logo

[Mini-ghost]

In the current version, clicking the Elk Logo in the navigation bar will reload the entire page.

2023-01-15.12.41.53.mov

According #86, this is to expect that when the Logo is clicked, page will jump to top and refresh timeline to latest.

I try to refactor it with nuxt hook to avoid refetching the whole page.

2023-01-15.12.49.39.mov

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for elk-docs canceled.

Name	Link
🔨 Latest commit	c723cb9
🔍 Latest deploy log	https://app.netlify.com/sites/elk-docs/deploys/63d7e720f0ccc00007aca00b

[antfu]

I think the full page reload should be fixed, but not sure if it makes sense to serve the logo as a refresh button instead of "Go to home page"?

[frankgx97]

Would it make more sense to use the home button rather than the elk logo? Mobile devices cannot benefit from this feature since there's no elk logo at all, also considering currently there's no way to refresh timeline in PWA other than killing and relaunching the app.

[Mini-ghost]

I think the full page reload should be fixed, but not sure if it makes sense to serve the logo as a refresh button instead of "Go to home page"?

In this PR, the link behavior is "Go to homepage" if the user is not on the homepage, otherwise "Refetch timeline data" if the user is on the homepage, is this PR title inaccurate ?

[netlify]

✅ Deploy Preview for elk-zone ready!

Name	Link
🔨 Latest commit	c723cb9
🔍 Latest deploy log	https://app.netlify.com/sites/elk-zone/deploys/63d7e72014bcd700084beffe
😎 Deploy Preview	https://deploy-preview-1129--elk-zone.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[patak-dev]

I now get a blank timeline if I open the preview, scroll down a bit, and then press the logo.

[Mini-ghost]

I now get a blank timeline if I open the preview, scroll down a bit, and then press the logo.

This solved!