48 lines
1.1 KiB
Vue
48 lines
1.1 KiB
Vue
<template>
|
|
<v-infinite-scroll :items="posts" :onLoad="loadPost">
|
|
<template v-for="item in posts" :key="item">
|
|
<post-item :post="item" no-clickable-attachment />
|
|
</template>
|
|
</v-infinite-scroll>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const props = defineProps<{ author?: string, tag?: string, category?: string, realmId?: number }>()
|
|
|
|
const config = useRuntimeConfig()
|
|
|
|
const posts = ref<any[]>([])
|
|
|
|
async function loadPost({ done }: any) {
|
|
const searchQueries = new URLSearchParams({
|
|
take: (10).toString(),
|
|
offset: posts.value.length.toString(),
|
|
})
|
|
|
|
if (props.author) {
|
|
searchQueries.set("author", props.author)
|
|
}
|
|
if (props.realmId) {
|
|
searchQueries.set("realmId", props.realmId.toString())
|
|
}
|
|
|
|
if (props.tag) {
|
|
searchQueries.set("tag", props.tag)
|
|
}
|
|
if (props.category) {
|
|
searchQueries.set("category", props.category)
|
|
}
|
|
|
|
const res = await fetch(`${config.public.solarNetworkApi}/cgi/interactive/posts?` + searchQueries)
|
|
const result = await res.json()
|
|
|
|
if (result.data.length > 0) {
|
|
posts.value.push(...result.data)
|
|
done("ok")
|
|
} else {
|
|
done("empty")
|
|
}
|
|
|
|
}
|
|
</script>
|