From 0dac7b97851630ce8aee063f6926f367909a2d23 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Tue, 15 Nov 2022 21:54:13 +0800
Subject: [PATCH] refactor: use middleware to handle redirection

---
 middleware/auth.ts |  8 ++++++++
 pages/home.vue     |  9 ++++-----
 pages/index.vue    | 11 +++--------
 3 files changed, 15 insertions(+), 13 deletions(-)
 create mode 100644 middleware/auth.ts

diff --git a/middleware/auth.ts b/middleware/auth.ts
new file mode 100644
index 00000000..8e72eff8
--- /dev/null
+++ b/middleware/auth.ts
@@ -0,0 +1,8 @@
+export default defineNuxtRouteMiddleware((from) => {
+  const token = useCookie('nuxtodon-token')
+
+  if (!token.value)
+    return navigateTo('/public')
+  else if (from.path === '/')
+    return navigateTo('/home')
+})
diff --git a/pages/home.vue b/pages/home.vue
index 7c539dd3..32a96acd 100644
--- a/pages/home.vue
+++ b/pages/home.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
-const token = useCookie('nuxtodon-token')
-const router = useRouter()
-if (!token.value)
-  router.replace('/public')
+definePageMeta({
+  middleware: 'auth',
+})
 
 const masto = await useMasto()
 const paginator = masto.timelines.getHomeIterable()
@@ -17,7 +16,7 @@ const paginator = masto.timelines.getHomeIterable()
       <div color-gray i-ri:equalizer-fill mr-1 h-6 />
     </template>
     <slot>
-      <TimelinePaginator :timelines="paginator" />
+      <TimelinePaginator :paginator="paginator" />
     </slot>
   </MainContent>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
index 9bad4a71..387149b3 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,12 +1,7 @@
 <script setup lang="ts">
-const token = useCookie('nuxtodon-token')
-const router = useRouter()
-
-// TODO: move to middleware
-if (!token.value)
-  router.replace('/public')
-else
-  router.replace('/home')
+definePageMeta({
+  middleware: 'auth',
+})
 </script>
 
 <template>