重构优化项目结构

src/views/Home/components/VideoManage.vue

@@ -70,8 +70,8 @@ import { useTranslation } from 'i18next-vue'
 import { useAppStore } from '@/store'
 import { useToast } from 'vue-toastification'
 import { ListFilesFromFolderRecord } from '~/electron/types'
-import VideoAutoPreview, { VideoInfo } from '@/components/video-auto-preview.vue'
 import { RenderVideoParams } from '~/electron/ffmpeg/types'
+import VideoAutoPreview, { VideoInfo } from '@/components/VideoAutoPreview.vue'
 import random from 'random'
 
 const toast = useToast()

src/views/Home/index.vue

@@ -29,10 +29,10 @@
 </template>
 
 <script lang="ts" setup>
-import TextGenerate from './components/text-generate.vue'
-import VideoManage from './components/video-manage.vue'
-import TtsControl from './components/tts-control.vue'
-import VideoRender from './components/video-render.vue'
+import TextGenerate from './components/TextGenerate.vue'
+import VideoManage from './components/VideoManage.vue'
+import TtsControl from './components/TtsControl.vue'
+import VideoRender from './components/VideoRender.vue'
 
 import { ref } from 'vue'
 import { RenderStatus, useAppStore } from '@/store'
@@ -66,9 +66,11 @@ const handleRenderVideo = async () => {
   let randomBgm: ListFilesFromFolderRecord | undefined = undefined
   if (appStore.renderConfig.bgmPath) {
     try {
-      const bgmList = (await window.electron.listFilesFromFolder({
-        folderPath: appStore.renderConfig.bgmPath.replace(/\\/g, '/'),
-      })).filter((asset) => asset.name.endsWith('.mp3'))
+      const bgmList = (
+        await window.electron.listFilesFromFolder({
+          folderPath: appStore.renderConfig.bgmPath.replace(/\\/g, '/'),
+        })
+      ).filter((asset) => asset.name.endsWith('.mp3'))
       if (bgmList.length > 0) {
         randomBgm = random.choice(bgmList)
       }