rudeshark.net/packages/client/src/components/MkPostFormDialog.vue

<template>
	<MkModal ref="modal" :prefer-type="'dialog'" @click="modal.close()" @closed="onModalClosed()">
		<MkPostForm ref="form" style="margin: 0 auto auto auto;" v-bind="props" autofocus freeze-after-posted @posted="onPosted" @cancel="modal.close()" @esc="modal.close()"/>
	</MkModal>
	</template>

	<script lang="ts" setup>
	import { } from 'vue';
	import * as misskey from 'calckey-js';
	import MkModal from '@/components/MkModal.vue';
	import MkPostForm from '@/components/MkPostForm.vue';

	const props = defineProps<{
		reply?: misskey.entities.Note;
		renote?: misskey.entities.Note;
		channel?: any; // TODO
		mention?: misskey.entities.User;
		specified?: misskey.entities.User;
		initialText?: string;
		initialVisibility?: typeof misskey.noteVisibilities;
		initialFiles?: misskey.entities.DriveFile[];
		initialLocalOnly?: boolean;
		initialVisibleUsers?: misskey.entities.User[];
		initialNote?: misskey.entities.Note;
		instant?: boolean;
		fixed?: boolean;
		autofocus?: boolean;
	}>();

	const emit = defineEmits<{
		(ev: 'closed'): void;
	}>();

	let modal = $shallowRef<InstanceType<typeof MkModal>>();
	let form = $shallowRef<InstanceType<typeof MkPostForm>>();

	function onPosted() {
		modal.close({
			useSendAnimation: true,
		});
	}

	function onModalClosed() {
		emit('closed');
	}
	</script>