You've already forked AstralRinth
forked from didirus/AstralRinth
79 lines
2.4 KiB
Vue
79 lines
2.4 KiB
Vue
<script setup>
|
|
import { ref, onUnmounted, shallowRef } from 'vue'
|
|
import { useRoute } from 'vue-router'
|
|
import RowDisplay from '@/components/RowDisplay.vue'
|
|
import { list } from '@/helpers/profile.js'
|
|
import { profile_listener } from '@/helpers/events'
|
|
import { useBreadcrumbs } from '@/store/breadcrumbs'
|
|
import { useFetch } from '@/helpers/fetch.js'
|
|
import { handleError } from '@/store/notifications.js'
|
|
|
|
const featuredModpacks = ref({})
|
|
const featuredMods = ref({})
|
|
const filter = ref('')
|
|
|
|
const route = useRoute()
|
|
const breadcrumbs = useBreadcrumbs()
|
|
|
|
breadcrumbs.setRootContext({ name: 'Home', link: route.path })
|
|
|
|
const recentInstances = shallowRef([])
|
|
|
|
const getInstances = async () => {
|
|
filter.value = ''
|
|
const profiles = await list(true).catch(handleError)
|
|
recentInstances.value = Object.values(profiles)
|
|
|
|
const excludeIds = recentInstances.value.map((i) => i.metadata?.linked_data?.project_id)
|
|
excludeIds.forEach((id, index) => {
|
|
filter.value += `NOT"project_id"="${id}"`
|
|
if (index < excludeIds.length - 1) filter.value += ' AND '
|
|
})
|
|
}
|
|
|
|
const getFeaturedModpacks = async () => {
|
|
const response = await useFetch(
|
|
`https://api.modrinth.com/v2/search?facets=[["project_type:modpack"]]&limit=10&index=follows&filters=${filter.value}`,
|
|
'featured modpacks'
|
|
)
|
|
featuredModpacks.value = response.hits
|
|
}
|
|
const getFeaturedMods = async () => {
|
|
const response = await useFetch(
|
|
`https://api.modrinth.com/v2/search?facets=[["project_type:mod"]]&limit=10&index=follows&filters=${filter.value}`,
|
|
'featured mods'
|
|
)
|
|
featuredMods.value = response.hits
|
|
}
|
|
|
|
await getInstances()
|
|
await Promise.all([getFeaturedModpacks(), getFeaturedMods()])
|
|
|
|
const unlisten = await profile_listener(async (e) => {
|
|
await getInstances()
|
|
if (e.event === 'created' || e.event === 'removed') {
|
|
await Promise.all([getFeaturedModpacks(), getFeaturedMods()])
|
|
}
|
|
})
|
|
|
|
onUnmounted(() => unlisten())
|
|
</script>
|
|
|
|
<template>
|
|
<div class="page-container">
|
|
<RowDisplay label="Jump back in" :instances="recentInstances" :can-paginate="false" />
|
|
<RowDisplay label="Popular packs" :instances="featuredModpacks" :can-paginate="true" />
|
|
<RowDisplay label="Popular mods" :instances="featuredMods" :can-paginate="true" />
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.page-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
</style>
|