---
import Layout from "../../layouts/Layout.astro"
import NoticePage from "../../components/NoticePage.vue"
// const response = await fetch('https://api8.siliconpin.com/items/scc22?filter[status][_eq]=published&filter[type][_eq]=notice&sort=-date_created');
// const data = await response.json();
// const notice = data.data;
// console.log(data)
---
<Layout title="">
    <main>
        <div>
        </div>
    </main>
    <NoticePage client:visible />
    <!-- <main>
        <div class="container mx-auto mt-3 p-4 ">
            <div>
                <h1 class="text-center text-4xl font-bold underline decoration-4 decoration-blue-700 py-10">Notice</h1>
                <div class="text-blue-700 leading-loose">
                    {
                        notice.map(item =>
                            <a href={'/notice/'+item.slug}>
                                <h3>{item.title}</h3>
                            </a>
                        )
                    }
                </div>
            </div>
        </div>
    </main> -->
</Layout>

