<template>
  <div class="flex h-1/1">
    <!-- 模式 -->
    <Mode class="flex-none" @generate-music="generateMusic"/>
    <!-- 音频列表 -->
    <List ref="listRef" class="flex-auto"/>
  </div>
</template>

<script lang="ts" setup>
import Mode from './components/mode/index.vue'
import List from './components/list/index.vue'

defineOptions({ name: 'Index' })

const listRef = ref<{generateMusic: (...args) => void} | null>(null)

function generateMusic (args: {formData: Recordable}) {
 unref(listRef)?.generateMusic(args.formData)
}
</script>
