marzban-dev
30 lines
602 B
Vue
30 lines
602 B
Vue
<script lang="ts" setup>
|
|
|
|
// type
|
|
|
|
type Props = {
|
|
articles: Article[],
|
|
}
|
|
|
|
// props
|
|
|
|
const props = defineProps<Props>();
|
|
const { articles } = toRefs(props);
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="columns-2 gap-8 w-full space-y-8">
|
|
<BlogPost
|
|
v-for="article in articles"
|
|
:key="article.id"
|
|
:image="article.cover_image"
|
|
:description="article.summery"
|
|
:title="article.title"
|
|
:comments="2"
|
|
:id="article.id"
|
|
:date="article.created_at"
|
|
tag="تگ ندارد"
|
|
/>
|
|
</div>
|
|
</template> |