teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: explore (#14)

Browse source
This commit is contained in:
patak 2022-11-17 14:09:05 +01:00 committed by GitHub
parent 0312547629
commit 0dda5c9b15
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/nav/NavSide.vue
View file

@ -12,7 +12,7 @@
<div i-ri:notification-4-line /> <div i-ri:notification-4-line />
<span>Notifications</span> <span>Notifications</span>
</NuxtLink> </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 /> <div i-ri:hashtag />
<span>Explore</span> <span>Explore</span>
</NuxtLink> </NuxtLink>

23
pages/explore.vue Normal file
View file

@ -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>