From 0dda5c9b1553e25a106735a567ce144f6d532c48 Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Thu, 17 Nov 2022 14:09:05 +0100
Subject: [PATCH] feat: explore (#14)

---
 components/nav/NavSide.vue |  2 +-
 pages/explore.vue          | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 pages/explore.vue

diff --git a/components/nav/NavSide.vue b/components/nav/NavSide.vue
index 061c30ff..da09e22f 100644
--- a/components/nav/NavSide.vue
+++ b/components/nav/NavSide.vue
@@ -12,7 +12,7 @@
       <div i-ri:notification-4-line />
       <span>Notifications</span>
     </NuxtLink>
-    <NuxtLink flex gap2 items-center active-class="text-primary">
+    <NuxtLink flex gap2 items-center to="/explore" active-class="text-primary">
       <div i-ri:hashtag />
       <span>Explore</span>
     </NuxtLink>
diff --git a/pages/explore.vue b/pages/explore.vue
new file mode 100644
index 00000000..f4745d71
--- /dev/null
+++ b/pages/explore.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+definePageMeta({
+  middleware: 'auth',
+})
+
+const masto = await useMasto()
+const paginator = masto.trends.getStatuses()
+</script>
+
+<template>
+  <MainContent>
+    <template #title>
+      <div i-ri:hashtag h-6 mr-1 /><span>Explore</span>
+    </template>
+    <template #actions>
+      <div color-gray i-ri:equalizer-fill mr-1 h-6 />
+    </template>
+    <slot>
+      <!-- TODO: Tabs for trending statuses, tags, and links -->
+      <TimelinePaginator :paginator="paginator" />
+    </slot>
+  </MainContent>
+</template>