<template>
    <div class="container-xxl flex-grow-1 container-p-y">
        <search-bar />

        <div class="row g-3">
            <div class="mt-8">
                <button type="button" class="btn btn-primary float-end">글쓰기</button>
            </div>
            <template v-for="(item, index) in list" :key="item.id">
                <board-card :item="item" />
            </template>
            <div class="mt-8">
                {{ list[0].title }}
                <pagination />
            </div>
        </div>
    </div>
</template>

<script setup>
    import { ref } from 'vue';
    import BoardCard from '@/components/list/BoardCard.vue';
    import Pagination from '@/components/pagination/Pagination.vue';
    import SearchBar from '@/components/search/SearchBar.vue';
    import dummy from '@a/boardDummy.json';

    const list = ref(dummy);
</script>

<style></style>
