Create latest stories

2024-12-21 22:12:48 +03:30
parent 6b3e617b88
commit 2877a9b68d
1 changed files with 65 additions and 0 deletions
@@ -0,0 +1,65 @@
 <script setup lang="ts">
 // types
 type Props = {}
 // props
 const props = defineProps<Props>();
 const {} = toRefs(props);
 </script>
 <template>
    <section class="h-[100svh] mt-20 px-20">
        <div class="flex items-center justify-between mb-20">
            <span class="typo-h-4 text-black">
                مقالات اخیر سایت
            </span>
            <Button variant="outlined" class="rounded-full" start-icon="ci:paper">
                نمایش همه
            </Button>
        </div>
        <div class="flex gap-12">
            <div class="flex-1 flex flex-col gap-12">
                <BlogPost
                    description="aaasd"
                    title="asd"
                    :comments="2"
                    link="#"
                    date="2020-06-10"
                    tag="asdsa"
                />
                <BlogPost
                    description="aaasd"
                    title="asd"
                    :comments="2"
                    link="#"
                    date="2020-06-10"
                    tag="asdsa"
                />
            </div>
            <div class="flex-[0.8] flex flex-col">
                <BlogPost
                    description="aaasd"
                    title="asd"
                    :comments="2"
                    link="#"
                    date="2020-06-10"
                    tag="asdsa"
                    variant="sm"
                />
                <BlogPost
                    description="aaasd"
                    title="asd"
                    :comments="2"
                    link="#"
                    date="2020-06-10"
                    tag="asdsa"
                    variant="sm"
                />
            </div>
        </div>
    </section>
 </template>