refactor: use middleware to handle redirection

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')
+})

pages/home.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-const token = useCookie('nuxtodon-token')
+definePageMeta({
-const router = useRouter()
+  middleware: 'auth',
-if (!token.value)
+})
-  router.replace('/public')
 
 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>

pages/index.vue

@@ -1,12 +1,7 @@
 <script setup lang="ts">
-const token = useCookie('nuxtodon-token')
+definePageMeta({
-const router = useRouter()
+  middleware: 'auth',
-
+})
-// TODO: move to middleware
-if (!token.value)
-  router.replace('/public')
-else
-  router.replace('/home')
 </script>
 
 <template>