heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Uodated

Browse Source
This commit is contained in:
marzban-dev
2025-02-02 21:19:45 +03:30
parent ebc7a14103
commit e7995bc856
1 changed files with 10 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/home/LatestStories.vue
+10 -49
View File
@@ -1,13 +1,15 @@
<script setup lang="ts">
// types
// state
type Props = {}
import useGetArticles from "~/composables/api/blog/useGetArticles";
// props
const page = ref(1);
const { data: articles, suspense } = useGetArticles(page);
const props = defineProps<Props>();
const {} = toRefs(props);
// ssr
await suspense();
</script>
@@ -23,49 +25,8 @@ const {} = toRefs(props);
</Button>
</NuxtLink>
</div>
<div class="flex gap-12">
<div class="flex-1 flex flex-col gap-12">
<BlogPost
image="/img/blog-1.jpeg"
description="aaasd"
title="asd"
:comments="2"
link="#"
date="2020-06-10"
tag="asdsa"
/>
<BlogPost
image="/img/blog-2.jpeg"
description="aaasd"
title="asd"
:comments="2"
link="#"
date="2020-06-10"
tag="asdsa"
/>
</div>
<div class="flex-[0.8] flex flex-col">
<BlogPost
image="/img/blog-3.jpeg"
description="aaasd"
title="asd"
:comments="2"
link="#"
date="2020-06-10"
tag="asdsa"
variant="sm"
/>
<BlogPost
image="/img/blog-4.jpeg"
description="aaasd"
title="asd"
:comments="2"
link="#"
date="2020-06-10"
tag="asdsa"
variant="sm"
/>
</div>
</div>
<ClientOnly>
<ArticlesList :articles="articles!.results" />
</ClientOnly>
</section>
</template>