🌈 style: 优化代码格式化

src/renderer/components/Coffee.vue

@@ -49,8 +49,10 @@
 
 <script setup>
 import { NButton, NImage, NPopover } from 'naive-ui';
+
 import alipay from '@/assets/alipay.png';
 import wechat from '@/assets/wechat.png';
+
 const message = useMessage();
 const copyQQ = () => {
   navigator.clipboard.writeText('789288579');

src/renderer/components/RecommendAlbum.vue

@@ -20,7 +20,7 @@
         </div>
       </template>
     </div>
-    <MusicList
+    <music-list
       v-model:show="showMusic"
       :name="albumName"
       :song-list="songList"
@@ -36,9 +36,9 @@ import { onMounted, ref } from 'vue';
 
 import { getNewAlbum } from '@/api/home';
 import { getAlbum } from '@/api/list';
+import MusicList from '@/components/MusicList.vue';
 import type { IAlbumNew } from '@/type/album';
 import { getImgUrl, setAnimationClass, setAnimationDelay } from '@/utils';
-import MusicList from '@/components/MusicList.vue';
 
 const albumData = ref<IAlbumNew>();
 const loadAlbumList = async () => {

src/renderer/components/RecommendSinger.vue

@@ -74,11 +74,11 @@ import { onMounted, ref } from 'vue';
 import { useStore } from 'vuex';
 
 import { getDayRecommend, getHotSinger } from '@/api/home';
+import MusicList from '@/components/MusicList.vue';
 import router from '@/router';
 import { IDayRecommend } from '@/type/day_recommend';
 import type { IHotSinger } from '@/type/singer';
 import { getImgUrl, setAnimationClass, setAnimationDelay, setBackgroundImg } from '@/utils';
-import MusicList from '@/components/MusicList.vue';
 
 const store = useStore();
 

src/renderer/components/common/InstallAppModal.vue

@@ -39,10 +39,12 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
+
 import { isElectron, isMobile } from '@/utils';
-import config from '../../../../package.json';
 import { getLatestReleaseInfo } from '@/utils/update';
 
+import config from '../../../../package.json';
+
 const showModal = ref(false);
 const noPrompt = ref(false);
 const releaseInfo = ref<any>(null);
@@ -77,36 +79,33 @@ const handleInstall = async (): Promise<void> => {
   const isMac = userAgent.toLowerCase().includes('mac');
   const isWindows = userAgent.toLowerCase().includes('win');
   const isLinux = userAgent.toLowerCase().includes('linux');
-  const isX64 = userAgent.includes('x86_64') || 
-                userAgent.includes('Win64') || 
-                userAgent.includes('WOW64');
+  const isX64 =
+    userAgent.includes('x86_64') || userAgent.includes('Win64') || userAgent.includes('WOW64');
 
   let downloadUrl = '';
 
   // 根据平台和架构选择对应的安装包
   if (isMac) {
     // macOS
-    const macAsset = assets.find(asset => 
-      asset.name.includes('mac')
-    );
+    const macAsset = assets.find((asset) => asset.name.includes('mac'));
     downloadUrl = macAsset?.browser_download_url || '';
   } else if (isWindows) {
     // Windows
-    let winAsset = assets.find(asset => 
-      asset.name.includes('win') && 
-      (isX64 ? asset.name.includes('x64') : asset.name.includes('ia32'))
+    let winAsset = assets.find(
+      (asset) =>
+        asset.name.includes('win') &&
+        (isX64 ? asset.name.includes('x64') : asset.name.includes('ia32'))
     );
-    if(!winAsset){
-      winAsset = assets.find(asset => 
-        asset.name.includes('win.exe')
-      );
+    if (!winAsset) {
+      winAsset = assets.find((asset) => asset.name.includes('win.exe'));
     }
     downloadUrl = winAsset?.browser_download_url || '';
   } else if (isLinux) {
     // Linux
-    const linuxAsset = assets.find(asset => 
-      (asset.name.endsWith('.AppImage') || asset.name.endsWith('.deb')) && 
-      asset.name.includes('x64')
+    const linuxAsset = assets.find(
+      (asset) =>
+        (asset.name.endsWith('.AppImage') || asset.name.endsWith('.deb')) &&
+        asset.name.includes('x64')
     );
     downloadUrl = linuxAsset?.browser_download_url || '';
   }

src/renderer/components/common/SearchItem.vue

@@ -15,7 +15,7 @@
       <p class="search-item-artist">{{ item.desc }}</p>
     </div>
 
-    <MusicList
+    <music-list
       v-if="['专辑', 'playlist'].includes(item.type)"
       v-model:show="showPop"
       :name="item.name"
@@ -40,6 +40,7 @@ import MvPlayer from '@/components/MvPlayer.vue';
 import { audioService } from '@/services/audioService';
 import { IMvItem } from '@/type/mv';
 import { getImgUrl } from '@/utils';
+
 import MusicList from '../MusicList.vue';
 
 const props = defineProps<{

src/renderer/components/common/SongItem.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="song-item" :class="{ 'song-mini': mini, 'song-list': list }" @contextmenu.prevent="handleContextMenu">
+  <div
+    class="song-item"
+    :class="{ 'song-mini': mini, 'song-list': list }"
+    @contextmenu.prevent="handleContextMenu"
+  >
     <n-image
       v-if="item.picUrl"
       ref="songImg"
@@ -71,17 +75,17 @@
 </template>
 
 <script lang="ts" setup>
+import { cloneDeep } from 'lodash';
+import type { MenuOption } from 'naive-ui';
+import { useMessage } from 'naive-ui';
 import { computed, h, ref, useTemplateRef } from 'vue';
 import { useStore } from 'vuex';
-import { useMessage } from 'naive-ui';
-import type { MenuOption } from 'naive-ui';
 
+import { getSongUrl } from '@/hooks/MusicListHook';
 import { audioService } from '@/services/audioService';
 import type { SongResult } from '@/type/music';
 import { getImgUrl, isElectron } from '@/utils';
 import { getImageBackground } from '@/utils/linearColor';
-import { getSongUrl } from '@/hooks/MusicListHook';
-import { cloneDeep } from 'lodash';
 
 const props = withDefaults(
   defineProps<{
@@ -117,7 +121,7 @@ const isDownloading = ref(false);
 
 const dropdownOptions = computed<MenuOption[]>(() => [
   {
-    label: isDownloading.value ? '下载中...' : '下载 ' + props.item.name,
+    label: isDownloading.value ? '下载中...' : `下载 ${props.item.name}`,
     key: 'download',
     icon: () => h('i', { class: 'iconfont ri-download-line' }),
     disabled: isDownloading.value
@@ -148,7 +152,7 @@ const downloadMusic = async () => {
   try {
     isDownloading.value = true;
     const loadingMessage = message.loading('正在下载中...', { duration: 0 });
-    
+
     const url = await getSongUrl(props.item.id, cloneDeep(props.item));
     if (!url) {
       loadingMessage.destroy();
@@ -156,21 +160,21 @@ const downloadMusic = async () => {
       isDownloading.value = false;
       return;
     }
-    
+
     // 先移除可能存在的旧监听器
     window.electron.ipcRenderer.removeAllListeners('music-download-complete');
-    
+
     // 发送下载请求
     window.electron.ipcRenderer.send('download-music', {
       url,
-      filename: `${props.item.name} - ${(props.item.ar || props.item.song?.artists)?.map(a => a.name).join(',')}`
+      filename: `${props.item.name} - ${(props.item.ar || props.item.song?.artists)?.map((a) => a.name).join(',')}`
     });
 
     // 添加新的一次性监听器
     window.electron.ipcRenderer.once('music-download-complete', (_, result) => {
       isDownloading.value = false;
       loadingMessage.destroy();
-      
+
       if (result.success) {
         message.success('下载成功');
       } else if (result.canceled) {
@@ -298,7 +302,7 @@ const toggleFavorite = async (e: Event) => {
 
     &-download {
       @apply mr-2 cursor-pointer;
-      
+
       .iconfont {
         @apply text-xl transition text-gray-500 dark:text-gray-400 hover:text-green-500;
       }

src/renderer/components/common/UpdateModal.vue

@@ -44,12 +44,14 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, computed, watch } from 'vue';
 import { marked } from 'marked';
-import { checkUpdate, UpdateResult } from '@/utils/update';
-import config from '../../../../package.json';
+import { computed, onMounted, ref, watch } from 'vue';
 import { useStore } from 'vuex';
 
+import { checkUpdate, UpdateResult } from '@/utils/update';
+
+import config from '../../../../package.json';
+
 // 配置 marked
 marked.setOptions({
   breaks: true, // 支持 GitHub 风格的换行
@@ -65,24 +67,27 @@ const updateInfo = ref<UpdateResult>({
   releaseInfo: null
 });
 
-const store = useStore()
+const store = useStore();
 
 // 添加计算属性
 const showUpdateModalState = computed({
   get: () => store.state.showUpdateModal,
   set: (val) => store.commit('setShowUpdateModal', val)
-})
+});
 
 // 替换原来的 watch
 watch(showUpdateModalState, (newVal) => {
   if (newVal) {
-    showModal.value = true
+    showModal.value = true;
   }
-})
+});
 
-watch(() => showModal.value, (newVal) => {
-  showUpdateModalState.value = newVal
-})
+watch(
+  () => showModal.value,
+  (newVal) => {
+    showUpdateModalState.value = newVal;
+  }
+);
 
 // 解析 Markdown
 const parsedReleaseNotes = computed(() => {
@@ -116,52 +121,50 @@ const checkForUpdates = async () => {
   }
 };
 
-
-
 const handleUpdate = async () => {
-  
   const assets = updateInfo.value.releaseInfo?.assets || [];
-  const platform = window.electron.process.platform;
+  const { platform } = window.electron.process;
   const arch = window.electron.ipcRenderer.sendSync('get-arch');
-  console.log('arch',arch)
-  console.log('platform',platform)
-  const version =  updateInfo.value.latestVersion
+  console.log('arch', arch);
+  console.log('platform', platform);
+  const version = updateInfo.value.latestVersion;
   const downUrls = {
     win32: {
       all: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}/AlgerMusicPlayer-${version}-win.exe`,
       x64: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}/AlgerMusicPlayer-${version}-win-x64.exe`,
-      ia32: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}/AlgerMusicPlayer-${version}-win-ia32.exe`,
+      ia32: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}/AlgerMusicPlayer-${version}-win-ia32.exe`
     },
     darwin: {
-      all: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}AlgerMusicPlayer-${version}-mac-universal.dmg`,
+      all: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}AlgerMusicPlayer-${version}-mac-universal.dmg`
     },
     linux: {
       AppImage: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}/AlgerMusicPlayer-${version}-linux-x64.AppImage`,
-      deb: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}/AlgerMusicPlayer-${version}-linux-x64.deb`,
+      deb: `https://github.com/algerkong/AlgerMusicPlayer/releases/download/v${version}/AlgerMusicPlayer-${version}-linux-x64.deb`
     }
-  }
+  };
 
   let downloadUrl = '';
 
   // 根据平台和架构选择对应的安装包
   if (platform === 'darwin') {
     // macOS
-    const macAsset = assets.find(asset => 
-      asset.name.includes('mac')
-    );
+    const macAsset = assets.find((asset) => asset.name.includes('mac'));
     downloadUrl = macAsset?.browser_download_url || downUrls.darwin.all || '';
   } else if (platform === 'win32') {
     // Windows
-    const winAsset = assets.find(asset => 
-      asset.name.includes('win') && 
-      (arch === 'x64' ? asset.name.includes('x64') : asset.name.includes('ia32'))
+    const winAsset = assets.find(
+      (asset) =>
+        asset.name.includes('win') &&
+        (arch === 'x64' ? asset.name.includes('x64') : asset.name.includes('ia32'))
     );
-    downloadUrl = winAsset?.browser_download_url || downUrls.win32[arch] || downUrls.win32.all || ''; 
+    downloadUrl =
+      winAsset?.browser_download_url || downUrls.win32[arch] || downUrls.win32.all || '';
   } else if (platform === 'linux') {
     // Linux
-    const linuxAsset = assets.find(asset => 
-      (asset.name.endsWith('.AppImage') || asset.name.endsWith('.deb')) && 
-      asset.name.includes('x64')
+    const linuxAsset = assets.find(
+      (asset) =>
+        (asset.name.endsWith('.AppImage') || asset.name.endsWith('.deb')) &&
+        asset.name.includes('x64')
     );
     downloadUrl = linuxAsset?.browser_download_url || downUrls.linux[arch] || '';
   }
@@ -211,7 +214,7 @@ onMounted(() => {
       }
       .update-body {
         @apply p-4 pt-2 text-gray-600 dark:text-gray-300 rounded-lg overflow-hidden;
-        
+
         :deep(h1) {
           @apply text-xl font-bold mb-3;
         }
@@ -253,7 +256,8 @@ onMounted(() => {
         }
         :deep(table) {
           @apply w-full mb-3;
-          th, td {
+          th,
+          td {
             @apply px-3 py-2 border border-gray-200 dark:border-gray-600;
           }
           th {
@@ -282,4 +286,4 @@ onMounted(() => {
     }
   }
 }
-</style> 
+</style>