<template>
	<ThreeColumn>
		<template #left>
			<ReviewContactColumnList />
		</template>
		<template #center>
			<ReviewContactColumnDetail />
		</template>
		<template #right>
			<ReviewContactColumnAction />
		</template>
	</ThreeColumn>
</template>
<script setup lang="ts">
import { computedAsync } from "@vueuse/core";

import ThreeColumn from "@/components/layout/ThreeColumn.vue";
import ReviewContactColumnAction from "@/components/ReviewContactColumnAction.vue";
import ReviewContactColumnDetail from "@/components/ReviewContactColumnDetail.vue";
import ReviewContactColumnList from "@/components/ReviewContactColumnList.vue";
import { useStoreResource } from "@/store/resource";

const storeResource = useStoreResource();
const contacts = computedAsync(() => {
	return storeResource.contact.byAll();
});
</script>
