FoundKeyGang/FoundKey
FoundKeyGang/FoundKey
7
19
Fork 22
Code Issues 37 Pull requests 4 Releases Activity

refactor: post-form-dialog.vue to composition api #81

Merged
Johann150 merged 1 commit from refactor/post-form-dialog into main 2022-08-20 09:20:24 +00:00
Conversation 0 Commits 1 Files changed 1 +8 -11
1 changed files with 8 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/client/src/components/post-form-dialog.vue
View file

@ -1,19 +1,16 @@
<template>
<MkModal ref="modal" :prefer-type="'dialog:top'" @click="$refs.modal.close()" @closed="$emit('closed')">
<MkPostForm v-bind="$attrs" @posted="$refs.modal.close()" @cancel="$refs.modal.close()" @esc="$refs.modal.close()"/>
<MkModal ref="modal" :prefer-type="'dialog:top'" @click="modal.close()" @closed="emit('closed')">
<MkPostForm v-bind="$attrs" @posted="modal.close()" @cancel="modal.close()" @esc="modal.close()"/>
</MkModal>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
<script lang="ts" setup>
import MkModal from '@/components/ui/modal.vue';
import MkPostForm from '@/components/post-form.vue';
export default defineComponent({
components: {
MkModal,
MkPostForm,
},
emits: ['closed'],
});
const emit = defineEmits<{
(ev: 'closed'): void;
}>();
let modal: InstanceType<typeof MkModal> = $ref();
</script>