marzban-dev
37 lines
816 B
Vue
37 lines
816 B
Vue
<script lang="ts" setup>
|
|
|
|
// type
|
|
|
|
type Props = {
|
|
articles: Article[],
|
|
}
|
|
|
|
// props
|
|
|
|
const props = defineProps<Props>();
|
|
const { articles } = toRefs(props);
|
|
|
|
// state
|
|
|
|
const isMobile = useMediaQuery('(max-width: 1024px)');
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="grid grid-cols-1 xs:grid-cols-2 xl:grid-cols-3 gap-6 sm: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"
|
|
:slug="article.slug"
|
|
:date="article.created_at"
|
|
:variant="'sm'"
|
|
:category="article.category"
|
|
tag="تگ ندارد"
|
|
/>
|
|
</div>
|
|
</template> |