<template>
  <v-bottom-sheet v-model="realms.show.editor">
    <realm-editor @relist="realms.list" />
  </v-bottom-sheet>
  <v-bottom-sheet v-model="realms.show.delete">
    <realm-deletion @relist="realms.list" />
  </v-bottom-sheet>
</template>

<script setup lang="ts">
import { useRealms } from "@/stores/realms"
import RealmEditor from "@/components/realms/RealmEditor.vue"
import RealmDeletion from "@/components/realms/RealmDeletion.vue"

const realms = useRealms()
</script>
