31 lines
896 B
Vue
31 lines
896 B
Vue
<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>
|