スライムが現れた！

unko.jsconst aiueo = 'unko'

CategoryList.vue<script setup lang="ts">
// import CatLink from "~/components/CatLink.vue";
import type { Category } from "~~/types/category";

const { data: categories } = await useMicroCMSGetList<Category>({
	endpoint: "categories",
})


</script>
<template>
	<div class="categoryList">
		<ul>
			<li v-for="cat in categories?.contents" :key="cat.id">
				<CatLink :cat="cat" />
			</li>
		</ul>
	</div>
</template>



<style scoped lang="scss">
.categoryList {

	ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
}
</style>