<template>
	<!-- 编辑素材 -->
	<div class="surface-edit">
		<p class="label">Image</p>
		<upload-file v-model="data.file" />
		<p class="label">Prompt</p>
		<my-textarea v-model="data.prompt" />
	</div>
</template>

<script setup lang="ts">
	import { reactive, onMounted } from 'vue'
	import myTextarea from '../../tools/my-textarea.vue'
	import uploadFile from '../../tools/upload-file.vue'
	const data = reactive({
		prompt: '',
		file: null
	})

	defineExpose({ data })
</script>

<style lang="less" scoped>
	.surface-edit {
	}
</style>
