30 lines
902 B
Vue
30 lines
902 B
Vue
<template>
|
|
<ThreeColumn>
|
|
<template #left>
|
|
<ReviewContactColumnList
|
|
:contacts="contacts"
|
|
:loading="storeResource.contact.loadingAll()"
|
|
/>
|
|
</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>
|