elk/components/modal/ModalContainer.vue

<script setup lang="ts">
import { isImagePreviewDialogOpen, isPreviewHelpOpen, isPublishDialogOpen, isSigninDialogOpen, isUserSwitcherOpen } from '~/composables/dialog'
</script>

<template>
  <ModalDrawer v-model="isUserSwitcherOpen" direction="right">
    <UserSwitcher min-w-100 />
  </ModalDrawer>
  <ModalDialog v-model="isSigninDialogOpen">
    <UserSignIn m6 />
  </ModalDialog>
  <ModalDialog v-model="isPreviewHelpOpen">
    <HelpPreview />
  </ModalDialog>
  <ModalDialog v-model="isPublishDialogOpen">
    <PublishWidget draft-key="dialog" expanded min-w-180 />
  </ModalDialog>
  <ModalDialog v-model="isImagePreviewDialogOpen">
    <img :src="imagePreview.src" :alt="imagePreview.alt" max-w-95vw max-h-95vh>
  </ModalDialog>
</template>