2022-11-23 12:48:01 +09:00
|
|
|
<script setup lang="ts">
|
2022-11-27 10:52:46 +09:00
|
|
|
import {
|
|
|
|
isEditHistoryDialogOpen,
|
2022-11-30 12:27:19 +09:00
|
|
|
isMediaPreviewOpen,
|
2022-11-27 10:52:46 +09:00
|
|
|
isPreviewHelpOpen,
|
|
|
|
isPublishDialogOpen,
|
|
|
|
isSigninDialogOpen,
|
|
|
|
} from '~/composables/dialog'
|
2022-11-23 12:48:01 +09:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-12-02 16:27:44 +09:00
|
|
|
<ModalDialog v-model="isSigninDialogOpen" py-4 px-8>
|
2022-12-02 16:02:44 +09:00
|
|
|
<UserSignIn />
|
2022-11-23 12:48:01 +09:00
|
|
|
</ModalDialog>
|
2022-12-02 16:02:44 +09:00
|
|
|
<ModalDialog v-model="isPreviewHelpOpen">
|
2022-11-27 12:13:39 +09:00
|
|
|
<HelpPreview @close="closePreviewHelp()" />
|
2022-11-24 11:38:14 +09:00
|
|
|
</ModalDialog>
|
2022-12-04 15:27:08 +09:00
|
|
|
<ModalDialog v-model="isPublishDialogOpen" max-w-180 flex>
|
|
|
|
<PublishWidget :draft-key="dialogDraftKey" expanded flex-1 />
|
2022-11-24 17:04:53 +09:00
|
|
|
</ModalDialog>
|
2022-12-04 15:27:08 +09:00
|
|
|
<ModalDialog
|
|
|
|
v-model="isMediaPreviewOpen"
|
|
|
|
pointer-events-none
|
|
|
|
w-full max-w-full h-full max-h-full
|
|
|
|
bg-transparent border-0 shadow-none
|
|
|
|
>
|
2022-11-30 12:27:19 +09:00
|
|
|
<ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
|
2022-11-26 03:13:44 +09:00
|
|
|
</ModalDialog>
|
2022-11-26 14:05:44 +09:00
|
|
|
<ModalDialog v-model="isEditHistoryDialogOpen">
|
|
|
|
<StatusEditPreview :edit="statusEdit" />
|
|
|
|
</ModalDialog>
|
2022-11-23 12:48:01 +09:00
|
|
|
</template>
|