recipes/vue3/src/components/dialogs/ModelEditorDialog.vue

<template>
    <v-dialog max-width="600" activator="parent" v-model="dialog">
        <access-token-editor :item="item" @create="createEvent" @save="saveEvent" @delete="deleteEvent" v-if="model == SupportedModels.AccessToken"></access-token-editor>
    </v-dialog>
</template>

<script setup lang="ts">


import {PropType, ref} from "vue";
import AccessTokenEditor from "@/components/model_editors/AccessTokenEditor.vue";
import {AccessToken, Food} from "@/openapi";

enum SupportedModels {
    AccessToken = 'AccessToken'
}

const emit = defineEmits(['create', 'save', 'delete'])

const props = defineProps({
    model: {
        type: '',
        required: true,
        validator: (val) => ['AccessToken'].includes(val)
    },
    item: {default: null},
    closeAfterCreate: {default: true},
    closeAfterSave: {default: true},
    closeAfterDelete: {default: true},
})

const dialog = ref(false)

function createEvent(arg) {
    emit('create', arg)
    dialog.value = dialog.value && !props.closeAfterCreate
}

function saveEvent(arg) {
    emit('save', arg)
    dialog.value = dialog.value && !props.closeAfterSave
}

function deleteEvent(arg) {
    emit('delete', arg)
    dialog.value = dialog.value && !props.closeAfterDelete
}

</script>

<style scoped>

</style>