✨ feat: 优化语言设置和国际化处理

✨ feat: 弱化下载功能 默认隐藏下载列表按钮 在设置中配置打开

CHANGELOG.md

@@ -1,21 +1,9 @@
 # 更新日志
 
-## v3.9.0
+## v3.9.3
+
 ### ✨ 新功能
-- 添加歌曲右键菜单功能，支持添加到歌单、创建歌单、取消收藏等操作
+- 实现国际化（i18n）功能
-- 添加下一首播放功能（右键歌曲）
+- 增加动态代理节点获取和缓存机制
-- 添加自动播放和自动保存正在播放列表功能(设置->播放设置->自动播放)
+- 优化更新检查逻辑，增加多个代理源支持
-- 优化歌词滚动体验
+- 修改捐赠列表 API
-
-### ⚡ 优化
-- 升级 Electron 版本和相关依赖包
-- 优化播放体验和代码结构
-
-### 🐞 修复
-- 修复我的收藏查看更多跳转空白页的问题
-
-
-## 咖啡☕️
-|                                        微信                                 |       |                                       支付宝                                       |
-| :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: |
-| <img src="https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/src/renderer/assets/wechat.png" alt="WeChat QRcode" width=200>|           | <img src="https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/src/renderer/assets/alipay.png" alt="Wechat QRcode" width=200> |

README.md

@@ -47,8 +47,6 @@ QQ群:789288579
 
 ## 咖啡☕️
 
-[<img src="https://api.gitsponsors.com/api/badge/img?id=710867462" height="90">](https://api.gitsponsors.com/api/badge/link?p=GTUHmTNQ9W5XzPhaLd8cPBm26uhtP/QOon9hexaWh9gnfaDT3ivj1ID0uKScVHL61jTFrK1fRWyigScIYvcLh/no+3zgtdW3TK0+vN0TVs84Mt3RibhEqAgBHSd8KhNLxaMd4vMIY37P5gOA2/QYcw==)
-
 |                                        微信                                        |                                       支付宝                                       |
 | :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: |
 | <img src="https://github.com/algerkong/algerkong/blob/main/wechat.jpg?raw=true" alt="WeChat QRcode" width=200> | <img src="https://github.com/algerkong/algerkong/blob/main/alipay.jpg?raw=true" alt="Wechat QRcode" width=200> |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "AlgerMusicPlayer",
-  "version": "3.9.0",
+  "version": "3.9.3",
   "description": "Alger Music Player",
   "author": "Alger <algerkc@qq.com>",
   "main": "./out/main/index.js",
@@ -27,7 +27,8 @@
     "electron-store": "^8.1.0",
     "electron-updater": "^6.1.7",
     "font-list": "^1.5.1",
-    "netease-cloud-music-api-alger": "^4.25.0"
+    "netease-cloud-music-api-alger": "^4.25.0",
+    "vue-i18n": "9"
   },
   "devDependencies": {
     "@electron-toolkit/eslint-config": "^1.0.2",

src/i18n/lang/en-US/artist.ts

@@ -0,0 +1,5 @@
+export default {
+  hotSongs: 'Hot Songs',
+  albums: 'Albums',
+  description: 'Artist Introduction'
+};

src/i18n/lang/en-US/common.ts

@@ -0,0 +1,47 @@
+export default {
+  play: 'Play',
+  next: 'Next',
+  previous: 'Previous',
+  volume: 'Volume',
+  settings: 'Settings',
+  search: 'Search',
+  loading: 'Loading...',
+  loadingMore: 'Loading more...',
+  alipay: 'Alipay',
+  wechat: 'WeChat Pay',
+  on: 'On',
+  off: 'Off',
+  show: 'Show',
+  hide: 'Hide',
+  confirm: 'Confirm',
+  cancel: 'Cancel',
+  configure: 'Configure',
+  open: 'Open',
+  modify: 'Modify',
+  success: 'Operation Successful',
+  error: 'Operation Failed',
+  warning: 'Warning',
+  info: 'Info',
+  save: 'Save',
+  delete: 'Delete',
+  refresh: 'Refresh',
+  retry: 'Retry',
+  validation: {
+    required: 'This field is required',
+    invalidInput: 'Invalid input',
+    selectRequired: 'Please select an option',
+    numberRange: 'Please enter a number between {min} and {max}',
+    ipAddress: 'Please enter a valid IP address',
+    portNumber: 'Please enter a valid port number (1-65535)'
+  },
+  viewMore: 'View More',
+  noMore: 'No more',
+  expand: 'Expand',
+  collapse: 'Collapse',
+  songCount: '{count} songs',
+  tray: {
+    show: 'Show',
+    quit: 'Quit'
+  },
+  language: 'Language'
+};

src/i18n/lang/en-US/comp.ts

@@ -0,0 +1,89 @@
+export default {
+  installApp: {
+    description: 'Install the application on the desktop for a better experience',
+    noPrompt: 'Do not prompt again',
+    install: 'Install now',
+    cancel: 'Cancel',
+    download: 'Download',
+    downloadFailed: 'Download failed',
+    downloadComplete: 'Download complete',
+    downloadProblem: 'Download problem? Go to',
+    downloadProblemLinkText: 'Download the latest version'
+  },
+  playlistDrawer: {
+    title: 'Add to playlist',
+    createPlaylist: 'Create new playlist',
+    cancelCreate: 'Cancel create',
+    create: 'Create',
+    playlistName: 'Playlist name',
+    privatePlaylist: 'Private playlist',
+    publicPlaylist: 'Public playlist',
+    createSuccess: 'Playlist created successfully',
+    createFailed: 'Playlist creation failed',
+    addSuccess: 'Song added successfully',
+    addFailed: 'Song addition failed',
+    private: 'Private',
+    public: 'Public',
+    count: 'songs',
+    loginFirst: 'Please login first',
+    getPlaylistFailed: 'Get playlist failed',
+    inputPlaylistName: 'Please enter the playlist name'
+  },
+  update: {
+    title: 'New version found',
+    currentVersion: 'Current version',
+    cancel: 'Do not update',
+    prepareDownload: 'Preparing to download...',
+    downloading: 'Downloading...',
+    nowUpdate: 'Update now',
+    downloadFailed: 'Download failed, please try again or download manually',
+    startFailed: 'Start download failed, please try again or download manually',
+    noDownloadUrl:
+      'No suitable installation package found for the current system, please download manually'
+  },
+  coffee: {
+    title: 'Buy me a coffee',
+    alipay: 'Alipay',
+    wechat: 'Wechat',
+    alipayQR: 'Alipay QR code',
+    wechatQR: 'Wechat QR code',
+    coffeeDesc: 'A cup of coffee, a support',
+    coffeeDescLinkText: 'View more',
+    qqGroup: 'QQ group: 789288579',
+    messages: {
+      copySuccess: 'Copied to clipboard'
+    }
+  },
+  playlistType: {
+    title: 'Playlist Category',
+    showAll: 'Show all',
+    hide: 'Hide some'
+  },
+  recommendAlbum: {
+    title: 'Latest Album'
+  },
+  recommendSinger: {
+    title: 'Daily Recommendation',
+    songlist: 'Daily Recommendation List'
+  },
+  recommendSonglist: {
+    title: 'Weekly Hot Music'
+  },
+  searchBar: {
+    login: 'Login',
+    toLogin: 'To Login',
+    logout: 'Logout',
+    set: 'Set',
+    theme: 'Theme',
+    restart: 'Restart',
+    refresh: 'Refresh',
+    currentVersion: 'Current Version',
+    searchPlaceholder: 'Search for something...'
+  },
+  titleBar: {
+    closeTitle: 'Choose how to close',
+    minimizeToTray: 'Minimize to Tray',
+    exitApp: 'Exit App',
+    rememberChoice: 'Remember my choice'
+  }
+};

src/i18n/lang/en-US/donation.ts

@@ -0,0 +1,6 @@
+export default {
+  description:
+    'Your donation will be used to support development and maintenance work, including but not limited to server maintenance, domain name renewal, etc.',
+  message: 'You can leave your email or github name when leaving a message.',
+  refresh: 'Refresh List'
+};

src/i18n/lang/en-US/download.ts

@@ -0,0 +1,36 @@
+export default {
+  title: 'Download Manager',
+  localMusic: 'Local Music',
+  tabs: {
+    downloading: 'Downloading',
+    downloaded: 'Downloaded'
+  },
+  empty: {
+    noTasks: 'No download tasks',
+    noDownloaded: 'No downloaded songs'
+  },
+  progress: {
+    total: 'Total Progress: {progress}%'
+  },
+  status: {
+    downloading: 'Downloading',
+    completed: 'Completed',
+    failed: 'Failed',
+    unknown: 'Unknown'
+  },
+  artist: {
+    unknown: 'Unknown Artist'
+  },
+  delete: {
+    title: 'Delete Confirmation',
+    message: 'Are you sure you want to delete "{filename}"? This action cannot be undone.',
+    confirm: 'Delete',
+    cancel: 'Cancel',
+    success: 'Successfully deleted',
+    failed: 'Failed to delete'
+  },
+  message: {
+    downloadComplete: '{filename} download completed',
+    downloadFailed: '{filename} download failed: {error}'
+  }
+};

src/i18n/lang/en-US/favorite.ts

@@ -0,0 +1,15 @@
+export default {
+  title: 'Favorites',
+  count: 'Total {count}',
+  batchDownload: 'Batch Download',
+  selectAll: 'All',
+  download: 'Download ({count})',
+  cancel: 'Cancel',
+  emptyTip: 'No favorite songs yet',
+  viewMore: 'View More',
+  noMore: 'No more',
+  downloadSuccess: 'Download completed',
+  downloadFailed: 'Download failed',
+  downloading: 'Downloading, please wait...',
+  selectSongsFirst: 'Please select songs to download first'
+};

src/i18n/lang/en-US/history.ts

@@ -0,0 +1,5 @@
+export default {
+  title: 'Play History',
+  playCount: '{count}',
+  getHistoryFailed: 'Failed to get play history'
+};

src/i18n/lang/en-US/index.ts

@@ -0,0 +1,29 @@
+import artist from './artist';
+import common from './common';
+import comp from './comp';
+import donation from './donation';
+import download from './download';
+import favorite from './favorite';
+import history from './history';
+import login from './login';
+import player from './player';
+import search from './search';
+import settings from './settings';
+import songItem from './songItem';
+import user from './user';
+
+export default {
+  common,
+  donation,
+  favorite,
+  history,
+  login,
+  player,
+  search,
+  settings,
+  songItem,
+  user,
+  download,
+  comp,
+  artist
+};

src/i18n/lang/en-US/login.ts

@@ -0,0 +1,22 @@
+export default {
+  title: {
+    qr: 'QR Code Login',
+    phone: 'Phone Login'
+  },
+  qrTip: 'Scan with NetEase Cloud Music APP',
+  phoneTip: 'Login with NetEase Cloud account',
+  placeholder: {
+    phone: 'Phone Number',
+    password: 'Password'
+  },
+  button: {
+    login: 'Login',
+    switchToQr: 'QR Code Login',
+    switchToPhone: 'Phone Login'
+  },
+  message: {
+    loginSuccess: 'Login successful',
+    loadError: 'Error loading login information',
+    qrCheckError: 'Error checking QR code status'
+  }
+};

src/i18n/lang/en-US/player.ts

@@ -0,0 +1,49 @@
+export default {
+  nowPlaying: 'Now Playing',
+  playlist: 'Playlist',
+  lyrics: 'Lyrics',
+  previous: 'Previous',
+  play: 'Play',
+  pause: 'Pause',
+  next: 'Next',
+  volumeUp: 'Volume Up',
+  volumeDown: 'Volume Down',
+  mute: 'Mute',
+  unmute: 'Unmute',
+  playMode: {
+    sequence: 'Sequence',
+    loop: 'Loop',
+    random: 'Random'
+  },
+  fullscreen: {
+    enter: 'Enter Fullscreen',
+    exit: 'Exit Fullscreen'
+  },
+  close: 'Close',
+  modeHint: {
+    single: 'Single',
+    list: 'Next'
+  },
+  lrc: {
+    noLrc: 'No lyrics, please enjoy'
+  },
+  playBar: {
+    expand: 'Expand Lyrics',
+    collapse: 'Collapse Lyrics',
+    like: 'Like',
+    lyric: 'Lyric',
+    playList: 'Play List',
+    playMode: {
+      sequence: 'Sequence',
+      loop: 'Loop',
+      random: 'Random'
+    },
+    play: 'Play',
+    pause: 'Pause',
+    prev: 'Previous',
+    next: 'Next',
+    volume: 'Volume',
+    favorite: 'Favorite {name}',
+    unFavorite: 'Unfavorite {name}'
+  }
+};

src/i18n/lang/en-US/search.ts

@@ -0,0 +1,19 @@
+export default {
+  title: {
+    hotSearch: 'Hot Search',
+    searchList: 'Search Results',
+    searchHistory: 'Search History'
+  },
+  button: {
+    clear: 'Clear',
+    back: 'Back'
+  },
+  loading: {
+    more: 'Loading...',
+    failed: 'Search failed'
+  },
+  noMore: 'No more results',
+  error: {
+    searchFailed: 'Search failed'
+  }
+};

src/i18n/lang/en-US/settings.ts

@@ -0,0 +1,208 @@
+export default {
+  theme: 'Theme',
+  language: 'Language',
+  regard: 'About',
+  logout: 'Logout',
+  sections: {
+    basic: 'Basic Settings',
+    playback: 'Playback Settings',
+    application: 'Application Settings',
+    network: 'Network Settings',
+    system: 'System Management',
+    donation: 'Donation',
+    regard: 'About'
+  },
+  basic: {
+    themeMode: 'Theme Mode',
+    themeModeDesc: 'Switch between light/dark theme',
+    language: 'Language Settings',
+    languageDesc: 'Change display language',
+    font: 'Font Settings',
+    fontDesc: 'Select fonts, prioritize fonts in order',
+    fontScope: {
+      global: 'Global',
+      lyric: 'Lyrics Only'
+    },
+    animation: 'Animation Speed',
+    animationDesc: 'Enable/disable animations',
+    animationSpeed: {
+      slow: 'Very Slow',
+      normal: 'Normal',
+      fast: 'Very Fast'
+    },
+    fontPreview: {
+      title: 'Font Preview',
+      chinese: 'Chinese',
+      english: 'English',
+      japanese: 'Japanese',
+      korean: 'Korean',
+      chineseText: '静夜思 床前明月光 疑是地上霜',
+      englishText: 'The quick brown fox jumps over the lazy dog',
+      japaneseText: 'あいうえお かきくけこ さしすせそ',
+      koreanText: '가나다라마 바사아자차 카타파하'
+    }
+  },
+  playback: {
+    quality: 'Audio Quality',
+    qualityDesc: 'Select music playback quality (VIP)',
+    qualityOptions: {
+      standard: 'Standard',
+      higher: 'Higher',
+      exhigh: 'Extreme',
+      lossless: 'Lossless',
+      hires: 'Hi-Res',
+      jyeffect: 'HD Surround',
+      sky: 'Immersive',
+      dolby: 'Dolby Atmos',
+      jymaster: 'Master'
+    },
+    autoPlay: 'Auto Play',
+    autoPlayDesc: 'Auto resume playback when reopening the app'
+  },
+  application: {
+    closeAction: 'Close Action',
+    closeActionDesc: 'Choose action when closing window',
+    closeOptions: {
+      ask: 'Ask Every Time',
+      minimize: 'Minimize to Tray',
+      close: 'Exit Directly'
+    },
+    shortcut: 'Shortcut Settings',
+    shortcutDesc: 'Customize global shortcuts',
+    download: 'Download Management',
+    downloadDesc: 'Always show download list button',
+    downloadPath: 'Download Directory',
+    downloadPathDesc: 'Choose download location for music files'
+  },
+  network: {
+    apiPort: 'Music API Port',
+    apiPortDesc: 'Restart required after modification',
+    proxy: 'Proxy Settings',
+    proxyDesc: 'Enable proxy when unable to access music',
+    proxyHost: 'Proxy Host',
+    proxyHostPlaceholder: 'Enter proxy host',
+    proxyPort: 'Proxy Port',
+    proxyPortPlaceholder: 'Enter proxy port',
+    realIP: 'RealIP Settings',
+    realIPDesc: 'Use realIP parameter with mainland China IP to resolve access restrictions abroad',
+    messages: {
+      proxySuccess: 'Proxy settings saved, restart required to take effect',
+      proxyError: 'Please check your input',
+      realIPSuccess: 'RealIP settings saved',
+      realIPError: 'Please enter a valid IP address'
+    }
+  },
+  system: {
+    cache: 'Cache Management',
+    cacheDesc: 'Clear cache',
+    cacheClearTitle: 'Select cache types to clear:',
+    cacheTypes: {
+      history: {
+        label: 'Play History',
+        description: 'Clear played song records'
+      },
+      favorite: {
+        label: 'Favorites',
+        description: 'Clear local favorite songs (cloud favorites not affected)'
+      },
+      user: {
+        label: 'User Data',
+        description: 'Clear login info and user-related data'
+      },
+      settings: {
+        label: 'App Settings',
+        description: 'Clear all custom app settings'
+      },
+      downloads: {
+        label: 'Download History',
+        description: 'Clear download history (downloaded files not affected)'
+      },
+      resources: {
+        label: 'Music Resources',
+        description: 'Clear cached music files, lyrics and other resources'
+      },
+      lyrics: {
+        label: 'Lyrics Resources',
+        description: 'Clear cached lyrics resources'
+      }
+    },
+    restart: 'Restart',
+    restartDesc: 'Restart application',
+    messages: {
+      clearSuccess: 'Cache cleared successfully, some settings will take effect after restart'
+    }
+  },
+  about: {
+    version: 'Version',
+    checkUpdate: 'Check for Updates',
+    checking: 'Checking...',
+    latest: 'Already latest version',
+    hasUpdate: 'New version available',
+    gotoUpdate: 'Go to Update',
+    gotoGithub: 'Go to Github',
+    author: 'Author',
+    authorDesc: 'algerkong Give a star🌟',
+    messages: {
+      checkError: 'Failed to check for updates, please try again later'
+    }
+  },
+  validation: {
+    selectProxyProtocol: 'Please select proxy protocol',
+    proxyHost: 'Please enter proxy host',
+    portNumber: 'Please enter a valid port number (1-65535)'
+  },
+  lyricSettings: {
+    title: 'Lyric Settings',
+    pureMode: 'Pure Mode',
+    hideCover: 'Hide Cover',
+    centerDisplay: 'Center Display',
+    showTranslation: 'Show Translation',
+    hidePlayBar: 'Hide Play Bar',
+    fontSize: 'Font Size',
+    letterSpacing: 'Letter Spacing',
+    lineHeight: 'Line Height',
+    backgroundTheme: 'Background Theme',
+    fontSizeMarks: {
+      small: 'Small',
+      medium: 'Medium',
+      large: 'Large'
+    },
+    letterSpacingMarks: {
+      compact: 'Compact',
+      default: 'Default',
+      loose: 'Loose'
+    },
+    lineHeightMarks: {
+      compact: 'Compact',
+      default: 'Default',
+      loose: 'Loose'
+    },
+    themeOptions: {
+      default: 'Default',
+      light: 'Light',
+      dark: 'Dark'
+    }
+  },
+  shortcutSettings: {
+    title: 'Shortcut Settings',
+    shortcut: 'Shortcut',
+    shortcutDesc: 'Customize global shortcuts',
+    shortcutConflict: 'Shortcut Conflict',
+    inputPlaceholder: 'Click to input shortcut',
+    resetShortcuts: 'Reset',
+    togglePlay: 'Play/Pause',
+    prevPlay: 'Previous',
+    nextPlay: 'Next',
+    volumeUp: 'Volume Up',
+    volumeDown: 'Volume Down',
+    toggleFavorite: 'Favorite/Unfavorite',
+    toggleWindow: 'Show/Hide Window',
+    messages: {
+      resetSuccess: 'Shortcuts reset successfully, please save',
+      conflict: 'Shortcut conflict, please reset',
+      saveSuccess: 'Shortcuts saved successfully',
+      saveError: 'Failed to save shortcuts',
+      cancelEdit: 'Edit cancelled'
+    }
+  }
+};

src/i18n/lang/en-US/songItem.ts

@@ -0,0 +1,18 @@
+export default {
+  menu: {
+    play: 'Play',
+    playNext: 'Play Next',
+    download: 'Download',
+    addToPlaylist: 'Add to Playlist',
+    favorite: 'Like',
+    unfavorite: 'Unlike',
+    removeFromPlaylist: 'Remove from Playlist'
+  },
+  message: {
+    downloading: 'Downloading, please wait...',
+    downloadFailed: 'Download failed',
+    downloadQueued: 'Added to download queue',
+    addedToNextPlay: 'Added to play next',
+    getUrlFailed: 'Failed to get music download URL'
+  }
+};

src/i18n/lang/en-US/user.ts

@@ -0,0 +1,21 @@
+export default {
+  profile: {
+    followers: 'Followers',
+    following: 'Following',
+    level: 'Level'
+  },
+  playlist: {
+    created: 'Created Playlists',
+    trackCount: '{count} tracks',
+    playCount: 'Played {count} times'
+  },
+  ranking: {
+    title: 'Listening History',
+    playCount: '{count} times'
+  },
+  message: {
+    loadFailed: 'Failed to load user page',
+    deleteSuccess: 'Successfully deleted',
+    deleteFailed: 'Failed to delete'
+  }
+};

src/i18n/lang/zh-CN/artist.ts

@@ -0,0 +1,5 @@
+export default {
+  hotSongs: '热门歌曲',
+  albums: '专辑',
+  description: '艺人介绍'
+};

src/i18n/lang/zh-CN/common.ts

@@ -0,0 +1,46 @@
+export default {
+  play: '播放',
+  next: '下一首',
+  previous: '上一首',
+  volume: '音量',
+  settings: '设置',
+  search: '搜索',
+  loading: '加载中...',
+  loadingMore: '加载更多...',
+  alipay: '支付宝',
+  wechat: '微信支付',
+  on: '开启',
+  off: '关闭',
+  show: '显示',
+  hide: '隐藏',
+  confirm: '确认',
+  cancel: '取消',
+  configure: '配置',
+  open: '打开',
+  modify: '修改',
+  success: '操作成功',
+  error: '操作失败',
+  warning: '警告',
+  info: '提示',
+  save: '保存',
+  delete: '删除',
+  refresh: '刷新',
+  retry: '重试',
+  validation: {
+    required: '此项是必填的',
+    invalidInput: '输入无效',
+    selectRequired: '请选择一个选项',
+    numberRange: '请输入 {min} 到 {max} 之间的数字'
+  },
+  viewMore: '查看更多',
+  noMore: '没有更多了',
+  selectAll: '全选',
+  expand: '展开',
+  collapse: '收起',
+  songCount: '{count}首',
+  language: '语言',
+  tray: {
+    show: '显示',
+    quit: '退出'
+  }
+};

src/i18n/lang/zh-CN/comp.ts

@@ -0,0 +1,88 @@
+export default {
+  installApp: {
+    description: '在桌面安装应用，获得更好的体验',
+    noPrompt: '不再提示',
+    install: '立即安装',
+    cancel: '暂不安装',
+    download: '下载',
+    downloadFailed: '下载失败',
+    downloadComplete: '下载完成',
+    downloadProblem: '下载遇到问题？去',
+    downloadProblemLinkText: '下载最新版本'
+  },
+  playlistDrawer: {
+    title: '添加到歌单',
+    createPlaylist: '创建新歌单',
+    cancelCreate: '取消创建',
+    create: '创建',
+    playlistName: '歌单名称',
+    privatePlaylist: '私密歌单',
+    publicPlaylist: '公开歌单',
+    createSuccess: '歌单创建成功',
+    createFailed: '歌单创建失败',
+    addSuccess: '歌曲添加成功',
+    addFailed: '歌曲添加失败',
+    private: '私密',
+    public: '公开',
+    count: '首歌曲',
+    loginFirst: '请先登录',
+    getPlaylistFailed: '获取歌单失败',
+    inputPlaylistName: '请输入歌单名称'
+  },
+  update: {
+    title: '发现新版本',
+    currentVersion: '当前版本',
+    cancel: '暂不更新',
+    prepareDownload: '准备下载...',
+    downloading: '下载中...',
+    nowUpdate: '立即更新',
+    downloadFailed: '下载失败，请重试或手动下载',
+    startFailed: '启动下载失败，请重试或手动下载',
+    noDownloadUrl: '未找到适合当前系统的安装包，请手动下载'
+  },
+  coffee: {
+    title: '请我喝咖啡',
+    alipay: '支付宝',
+    wechat: '微信支付',
+    alipayQR: '支付宝收款码',
+    wechatQR: '微信收款码',
+    coffeeDesc: '一杯咖啡，一份支持',
+    coffeeDescLinkText: '查看更多',
+    qqGroup: 'QQ群：789288579',
+    messages: {
+      copySuccess: '已复制到剪贴板'
+    }
+  },
+  playlistType: {
+    title: '歌单分类',
+    showAll: '显示全部',
+    hide: '隐藏一些'
+  },
+  recommendAlbum: {
+    title: '最新专辑'
+  },
+  recommendSinger: {
+    title: '每日推荐',
+    songlist: '每日推荐列表'
+  },
+  recommendSonglist: {
+    title: '本周最热音乐'
+  },
+  searchBar: {
+    login: '登录',
+    toLogin: '去登录',
+    logout: '退出登录',
+    set: '设置',
+    theme: '主题',
+    restart: '重启',
+    refresh: '刷新',
+    currentVersion: '当前版本',
+    searchPlaceholder: '搜索点什么吧...'
+  },
+  titleBar: {
+    closeTitle: '请选择关闭方式',
+    minimizeToTray: '最小化到托盘',
+    exitApp: '退出应用',
+    rememberChoice: '记住我的选择'
+  }
+};

src/i18n/lang/zh-CN/donation.ts

@@ -0,0 +1,5 @@
+export default {
+  description: '您的捐赠将用于支持开发和维护工作，包括但不限于服务器维护、域名续费等。',
+  message: '留言时可留下您的邮箱或 github名称。',
+  refresh: '刷新列表'
+};

src/i18n/lang/zh-CN/download.ts

@@ -0,0 +1,36 @@
+export default {
+  title: '下载管理',
+  localMusic: '本地音乐',
+  tabs: {
+    downloading: '下载中',
+    downloaded: '已下载'
+  },
+  empty: {
+    noTasks: '暂无下载任务',
+    noDownloaded: '暂无已下载歌曲'
+  },
+  progress: {
+    total: '总进度: {progress}%'
+  },
+  status: {
+    downloading: '下载中',
+    completed: '已完成',
+    failed: '失败',
+    unknown: '未知'
+  },
+  artist: {
+    unknown: '未知歌手'
+  },
+  delete: {
+    title: '删除确认',
+    message: '确定要删除歌曲 "{filename}" 吗？此操作不可恢复。',
+    confirm: '确定删除',
+    cancel: '取消',
+    success: '删除成功',
+    failed: '删除失败'
+  },
+  message: {
+    downloadComplete: '{filename} 下载完成',
+    downloadFailed: '{filename} 下载失败: {error}'
+  }
+};

src/i18n/lang/zh-CN/favorite.ts

@@ -0,0 +1,11 @@
+export default {
+  title: '我的收藏',
+  count: '共 {count} 首',
+  batchDownload: '批量下载',
+  download: '下载 ({count})',
+  emptyTip: '还没有收藏歌曲',
+  downloadSuccess: '下载完成',
+  downloadFailed: '下载失败',
+  downloading: '正在下载中，请稍候...',
+  selectSongsFirst: '请先选择要下载的歌曲'
+};

src/i18n/lang/zh-CN/history.ts

@@ -0,0 +1,5 @@
+export default {
+  title: '播放历史',
+  playCount: '{count}',
+  getHistoryFailed: '获取历史记录失败'
+};

src/i18n/lang/zh-CN/index.ts

@@ -0,0 +1,29 @@
+import artist from './artist';
+import common from './common';
+import comp from './comp';
+import donation from './donation';
+import download from './download';
+import favorite from './favorite';
+import history from './history';
+import login from './login';
+import player from './player';
+import search from './search';
+import settings from './settings';
+import songItem from './songItem';
+import user from './user';
+
+export default {
+  common,
+  donation,
+  favorite,
+  history,
+  login,
+  player,
+  search,
+  settings,
+  songItem,
+  user,
+  download,
+  comp,
+  artist
+};

src/i18n/lang/zh-CN/login.ts

@@ -0,0 +1,22 @@
+export default {
+  title: {
+    qr: '扫码登录',
+    phone: '手机号登录'
+  },
+  qrTip: '使用网易云APP扫码登录',
+  phoneTip: '使用网易云账号登录',
+  placeholder: {
+    phone: '手机号',
+    password: '密码'
+  },
+  button: {
+    login: '登录',
+    switchToQr: '扫码登录',
+    switchToPhone: '手机号登录'
+  },
+  message: {
+    loginSuccess: '登录成功',
+    loadError: '加载登录信息时出错',
+    qrCheckError: '检查二维码状态时出错'
+  }
+};

src/i18n/lang/zh-CN/player.ts

@@ -0,0 +1,49 @@
+export default {
+  nowPlaying: '正在播放',
+  playlist: '播放列表',
+  lyrics: '歌词',
+  previous: '上一个',
+  play: '播放',
+  pause: '暂停',
+  next: '下一个',
+  volumeUp: '音量增加',
+  volumeDown: '音量减少',
+  mute: '静音',
+  unmute: '取消静音',
+  playMode: {
+    sequence: '顺序播放',
+    loop: '循环播放',
+    random: '随机播放'
+  },
+  fullscreen: {
+    enter: '全屏',
+    exit: '退出全屏'
+  },
+  close: '关闭',
+  modeHint: {
+    single: '单曲循环',
+    list: '自动播放下一个'
+  },
+  lrc: {
+    noLrc: '暂无歌词, 请欣赏'
+  },
+  playBar: {
+    expand: '展开歌词',
+    collapse: '收起歌词',
+    like: '喜欢',
+    lyric: '歌词',
+    playList: '播放列表',
+    playMode: {
+      sequence: '顺序播放',
+      loop: '循环播放',
+      random: '随机播放'
+    },
+    play: '开始播放',
+    pause: '暂停播放',
+    prev: '上一首',
+    next: '下一首',
+    volume: '音量',
+    favorite: '已收藏{name}',
+    unFavorite: '已取消收藏{name}'
+  }
+};

src/i18n/lang/zh-CN/search.ts

@@ -0,0 +1,19 @@
+export default {
+  title: {
+    hotSearch: '热搜列表',
+    searchList: '搜索列表',
+    searchHistory: '搜索历史'
+  },
+  button: {
+    clear: '清空',
+    back: '返回'
+  },
+  loading: {
+    more: '加载中...',
+    failed: '搜索失败'
+  },
+  noMore: '没有更多了',
+  error: {
+    searchFailed: '搜索失败'
+  }
+};

src/i18n/lang/zh-CN/settings.ts

@@ -0,0 +1,208 @@
+export default {
+  theme: '主题',
+  language: '语言',
+  regard: '关于',
+  logout: '退出登录',
+  sections: {
+    basic: '基础设置',
+    playback: '播放设置',
+    application: '应用设置',
+    network: '网络设置',
+    system: '系统管理',
+    donation: '捐赠支持',
+    regard: '关于'
+  },
+  basic: {
+    themeMode: '主题模式',
+    themeModeDesc: '切换日间/夜间主题',
+    language: '语言设置',
+    languageDesc: '切换显示语言',
+    font: '字体设置',
+    fontDesc: '选择字体，优先使用排在前面的字体',
+    fontScope: {
+      global: '全局',
+      lyric: '仅歌词'
+    },
+    animation: '动画速度',
+    animationDesc: '是否开启动画',
+    animationSpeed: {
+      slow: '极慢',
+      normal: '正常',
+      fast: '极快'
+    },
+    fontPreview: {
+      title: '字体预览',
+      chinese: '中文',
+      english: 'English',
+      japanese: '日本語',
+      korean: '한국어',
+      chineseText: '静夜思 床前明月光 疑是地上霜',
+      englishText: 'The quick brown fox jumps over the lazy dog',
+      japaneseText: 'あいうえお かきくけこ さしすせそ',
+      koreanText: '가나다라마 바사아자차 카타파하'
+    }
+  },
+  playback: {
+    quality: '音质设置',
+    qualityDesc: '选择音乐播放音质（VIP）',
+    qualityOptions: {
+      standard: '标准',
+      higher: '较高',
+      exhigh: '极高',
+      lossless: '无损',
+      hires: 'Hi-Res',
+      jyeffect: '高清环绕声',
+      sky: '沉浸环绕声',
+      dolby: '杜比全景声',
+      jymaster: '超清母带'
+    },
+    autoPlay: '自动播放',
+    autoPlayDesc: '重新打开应用时是否自动继续播放'
+  },
+  application: {
+    closeAction: '关闭行为',
+    closeActionDesc: '选择关闭窗口时的行为',
+    closeOptions: {
+      ask: '每次询问',
+      minimize: '最小化到托盘',
+      close: '直接退出'
+    },
+    shortcut: '快捷键设置',
+    shortcutDesc: '自定义全局快捷键',
+    download: '下载管理',
+    downloadDesc: '是否始终显示下载列表按钮',
+    downloadPath: '下载目录',
+    downloadPathDesc: '选择音乐文件的下载位置'
+  },
+  network: {
+    apiPort: '音乐API端口',
+    apiPortDesc: '修改后需要重启应用',
+    proxy: '代理设置',
+    proxyDesc: '无法访问音乐时可以开启代理',
+    proxyHost: '代理地址',
+    proxyHostPlaceholder: '请输入代理地址',
+    proxyPort: '代理端口',
+    proxyPortPlaceholder: '请输入代理端口',
+    realIP: 'realIP设置',
+    realIPDesc: '由于限制,此项目在国外使用会受到限制可使用realIP参数,传进国内IP解决',
+    messages: {
+      proxySuccess: '代理设置已保存，重启应用后生效',
+      proxyError: '请检查输入是否正确',
+      realIPSuccess: '真实IP设置已保存',
+      realIPError: '请输入有效的IP地址'
+    }
+  },
+  system: {
+    cache: '缓存管理',
+    cacheDesc: '清除缓存',
+    cacheClearTitle: '请选择要清除的缓存类型：',
+    cacheTypes: {
+      history: {
+        label: '播放历史',
+        description: '清除播放过的歌曲记录'
+      },
+      favorite: {
+        label: '收藏记录',
+        description: '清除本地收藏的歌曲记录(不会影响云端收藏)'
+      },
+      user: {
+        label: '用户数据',
+        description: '清除登录信息和用户相关数据'
+      },
+      settings: {
+        label: '应用设置',
+        description: '清除应用的所有自定义设置'
+      },
+      downloads: {
+        label: '下载记录',
+        description: '清除下载历史记录(不会删除已下载的文件)'
+      },
+      resources: {
+        label: '音乐资源',
+        description: '清除已加载的音乐文件、歌词等资源缓存'
+      },
+      lyrics: {
+        label: '歌词资源',
+        description: '清除已加载的歌词资源缓存'
+      }
+    },
+    restart: '重启',
+    restartDesc: '重启应用',
+    messages: {
+      clearSuccess: '清除成功，部分设置在重启后生效'
+    }
+  },
+  about: {
+    version: '版本',
+    checkUpdate: '检查更新',
+    checking: '检查中...',
+    latest: '当前已是最新版本',
+    hasUpdate: '发现新版本',
+    gotoUpdate: '前往更新',
+    gotoGithub: '前往 Github',
+    author: '作者',
+    authorDesc: 'algerkong 点个star🌟呗',
+    messages: {
+      checkError: '检查更新失败，请稍后重试'
+    }
+  },
+  validation: {
+    selectProxyProtocol: '请选择代理协议',
+    proxyHost: '请输入代理地址',
+    portNumber: '请输入有效的端口号(1-65535)'
+  },
+  lyricSettings: {
+    title: '页面设置',
+    pureMode: '纯净模式',
+    hideCover: '隐藏封面',
+    centerDisplay: '居中显示',
+    showTranslation: '显示翻译',
+    hidePlayBar: '隐藏播放栏',
+    fontSize: '字体大小',
+    fontSizeMarks: {
+      small: '小',
+      medium: '中',
+      large: '大'
+    },
+    letterSpacing: '文字间距',
+    letterSpacingMarks: {
+      compact: '紧凑',
+      default: '默认',
+      loose: '宽松'
+    },
+    lineHeight: '行高',
+    lineHeightMarks: {
+      compact: '紧凑',
+      default: '默认',
+      loose: '宽松'
+    },
+    backgroundTheme: '背景主题',
+    themeOptions: {
+      default: '默认',
+      light: '亮色',
+      dark: '暗色'
+    }
+  },
+  shortcutSettings: {
+    title: '快捷键设置',
+    shortcut: '快捷键',
+    shortcutDesc: '自定义快捷键',
+    shortcutConflict: '快捷键冲突',
+    inputPlaceholder: '点击输入快捷键',
+    resetShortcuts: '恢复默认',
+    togglePlay: '播放/暂停',
+    prevPlay: '上一首',
+    nextPlay: '下一首',
+    volumeUp: '音量增加',
+    volumeDown: '音量减少',
+    toggleFavorite: '收藏/取消收藏',
+    toggleWindow: '显示/隐藏窗口',
+    messages: {
+      resetSuccess: '已恢复默认快捷键，请记得保存',
+      conflict: '存在冲突的快捷键，请重新设置',
+      saveSuccess: '快捷键设置已保存',
+      saveError: '保存快捷键失败，请重试',
+      cancelEdit: '已取消修改'
+    }
+  }
+};

src/i18n/lang/zh-CN/songItem.ts

@@ -0,0 +1,18 @@
+export default {
+  menu: {
+    play: '播放',
+    playNext: '下一首播放',
+    download: '下载歌曲',
+    addToPlaylist: '添加到歌单',
+    favorite: '喜欢',
+    unfavorite: '取消喜欢',
+    removeFromPlaylist: '从歌单中删除'
+  },
+  message: {
+    downloading: '正在下载中，请稍候...',
+    downloadFailed: '下载失败',
+    downloadQueued: '已加入下载队列',
+    addedToNextPlay: '已添加到下一首播放',
+    getUrlFailed: '获取音乐下载地址失败'
+  }
+};

src/i18n/lang/zh-CN/user.ts

@@ -0,0 +1,21 @@
+export default {
+  profile: {
+    followers: '粉丝',
+    following: '关注',
+    level: '等级'
+  },
+  playlist: {
+    created: '创建的歌单',
+    trackCount: '{count}首',
+    playCount: '播放{count}次'
+  },
+  ranking: {
+    title: '听歌排行',
+    playCount: '{count}次'
+  },
+  message: {
+    loadFailed: '加载用户页面失败',
+    deleteSuccess: '删除成功',
+    deleteFailed: '删除失败'
+  }
+};

src/i18n/main.ts

@@ -0,0 +1,38 @@
+import enUS from './lang/en-US';
+import zhCN from './lang/zh-CN';
+
+const messages = {
+  'zh-CN': zhCN,
+  'en-US': enUS
+} as const;
+
+type Language = keyof typeof messages;
+
+// 为主进程提供一个简单的 i18n 实现
+const mainI18n = {
+  global: {
+    currentLocale: 'zh-CN' as Language,
+    get locale() {
+      return this.currentLocale;
+    },
+    set locale(value: Language) {
+      this.currentLocale = value;
+    },
+    t(key: string) {
+      const keys = key.split('.');
+      let current: any = messages[this.currentLocale];
+      for (const k of keys) {
+        if (current[k] === undefined) {
+          // 如果找不到翻译，返回键名
+          return key;
+        }
+        current = current[k];
+      }
+      return current;
+    },
+    messages
+  }
+};
+
+export type { Language };
+export default mainI18n;

src/i18n/renderer.ts

@@ -0,0 +1,21 @@
+import { createI18n } from 'vue-i18n';
+
+import enUS from './lang/en-US';
+import zhCN from './lang/zh-CN';
+
+const messages = {
+  'zh-CN': zhCN,
+  'en-US': enUS
+};
+
+const i18n = createI18n({
+  legacy: false,
+  locale: 'zh-CN',
+  fallbackLocale: 'en-US',
+  messages,
+  globalInjection: true,
+  silentTranslationWarn: true,
+  silentFallbackWarn: true
+});
+
+export default i18n;

src/main/index.ts

@@ -2,12 +2,14 @@ import { electronApp, optimizer } from '@electron-toolkit/utils';
 import { app, ipcMain, nativeImage } from 'electron';
 import { join } from 'path';
 
+import type { Language } from '../i18n/main';
+import i18n from '../i18n/main';
 import { loadLyricWindow } from './lyric';
 import { initializeConfig } from './modules/config';
 import { initializeFileManager } from './modules/fileManager';
 import { initializeFonts } from './modules/fonts';
 import { initializeShortcuts, registerShortcuts } from './modules/shortcuts';
-import { initializeTray } from './modules/tray';
+import { initializeTray, updateTrayMenu } from './modules/tray';
 import { setupUpdateHandlers } from './modules/update';
 import { createMainWindow, initializeWindowManager } from './modules/window';
 import { startMusicApi } from './server';
@@ -27,7 +29,14 @@ let mainWindow: Electron.BrowserWindow;
 // 初始化应用
 function initialize() {
   // 初始化配置管理
-  initializeConfig();
+  const store = initializeConfig();
+
+  // 设置初始语言
+  const savedLanguage = store.get('set.language') as Language;
+  if (savedLanguage) {
+    i18n.global.locale = savedLanguage;
+  }
+
   // 初始化文件管理
   initializeFileManager();
   // 初始化窗口管理
@@ -95,6 +104,16 @@ if (!isSingleInstance) {
     registerShortcuts(mainWindow);
   });
 
+  // 监听语言切换
+  ipcMain.on('change-language', (_, locale: Language) => {
+    // 更新主进程的语言设置
+    i18n.global.locale = locale;
+    // 更新托盘菜单
+    updateTrayMenu();
+    // 通知所有窗口语言已更改
+    mainWindow?.webContents.send('language-changed', locale);
+  });
+
   // 所有窗口关闭时的处理
   app.on('window-all-closed', () => {
     if (process.platform !== 'darwin') {

src/main/modules/config.ts

@@ -23,6 +23,7 @@ type SetConfig = {
   musicQuality: string;
   fontFamily: string;
   fontScope: 'global' | 'lyric';
+  language: string;
 };
 interface StoreType {
   set: SetConfig;

src/main/modules/fileManager.ts

@@ -60,13 +60,22 @@ export function initializeFileManager() {
   // 通用的打开目录处理
   ipcMain.on('open-directory', (_, filePath) => {
     try {
-      if (fs.statSync(filePath).isDirectory()) {
+      // 验证文件路径
-        shell.openPath(filePath);
+      if (!filePath) {
+        console.error('无效的文件路径: 路径为空');
+        return;
+      }
+
+      // 统一处理路径分隔符
+      const normalizedPath = path.normalize(filePath);
+
+      if (fs.statSync(normalizedPath).isDirectory()) {
+        shell.openPath(normalizedPath);
       } else {
-        shell.showItemInFolder(filePath);
+        shell.showItemInFolder(normalizedPath);
       }
     } catch (error) {
-      console.error('Error opening path:', error);
+      console.error('打开路径失败:', error);
     }
   });
 

src/main/modules/tray.ts

@@ -1,8 +1,59 @@
 import { app, BrowserWindow, Menu, nativeImage, Tray } from 'electron';
 import { join } from 'path';
 
+import type { Language } from '../../i18n/main';
+import i18n from '../../i18n/main';
+
 let tray: Tray | null = null;
 
+const LANGUAGES: { label: string; value: Language }[] = [
+  { label: '简体中文', value: 'zh-CN' },
+  { label: 'English', value: 'en-US' }
+];
+
+// 导出更新菜单的函数
+export function updateTrayMenu() {
+  if (!tray) return;
+
+  // 创建一个上下文菜单
+  const contextMenu = Menu.buildFromTemplate([
+    {
+      label: i18n.global.t('common.tray.show'),
+      click: () => {
+        BrowserWindow.getAllWindows()[0]?.show();
+      }
+    },
+    { type: 'separator' },
+    {
+      label: i18n.global.t('common.language'),
+      submenu: LANGUAGES.map(({ label, value }) => ({
+        label,
+        type: 'radio',
+        checked: i18n.global.locale === value,
+        click: () => {
+          // 更新主进程的语言设置
+          i18n.global.locale = value;
+          // 更新托盘菜单
+          updateTrayMenu();
+          // 通知渲染进程
+          const win = BrowserWindow.getAllWindows()[0];
+          win?.webContents.send('set-language', value);
+        }
+      }))
+    },
+    { type: 'separator' },
+    {
+      label: i18n.global.t('common.tray.quit'),
+      click: () => {
+        app.quit();
+      }
+    }
+  ]);
+
+  // 设置系统托盘图标的上下文菜单
+  tray.setContextMenu(contextMenu);
+}
+
 /**
  * 初始化系统托盘
  */
@@ -12,25 +63,8 @@ export function initializeTray(iconPath: string, mainWindow: BrowserWindow) {
     .resize({ width: 16, height: 16 });
   tray = new Tray(trayIcon);
 
-  // 创建一个上下文菜单
+  // 初始化菜单
-  const contextMenu = Menu.buildFromTemplate([
+  updateTrayMenu();
-    {
-      label: '显示',
-      click: () => {
-        mainWindow.show();
-      }
-    },
-    {
-      label: '退出',
-      click: () => {
-        mainWindow.destroy();
-        app.quit();
-      }
-    }
-  ]);
-
-  // 设置系统托盘图标的上下文菜单
-  tray.setContextMenu(contextMenu);
 
   // 当系统托盘图标被点击时，切换窗口的显示/隐藏
   tray.on('click', () => {

src/main/set.json

@@ -18,5 +18,7 @@
   "fontFamily": "system-ui",
   "fontScope": "global",
   "autoPlay": false,
-  "downloadPath": ""
+  "downloadPath": "",
+  "language": "zh-CN",
+  "alwaysShowDownloadButton": false
 }

src/renderer/App.vue

@@ -12,21 +12,31 @@
 
 <script setup lang="ts">
 import { darkTheme, lightTheme } from 'naive-ui';
-import { computed, onMounted, watch } from 'vue';
+import { computed, onMounted, onUnmounted, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import homeRouter from '@/router/home';
-import store from '@/store';
+import globalStore from '@/store';
 import { isElectron } from '@/utils';
 
 import { isMobile } from './utils';
 
+const { locale } = useI18n();
+
+const savedLanguage = isElectron
+  ? window.electron.ipcRenderer.sendSync('get-store-value', 'set.language')
+  : JSON.parse(localStorage.getItem('appSettings') || '{}').language || 'zh-CN';
+if (savedLanguage) {
+  locale.value = savedLanguage;
+}
+
 const theme = computed(() => {
-  return store.state.theme;
+  return globalStore.state.theme;
 });
 
 // 监听字体变化并应用
 watch(
-  () => [store.state.setData.fontFamily, store.state.setData.fontScope],
+  () => [globalStore.state.setData.fontFamily, globalStore.state.setData.fontScope],
   ([newFont, fontScope]) => {
     const appElement = document.body;
     if (!appElement) return;
@@ -59,17 +69,30 @@ watch(
   { immediate: true }
 );
 
+// 监听来自主进程的语言切换事件
+const handleSetLanguage = (_: any, value: string) => {
+  // 更新 i18n locale
+  locale.value = value;
+  // 通过 mutation 更新 store
+  globalStore.commit('setLanguage', value);
+};
+
 onMounted(() => {
-  store.dispatch('initializeSettings');
+  globalStore.dispatch('initializeSettings');
-  store.dispatch('initializeTheme');
+  globalStore.dispatch('initializeTheme');
-  store.dispatch('initializeSystemFonts');
+  globalStore.dispatch('initializeSystemFonts');
-  store.dispatch('initializePlayState');
+  globalStore.dispatch('initializePlayState');
   if (isMobile.value) {
-    store.commit(
+    globalStore.commit(
       'setMenus',
       homeRouter.filter((item) => item.meta.isMobile)
     );
   }
+  window.electron.ipcRenderer.on('set-language', handleSetLanguage);
+});
+
+onUnmounted(() => {
+  window.electron.ipcRenderer.removeListener('set-language', handleSetLanguage);
 });
 </script>
 

src/renderer/api/donation.ts

@@ -0,0 +1,20 @@
+import axios from 'axios';
+
+export interface Donor {
+  id: number;
+  name: string;
+  amount: number;
+  date: string;
+  message?: string;
+  avatar?: string;
+  badge: string;
+  badgeColor: string;
+}
+
+/**
+ * 获取捐赠列表
+ */
+export const getDonationList = async (): Promise<Donor[]> => {
+  const { data } = await axios.get('http://110.42.251.190:8766/api/donations');
+  return data;
+};

src/renderer/api/music.ts

@@ -13,16 +13,25 @@ export const getMusicQualityDetail = (id: number) => {
 };
 
 // 根据音乐Id获取音乐播放URl
-export const getMusicUrl = async (id: number) => {
+export const getMusicUrl = async (id: number, isDownloaded: boolean = false) => {
-  const res = await request.get('/song/download/url/v1', {
+  // 判断是否登录
-    params: {
+  try {
-      id,
+    if (store.state.user && isDownloaded && store.state.user.vipType !== 0) {
-      level: store.state.setData.musicQuality || 'higher'
+      const url = '/song/download/url/v1';
-    }
+      const res = await request.get(url, {
-  });
+        params: {
+          id,
+          level: store.state.setData.musicQuality || 'higher',
+          cookie: `${localStorage.getItem('token')} os=pc;`
+        }
+      });
 
-  if (res.data.data.url) {
+      if (res.data.data.url) {
-    return { data: { data: [{ ...res.data.data }] } };
+        return { data: { data: [{ ...res.data.data }] } };
+      }
+    }
+  } catch (error) {
+    console.error('error', error);
   }
 
   return await request.get('/song/url/v1', {
@@ -80,8 +89,10 @@ export const likeSong = (id: number, like: boolean = true) => {
 };
 
 // 获取用户喜欢的音乐列表
-export const getLikedList = () => {
+export const getLikedList = (uid: number) => {
-  return request.get('/likelist');
+  return request.get('/likelist', {
+    params: { uid }
+  });
 };
 
 // 创建歌单

src/renderer/assets/css/base.css

@@ -13,3 +13,7 @@ body {
   background-color: transparent !important;
   padding: 0 !important;
 }
+
+.settings-slider .n-slider-mark {
+  font-size: 10px !important;
+}

src/renderer/components.d.ts

@@ -27,14 +27,11 @@ declare module 'vue' {
     NInput: typeof import('naive-ui')['NInput']
     NInputNumber: typeof import('naive-ui')['NInputNumber']
     NLayout: typeof import('naive-ui')['NLayout']
-    NList: typeof import('naive-ui')['NList']
-    NListItem: typeof import('naive-ui')['NListItem']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
     NModal: typeof import('naive-ui')['NModal']
     NPopover: typeof import('naive-ui')['NPopover']
     NProgress: typeof import('naive-ui')['NProgress']
     NRadio: typeof import('naive-ui')['NRadio']
-    NRadioButton: typeof import('naive-ui')['NRadioButton']
     NRadioGroup: typeof import('naive-ui')['NRadioGroup']
     NScrollbar: typeof import('naive-ui')['NScrollbar']
     NSelect: typeof import('naive-ui')['NSelect']
@@ -46,7 +43,6 @@ declare module 'vue' {
     NTabs: typeof import('naive-ui')['NTabs']
     NTag: typeof import('naive-ui')['NTag']
     NTooltip: typeof import('naive-ui')['NTooltip']
-    NTransfer: typeof import('naive-ui')['NTransfer']
     NVirtualList: typeof import('naive-ui')['NVirtualList']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

src/renderer/components/Coffee.vue

@@ -7,7 +7,7 @@
             quaternary
             class="inline-flex items-center gap-2 px-4 py-2 transition-all duration-300 hover:-translate-y-0.5"
           >
-            请我喝咖啡
+            {{ t('comp.coffee.title') }}
           </n-button>
         </slot>
       </template>
@@ -17,20 +17,24 @@
           <div class="flex flex-col items-center gap-2">
             <n-image
               :src="alipayQR"
-              alt="支付宝收款码"
+              :alt="t('comp.coffee.alipayQR')"
               class="w-32 h-32 rounded-lg cursor-none"
               preview-disabled
             />
-            <span class="text-sm text-gray-700 dark:text-gray-200">支付宝</span>
+            <span class="text-sm text-gray-700 dark:text-gray-200">{{
+              t('comp.coffee.alipay')
+            }}</span>
           </div>
           <div class="flex flex-col items-center gap-2">
             <n-image
               :src="wechatQR"
-              alt="微信收款码"
+              :alt="t('comp.coffee.wechatQR')"
               class="w-32 h-32 rounded-lg cursor-none"
               preview-disabled
             />
-            <span class="text-sm text-gray-700 dark:text-gray-200">微信支付</span>
+            <span class="text-sm text-gray-700 dark:text-gray-200">{{
+              t('comp.coffee.wechat')
+            }}</span>
           </div>
         </div>
 
@@ -39,7 +43,7 @@
             class="text-sm text-gray-700 dark:text-gray-200 text-center cursor-pointer hover:text-green-500"
             @click="copyQQ"
           >
-            QQ群：789288579
+            {{ t('comp.coffee.qqGroup') }}
           </p>
         </div>
       </div>
@@ -48,11 +52,14 @@
 </template>
 
 <script setup>
-import { NButton, NImage, NPopover } from 'naive-ui';
+import { NButton, NImage, NPopover, useMessage } from 'naive-ui';
+import { useI18n } from 'vue-i18n';
 
 import alipay from '@/assets/alipay.png';
 import wechat from '@/assets/wechat.png';
 
+const { t } = useI18n();
+
 const message = useMessage();
 const copyQQ = () => {
   navigator.clipboard.writeText('789288579');

src/renderer/components/LanguageSwitcher.vue

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { computed, onMounted, onUnmounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useStore } from 'vuex';
+
+import { isElectron } from '@/utils';
+
+const store = useStore();
+const { locale } = useI18n();
+
+const languages = [
+  { label: '简体中文', value: 'zh-CN' },
+  { label: 'English', value: 'en-US' }
+];
+
+// 使用计算属性来获取当前语言
+const currentLanguage = computed({
+  get: () => store.state.setData.language || 'zh-CN',
+  set: (value: string) => {
+    handleLanguageChange(value);
+  }
+});
+
+// 当语言改变时的处理函数
+const handleLanguageChange = (value: string) => {
+  // 更新 i18n locale
+  locale.value = value;
+  // 通过 mutation 更新 store
+  store.commit('setLanguage', value);
+  // 通知主进程语言已更改
+  if (isElectron) {
+    window.electron.ipcRenderer.send('change-language', value);
+  }
+};
+
+// 监听来自主进程的语言切换事件
+const handleSetLanguage = (_: any, value: string) => {
+  handleLanguageChange(value);
+};
+
+onMounted(() => {
+  if (isElectron) {
+    window.electron.ipcRenderer.on('set-language', handleSetLanguage);
+  }
+});
+
+onUnmounted(() => {
+  if (isElectron) {
+    window.electron.ipcRenderer.removeListener('set-language', handleSetLanguage);
+  }
+});
+</script>
+
+<template>
+  <n-select v-model:value="currentLanguage" :options="languages" size="small" />
+</template>

src/renderer/components/MusicList.vue

@@ -66,7 +66,9 @@
                       @remove-song="(id) => emit('remove-song', id)"
                     />
                   </div>
-                  <div v-if="isLoadingMore" class="loading-more">加载更多...</div>
+                  <div v-if="isLoadingMore" class="loading-more">
+                    {{ t('common.loadingMore') }}
+                  </div>
                   <play-bottom />
                 </div>
               </n-spin>
@@ -80,6 +82,7 @@
 </template>
 
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { getMusicDetail } from '@/api/music';
@@ -88,6 +91,7 @@ import { getImgUrl, isMobile, setAnimationClass, setAnimationDelay } from '@/uti
 
 import PlayBottom from './common/PlayBottom.vue';
 
+const { t } = useI18n();
 const store = useStore();
 
 const props = withDefaults(

src/renderer/components/MvPlayer.vue

@@ -54,7 +54,7 @@
                     </template>
                   </n-button>
                 </template>
-                上一个
+                {{ t('player.previous') }}
               </n-tooltip>
 
               <n-tooltip placement="top">
@@ -68,7 +68,7 @@
                     </template>
                   </n-button>
                 </template>
-                {{ isPlaying ? '暂停' : '播放' }}
+                {{ isPlaying ? t('player.pause') : t('player.play') }}
               </n-tooltip>
 
               <n-tooltip v-if="!props.noList" placement="top">
@@ -82,7 +82,7 @@
                     </template>
                   </n-button>
                 </template>
-                下一个
+                {{ t('player.next') }}
               </n-tooltip>
 
               <div class="time-display">
@@ -104,7 +104,7 @@
                       </template>
                     </n-button>
                   </template>
-                  {{ volume === 0 ? '取消静音' : '静音' }}
+                  {{ volume === 0 ? t('player.unmute') : t('player.mute') }}
                 </n-tooltip>
                 <n-slider
                   v-model:value="volume"
@@ -129,7 +129,9 @@
                     </template>
                   </n-button>
                 </template>
-                {{ playMode === 'single' ? '单曲循环' : '列表循环' }}
+                {{
+                  playMode === 'single' ? t('player.modeHint.single') : t('player.modeHint.list')
+                }}
               </n-tooltip>
 
               <n-tooltip placement="top">
@@ -144,7 +146,7 @@
                     </template>
                   </n-button>
                 </template>
-                {{ isFullscreen ? '退出全屏' : '全屏' }}
+                {{ isFullscreen ? t('player.fullscreen.exit') : t('player.fullscreen.enter') }}
               </n-tooltip>
 
               <n-tooltip placement="top">
@@ -157,7 +159,7 @@
                     </template>
                   </n-button>
                 </template>
-                关闭
+                {{ t('player.close') }}
               </n-tooltip>
             </div>
           </div>
@@ -170,7 +172,7 @@
               <i :class="playMode === 'single' ? 'ri-repeat-one-line' : 'ri-play-list-line'"></i>
             </n-icon>
             <div class="mode-text">
-              {{ playMode === 'single' ? '单曲循环' : '自动播放下一个' }}
+              {{ playMode === 'single' ? t('player.modeHint.single') : t('player.modeHint.list') }}
             </div>
           </div>
         </transition>
@@ -188,11 +190,13 @@
 <script setup lang="ts">
 import { NButton, NIcon, NSlider, NTooltip } from 'naive-ui';
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { getMvUrl } from '@/api/mv';
 import { IMvItem } from '@/type/mv';
 
+const { t } = useI18n();
 type PlayMode = 'single' | 'auto';
 const PLAY_MODE = {
   Single: 'single' as PlayMode,

src/renderer/components/PlaylistType.vue

@@ -1,7 +1,9 @@
 <template>
   <!-- 歌单分类列表 -->
   <div class="play-list-type">
-    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">歌单分类</div>
+    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">
+      {{ t('comp.playlistType.title') }}
+    </div>
     <div>
       <template v-for="(item, index) in playlistCategory?.sub" :key="item.name">
         <span
@@ -34,7 +36,9 @@
         "
         @click="handleToggleShowAllPlaylistCategory"
       >
-        {{ !isShowAllPlaylistCategory ? '显示全部' : '隐藏一些' }}
+        {{
+          !isShowAllPlaylistCategory ? t('comp.playlistType.showAll') : t('comp.playlistType.hide')
+        }}
       </div>
     </div>
   </div>
@@ -42,11 +46,14 @@
 
 <script lang="ts" setup>
 import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
 import { getPlaylistCategory } from '@/api/home';
 import type { IPlayListSort } from '@/type/playlist';
 import { setAnimationClass, setAnimationDelay } from '@/utils';
+
+const { t } = useI18n();
 // 歌单分类
 const playlistCategory = ref<IPlayListSort>();
 // 是否显示全部歌单分类

src/renderer/components/RecommendAlbum.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="recommend-album">
-    <div class="title" :class="setAnimationClass('animate__fadeInRight')">最新专辑</div>
+    <div class="title" :class="setAnimationClass('animate__fadeInRight')">
+      {{ t('comp.recommendAlbum.title') }}
+    </div>
     <div class="recommend-album-list">
       <template v-for="(item, index) in albumData?.albums" :key="item.id">
         <div
@@ -33,6 +35,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { getNewAlbum } from '@/api/home';
 import { getAlbum } from '@/api/list';
@@ -40,6 +43,7 @@ import MusicList from '@/components/MusicList.vue';
 import type { IAlbumNew } from '@/type/album';
 import { getImgUrl, setAnimationClass, setAnimationDelay } from '@/utils';
 
+const { t } = useI18n();
 const albumData = ref<IAlbumNew>();
 const loadAlbumList = async () => {
   const { data } = await getNewAlbum();

src/renderer/components/RecommendSinger.vue

@@ -19,7 +19,9 @@
             class="recommend-singer-item-count p-2 text-base text-gray-200 z-10 cursor-pointer"
             @click="showMusic = true"
           >
-            <div class="font-bold text-xl">每日推荐</div>
+            <div class="font-bold text-lg">
+              {{ t('comp.recommendSinger.title') }}
+            </div>
 
             <div class="mt-2">
               <p
@@ -45,7 +47,7 @@
             class="recommend-singer-item-bg"
           ></div>
           <div class="recommend-singer-item-count p-2 text-base text-gray-200 z-10">
-            {{ item.musicSize }}首
+            {{ t('common.songCount', { count: item.musicSize }) }}
           </div>
           <div class="recommend-singer-item-info z-10">
             <div class="recommend-singer-item-info-play" @click="toSearchSinger(item.name)">
@@ -61,7 +63,7 @@
       <music-list
         v-if="dayRecommendData?.dailySongs.length"
         v-model:show="showMusic"
-        name="每日推荐列表"
+        :name="t('comp.recommendSinger.songlist')"
         :song-list="dayRecommendData?.dailySongs"
         :cover="false"
       />
@@ -71,6 +73,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { getDayRecommend, getHotSinger } from '@/api/home';
@@ -81,6 +84,7 @@ import type { IHotSinger } from '@/type/singer';
 import { getImgUrl, setAnimationClass, setAnimationDelay, setBackgroundImg } from '@/utils';
 
 const store = useStore();
+const { t } = useI18n();
 
 // 歌手信息
 const hotSingerData = ref<IHotSinger>();

src/renderer/components/RecommendSonglist.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="recommend-music">
-    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">本周最热音乐</div>
+    <div class="title" :class="setAnimationClass('animate__fadeInLeft')">
+      {{ t('comp.recommendSonglist.title') }}
+    </div>
     <div
       v-show="recommendMusic?.result"
       v-loading="loading"
@@ -21,6 +23,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { getRecommendMusic } from '@/api/home';
@@ -29,6 +32,7 @@ import { setAnimationClass, setAnimationDelay } from '@/utils';
 
 import SongItem from './common/SongItem.vue';
 
+const { t } = useI18n();
 const store = useStore();
 // 推荐歌曲
 const recommendMusic = ref<IRecommendMusic>();

src/renderer/components/common/ArtistDrawer.vue

@@ -33,7 +33,7 @@
 
       <!-- 标签页切换 -->
       <n-tabs v-model:value="activeTab" class="flex-1" type="line" animated>
-        <n-tab-pane name="songs" tab="热门歌曲">
+        <n-tab-pane name="songs" :tab="t('artist.hotSongs')">
           <div ref="songListRef" class="songs-list">
             <n-scrollbar style="max-height: 61vh" :size="5" @scroll="handleSongScroll">
               <div class="song-list-content">
@@ -44,14 +44,14 @@
                   :list="true"
                   @play="handlePlay"
                 />
-                <div v-if="songLoading" class="loading-more">加载中...</div>
+                <div v-if="songLoading" class="loading-more">{{ t('common.loading') }}</div>
               </div>
               <play-bottom />
             </n-scrollbar>
           </div>
         </n-tab-pane>
 
-        <n-tab-pane name="albums" tab="专辑">
+        <n-tab-pane name="albums" :tab="t('artist.albums')">
           <div ref="albumListRef" class="albums-list">
             <n-scrollbar style="max-height: 61vh" :size="5" @scroll="handleAlbumScroll">
               <div class="albums-grid">
@@ -69,14 +69,14 @@
                     type: '专辑'
                   }"
                 />
-                <div v-if="albumLoading" class="loading-more">加载中...</div>
+                <div v-if="albumLoading" class="loading-more">{{ t('common.loading') }}</div>
               </div>
               <play-bottom />
             </n-scrollbar>
           </div>
         </n-tab-pane>
 
-        <n-tab-pane name="about" tab="艺人介绍">
+        <n-tab-pane name="about" :tab="t('artist.description')">
           <div class="artist-description">
             <n-scrollbar style="max-height: 60vh">
               <div class="description-content" v-html="artistInfo?.briefDesc"></div>
@@ -91,6 +91,7 @@
 <script setup lang="ts">
 import { useDateFormat } from '@vueuse/core';
 import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { getArtistAlbums, getArtistDetail, getArtistTopSongs } from '@/api/artist';
@@ -102,6 +103,8 @@ import { getImgUrl } from '@/utils';
 
 import PlayBottom from './PlayBottom.vue';
 
+const { t } = useI18n();
+
 const modelValue = defineModel<boolean>('show', { required: true });
 
 const store = useStore();

src/renderer/components/common/DonationList.vue

@@ -5,7 +5,7 @@
         <template #icon>
           <i class="ri-refresh-line"></i>
         </template>
-        刷新列表
+        {{ t('donation.refresh') }}
       </n-button>
     </div>
     <div class="donation-grid" :class="{ 'grid-expanded': isExpanded }">
@@ -72,33 +72,33 @@
         <template #icon>
           <i :class="isExpanded ? 'ri-arrow-up-s-line' : 'ri-arrow-down-s-line'"></i>
         </template>
-        {{ isExpanded ? '收起' : '展开更多' }}
+        {{ isExpanded ? t('common.collapse') : t('common.expand') }}
       </n-button>
     </div>
 
     <div class="p-6 rounded-lg shadow-lg bg-light dark:bg-gray-800">
       <div class="description text-center text-sm text-gray-700 dark:text-gray-200">
-        <p>您的捐赠将用于支持开发和维护工作，包括但不限于服务器维护、域名续费等。</p>
+        <p>{{ t('donation.description') }}</p>
-        <p>留言时可留下您的邮箱或 github名称。</p>
+        <p>{{ t('donation.message') }}</p>
       </div>
       <div class="flex justify-between">
         <div class="flex flex-col items-center gap-2">
           <n-image
             :src="alipay"
-            alt="支付宝收款码"
+            :alt="t('common.alipay')"
             class="w-60 h-60 rounded-lg cursor-none"
             preview-disabled
           />
-          <span class="text-sm text-gray-700 dark:text-gray-200">支付宝</span>
+          <span class="text-sm text-gray-700 dark:text-gray-200">{{ t('common.alipay') }}</span>
         </div>
         <div class="flex flex-col items-center gap-2">
           <n-image
             :src="wechat"
-            alt="微信收款码"
+            :alt="t('common.wechat')"
             class="w-60 h-60 rounded-lg cursor-none"
             preview-disabled
           />
-          <span class="text-sm text-gray-700 dark:text-gray-200">微信支付</span>
+          <span class="text-sm text-gray-700 dark:text-gray-200">{{ t('common.wechat') }}</span>
         </div>
       </div>
     </div>
@@ -106,38 +106,27 @@
 </template>
 
 <script setup lang="ts">
-import axios from 'axios';
 import { computed, onActivated, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
+import type { Donor } from '@/api/donation';
+import { getDonationList } from '@/api/donation';
 import alipay from '@/assets/alipay.png';
 import wechat from '@/assets/wechat.png';
 
+const { t } = useI18n();
+
 // 默认头像
 const defaultAvatar = 'https://avatars.githubusercontent.com/u/0?v=4';
 
-// 捐赠者数据
-interface Donor {
-  id: number;
-  name: string;
-  amount: number;
-  date: string;
-  message?: string;
-  avatar?: string;
-  badge: string;
-  badgeColor: string;
-}
-
 const donors = ref<Donor[]>([]);
-
 const isLoading = ref(false);
 
 const fetchDonors = async () => {
   isLoading.value = true;
   try {
-    const response = await axios.get(
+    const data = await getDonationList();
-      'https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/data/main/donors.json'
+    donors.value = data.map((donor, index) => ({
-    );
-    donors.value = response.data.map((donor: Donor, index: number) => ({
       ...donor,
       avatar: `https://api.dicebear.com/7.x/micah/svg?seed=${index}`
     }));

src/renderer/components/common/DownloadDrawer.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="download-drawer-trigger">
     <n-badge :value="downloadingCount" :max="99" :show="downloadingCount > 0">
-      <n-button circle @click="showDrawer = true">
+      <n-button circle @click="store.commit('setShowDownloadDrawer', true)">
         <template #icon>
           <i class="iconfont ri-download-cloud-2-line"></i>
         </template>
@@ -9,19 +9,26 @@
     </n-badge>
   </div>
 
-  <n-drawer v-model:show="showDrawer" :height="'80%'" placement="bottom">
+  <n-drawer
-    <n-drawer-content title="下载管理" closable :native-scrollbar="false">
+    v-model:show="showDrawer"
+    :height="'80%'"
+    placement="bottom"
+    @after-leave="handleDrawerClose"
+  >
+    <n-drawer-content :title="t('download.title')" closable :native-scrollbar="false">
       <div class="drawer-container">
         <n-tabs type="line" animated class="h-full">
           <!-- 下载列表 -->
-          <n-tab-pane name="downloading" tab="下载中" class="h-full">
+          <n-tab-pane name="downloading" :tab="t('download.tabs.downloading')" class="h-full">
             <div class="download-list">
               <div v-if="downloadList.length === 0" class="empty-tip">
-                <n-empty description="暂无下载任务" />
+                <n-empty :description="t('download.empty.noTasks')" />
               </div>
               <template v-else>
                 <div class="total-progress">
-                  <div class="total-progress-text">总进度: {{ totalProgress.toFixed(1) }}%</div>
+                  <div class="total-progress-text">
+                    {{ t('download.progress.total', { progress: totalProgress.toFixed(1) }) }}
+                  </div>
                   <n-progress
                     type="line"
                     :percentage="Number(totalProgress.toFixed(1))"
@@ -47,7 +54,10 @@
                             {{ item.filename }}
                           </div>
                           <div class="download-item-artist">
-                            {{ item.songInfo?.ar?.map((a) => a.name).join(', ') || '未知歌手' }}
+                            {{
+                              item.songInfo?.ar?.map((a) => a.name).join(', ') ||
+                              t('download.artist.unknown')
+                            }}
                           </div>
                           <div class="download-item-progress">
                             <n-progress
@@ -78,14 +88,14 @@
           </n-tab-pane>
 
           <!-- 已下载列表 -->
-          <n-tab-pane name="downloaded" tab="已下载" class="h-full">
+          <n-tab-pane name="downloaded" :tab="t('download.tabs.downloaded')" class="h-full">
             <div class="downloaded-list">
               <div v-if="downloadedList.length === 0" class="empty-tip">
-                <n-empty description="暂无已下载歌曲" />
+                <n-empty :description="t('download.empty.noDownloaded')" />
               </div>
               <div v-else class="downloaded-content">
                 <div class="downloaded-items">
-                  <div v-for="item in downloadedList" :key="item.path" class="downloaded-item">
+                  <div v-for="item in downList" :key="item.path" class="downloaded-item">
                     <div class="downloaded-item-content">
                       <div class="downloaded-item-cover">
                         <n-image
@@ -105,11 +115,11 @@
                         <div class="downloaded-item-size">{{ formatSize(item.size) }}</div>
                       </div>
                       <div class="downloaded-item-actions">
-                        <n-button text type="primary" size="large" @click="handlePlayMusic(item)">
+                        <!-- <n-button text type="primary" size="large" @click="handlePlayMusic(item)">
                           <template #icon>
                             <i class="iconfont ri-play-circle-line text-xl"></i>
                           </template>
-                        </n-button>
+                        </n-button> -->
                         <n-button
                           text
                           type="primary"
@@ -138,19 +148,28 @@
   </n-drawer>
 
   <!-- 删除确认对话框 -->
-  <n-modal v-model:show="showDeleteConfirm" preset="dialog" type="warning" title="删除确认">
+  <n-modal
+    v-model:show="showDeleteConfirm"
+    preset="dialog"
+    type="warning"
+    :title="t('download.delete.title')"
+  >
     <template #header>
       <div class="flex items-center">
         <i class="iconfont ri-error-warning-line mr-2 text-xl"></i>
-        <span>删除确认</span>
+        <span>{{ t('download.delete.title') }}</span>
       </div>
     </template>
     <div class="delete-confirm-content">
-      确定要删除歌曲 "{{ itemToDelete?.filename }}" 吗？此操作不可恢复。
+      {{ t('download.delete.message', { filename: itemToDelete?.filename }) }}
     </div>
     <template #action>
-      <n-button size="small" @click="showDeleteConfirm = false">取消</n-button>
+      <n-button size="small" @click="showDeleteConfirm = false">{{
-      <n-button size="small" type="warning" @click="confirmDelete">确定删除</n-button>
+        t('download.delete.cancel')
+      }}</n-button>
+      <n-button size="small" type="warning" @click="confirmDelete">{{
+        t('download.delete.confirm')
+      }}</n-button>
     </template>
   </n-modal>
 </template>
@@ -159,12 +178,15 @@
 import type { ProgressStatus } from 'naive-ui';
 import { useMessage } from 'naive-ui';
 import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { getMusicDetail } from '@/api/music';
-import { audioService } from '@/services/audioService';
+// import { audioService } from '@/services/audioService';
 import { getImgUrl } from '@/utils';
 
+const { t } = useI18n();
+
 interface DownloadItem {
   filename: string;
   progress: number;
@@ -185,15 +207,26 @@ interface DownloadedItem {
   ar: { name: string }[];
 }
 
-const store = useStore();
 const message = useMessage();
-const showDrawer = ref(false);
+const store = useStore();
+
+const showDrawer = computed({
+  get: () => store.state.showDownloadDrawer,
+  set: (val) => store.commit('setShowDownloadDrawer', val)
+});
+
 const downloadList = ref<DownloadItem[]>([]);
-const downloadedList = ref<DownloadedItem[]>([]);
+const downloadedList = ref<DownloadedItem[]>(
+  JSON.parse(localStorage.getItem('downloadedList') || '[]')
+);
+
+const downList = computed(() => {
+  return (downloadedList.value as DownloadedItem[]).reverse();
+});
 
 // 获取播放状态
-const play = computed(() => store.state.play as boolean);
+// const play = computed(() => store.state.play as boolean);
-const currentMusic = computed(() => store.state.playMusic);
+// const currentMusic = computed(() => store.state.playMusic);
 
 // 计算下载中的任务数量
 const downloadingCount = computed(() => {
@@ -231,13 +264,13 @@ const getStatusType = (item: DownloadItem) => {
 const getStatusText = (item: DownloadItem) => {
   switch (item.status) {
     case 'downloading':
-      return '下载中';
+      return t('download.status.downloading');
     case 'completed':
-      return '已完成';
+      return t('download.status.completed');
     case 'error':
-      return '失败';
+      return t('download.status.failed');
     default:
-      return '未知';
+      return t('download.status.unknown');
   }
 };
 
@@ -264,8 +297,7 @@ const formatSize = (bytes: number) => {
 
 // 打开目录
 const openDirectory = (path: string) => {
-  const directory = path.substring(0, path.lastIndexOf('/'));
+  window.electron.ipcRenderer.send('open-directory', path);
-  window.electron.ipcRenderer.send('open-directory', directory);
 };
 
 // 删除相关
@@ -288,14 +320,22 @@ const confirmDelete = async () => {
       itemToDelete.value.path
     );
     if (success) {
+      localStorage.setItem(
+        'downloadedList',
+        JSON.stringify(
+          downloadedList.value.filter(
+            (item) => item.id !== (itemToDelete.value as DownloadedItem).id
+          )
+        )
+      );
       await refreshDownloadedList();
-      message.success('删除成功');
+      message.success(t('download.delete.success'));
     } else {
-      message.error('删除失败');
+      message.error(t('download.delete.failed'));
     }
   } catch (error) {
     console.error('Failed to delete music:', error);
-    message.error('删除失败');
+    message.error(t('download.delete.failed'));
   } finally {
     showDeleteConfirm.value = false;
     itemToDelete.value = null;
@@ -303,58 +343,59 @@ const confirmDelete = async () => {
 };
 
 // 播放音乐
-const handlePlayMusic = async (item: DownloadedItem) => {
+// const handlePlayMusic = async (item: DownloadedItem) => {
-  // 确保路径正确编码
+//   // 确保路径正确编码
-  const encodedPath = encodeURIComponent(item.path);
+//   const encodedPath = encodeURIComponent(item.path);
-  const localUrl = `local://${encodedPath}`;
+//   const localUrl = `local://${encodedPath}`;
 
-  const musicInfo = {
+//   const musicInfo = {
-    name: item.filename,
+//     name: item.filename,
-    id: item.id,
+//     id: item.id,
-    url: localUrl,
+//     url: localUrl,
-    playMusicUrl: localUrl,
+//     playMusicUrl: localUrl,
-    picUrl: item.picUrl,
+//     picUrl: item.picUrl,
-    ar: item.ar || [{ name: '本地音乐' }],
+//     ar: item.ar || [{ name: '本地音乐' }],
-    song: {
+//     song: {
-      artists: item.ar || [{ name: '本地音乐' }]
+//       artists: item.ar || [{ name: '本地音乐' }]
-    },
+//     },
-    al: {
+//     al: {
-      picUrl: item.picUrl || '/images/default_cover.png'
+//       picUrl: item.picUrl || '/images/default_cover.png'
-    }
+//     }
-  };
+//   };
 
-  // 如果是当前播放的音乐，则切换播放状态
+//   // 如果是当前播放的音乐，则切换播放状态
-  if (currentMusic.value?.id === item.id) {
+//   if (currentMusic.value?.id === item.id) {
-    if (play.value) {
+//     if (play.value) {
-      audioService.getCurrentSound()?.pause();
+//       audioService.getCurrentSound()?.pause();
-      store.commit('setPlayMusic', false);
+//       store.commit('setPlayMusic', false);
-    } else {
+//     } else {
-      audioService.getCurrentSound()?.play();
+//       audioService.getCurrentSound()?.play();
-      store.commit('setPlayMusic', true);
+//       store.commit('setPlayMusic', true);
-    }
+//     }
-    return;
+//     return;
-  }
+//   }
 
-  // 播放新的音乐
+//   // 播放新的音乐
-  store.commit('setPlay', musicInfo);
+//   store.commit('setPlay', musicInfo);
-  store.commit('setPlayMusic', true);
+//   store.commit('setPlayMusic', true);
-  store.commit('setIsPlay', true);
+//   store.commit('setIsPlay', true);
 
-  store.commit(
+//   store.commit(
-    'setPlayList',
+//     'setPlayList',
-    downloadedList.value.map((item) => ({
+//     downloadedList.value.map((item) => ({
-      ...item,
+//       ...item,
-      playMusicUrl: `local://${encodeURIComponent(item.path)}`
+//       playMusicUrl: `local://${encodeURIComponent(item.path)}`
-    }))
+//     }))
-  );
+//   );
-};
+// };
 
 // 获取已下载音乐列表
 const refreshDownloadedList = async () => {
   try {
+    let saveList: any = [];
     const list = await window.electron.ipcRenderer.invoke('get-downloaded-music');
     if (!Array.isArray(list) || list.length === 0) {
-      downloadedList.value = [];
+      saveList = [];
       return;
     }
 
@@ -369,27 +410,39 @@ const refreshDownloadedList = async () => {
           return acc;
         }, {});
 
-        downloadedList.value = list.map((item) => {
+        saveList = list.map((item) => {
           const songDetail = songDetails[item.id];
           return {
             ...item,
             picUrl: songDetail?.al?.picUrl || item.picUrl || '/images/default_cover.png',
-            ar: songDetail?.ar || item.ar || [{ name: '本地音乐' }]
+            ar: songDetail?.ar || item.ar || [{ name: t('download.localMusic') }]
           };
         });
       } catch (detailError) {
         console.error('Failed to get music details:', detailError);
-        downloadedList.value = list;
+        saveList = list;
       }
     } else {
-      downloadedList.value = list;
+      saveList = list;
     }
+    setLocalDownloadedList(saveList);
   } catch (error) {
     console.error('Failed to get downloaded music list:', error);
     downloadedList.value = [];
   }
 };
 
+const setLocalDownloadedList = (list: DownloadedItem[]) => {
+  const localList = localStorage.getItem('downloadedList');
+  // 合并 去重
+  const saveList = [...(localList ? JSON.parse(localList) : []), ...list];
+  const uniqueList = saveList.filter(
+    (item, index, self) => index === self.findIndex((t) => t.id === item.id)
+  );
+  localStorage.setItem('downloadedList', JSON.stringify(uniqueList));
+  downloadedList.value = uniqueList;
+};
+
 // 监听抽屉显示状态
 watch(
   () => showDrawer.value,
@@ -432,7 +485,7 @@ onMounted(() => {
       downloadList.value = downloadList.value.filter((item) => item.filename !== data.filename);
       // 刷新已下载列表
       refreshDownloadedList();
-      message.success(`${data.filename} 下载完成`);
+      message.success(t('download.message.downloadComplete', { filename: data.filename }));
     } else {
       const existingItem = downloadList.value.find((item) => item.filename === data.filename);
       if (existingItem) {
@@ -445,7 +498,9 @@ onMounted(() => {
           downloadList.value = downloadList.value.filter((item) => item.filename !== data.filename);
         }, 3000);
       }
-      message.error(`${data.filename} 下载失败: ${data.error}`);
+      message.error(
+        t('download.message.downloadFailed', { filename: data.filename, error: data.error })
+      );
     }
   });
 
@@ -465,6 +520,10 @@ onMounted(() => {
     }
   });
 });
+
+const handleDrawerClose = () => {
+  store.commit('setShowDownloadDrawer', false);
+};
 </script>
 
 <style lang="scss" scoped>

src/renderer/components/common/InstallAppModal.vue

@@ -13,24 +13,28 @@
         </div>
         <div class="app-info">
           <h2 class="app-name">Alger Music Player {{ config.version }}</h2>
-          <p class="app-desc mb-2">在桌面安装应用，获得更好的体验</p>
+          <p class="app-desc mb-2">{{ t('comp.installApp.description') }}</p>
-          <n-checkbox v-model:checked="noPrompt">不再提示</n-checkbox>
+          <n-checkbox v-model:checked="noPrompt">{{ t('comp.installApp.noPrompt') }}</n-checkbox>
         </div>
       </div>
       <div class="modal-actions">
-        <n-button class="cancel-btn" @click="closeModal">暂不安装</n-button>
+        <n-button class="cancel-btn" @click="closeModal">{{
-        <n-button type="primary" class="install-btn" @click="handleInstall">立即安装</n-button>
+          t('comp.installApp.cancel')
+        }}</n-button>
+        <n-button type="primary" class="install-btn" @click="handleInstall">{{
+          t('comp.installApp.install')
+        }}</n-button>
       </div>
       <div class="modal-desc mt-4 text-center">
         <p class="text-xs text-gray-400">
-          下载遇到问题？去
+          {{ t('comp.installApp.downloadProblem') }}
           <a
             class="text-green-500"
             target="_blank"
             href="https://github.com/algerkong/AlgerMusicPlayer/releases"
             >GitHub</a
           >
-          下载最新版本
+          {{ t('comp.installApp.downloadProblemLinkText') }}
         </p>
       </div>
     </div>
@@ -39,12 +43,15 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { isElectron, isMobile } from '@/utils';
 import { getLatestReleaseInfo } from '@/utils/update';
 
 import config from '../../../../package.json';
 
+const { t } = useI18n();
+
 const showModal = ref(false);
 const noPrompt = ref(false);
 const releaseInfo = ref<any>(null);

src/renderer/components/common/PlaylistDrawer.vue

@@ -5,7 +5,7 @@
     placement="right"
     @update:show="$emit('update:modelValue', $event)"
   >
-    <n-drawer-content title="添加到歌单" class="mac-style-drawer">
+    <n-drawer-content :title="t('comp.playlistDrawer.title')" class="mac-style-drawer">
       <n-scrollbar class="h-full">
         <div class="playlist-drawer">
           <!-- 创建新歌单按钮和表单 -->
@@ -18,14 +18,20 @@
               <div class="create-playlist-icon">
                 <i class="iconfont" :class="isCreating ? 'ri-close-line' : 'ri-add-line'"></i>
               </div>
-              <div class="create-playlist-text">{{ isCreating ? '取消创建' : '创建新歌单' }}</div>
+              <div class="create-playlist-text">
+                {{
+                  isCreating
+                    ? t('comp.playlistDrawer.cancelCreate')
+                    : t('comp.playlistDrawer.createPlaylist')
+                }}
+              </div>
             </div>
 
             <!-- 创建歌单表单 -->
             <div class="create-playlist-form" :class="{ 'is-visible': isCreating }">
               <n-input
                 v-model:value="formValue.name"
-                placeholder="歌单名称"
+                :placeholder="t('comp.playlistDrawer.playlistName')"
                 maxlength="40"
                 class="mac-style-input"
                 :status="inputError ? 'error' : undefined"
@@ -40,11 +46,15 @@
                     class="iconfont"
                     :class="formValue.privacy ? 'ri-lock-line' : 'ri-earth-line'"
                   ></i>
-                  <span>{{ formValue.privacy ? '私密歌单' : '公开歌单' }}</span>
+                  <span>{{
+                    formValue.privacy
+                      ? t('comp.playlistDrawer.privatePlaylist')
+                      : t('comp.playlistDrawer.publicPlaylist')
+                  }}</span>
                 </div>
                 <n-switch v-model:value="formValue.privacy" class="mac-style-switch">
-                  <template #checked>私密</template>
+                  <template #checked>{{ t('comp.playlistDrawer.private') }}</template>
-                  <template #unchecked>公开</template>
+                  <template #unchecked>{{ t('comp.playlistDrawer.public') }}</template>
                 </n-switch>
               </div>
               <div class="form-actions">
@@ -56,7 +66,7 @@
                   :disabled="!formValue.name"
                   @click="handleCreatePlaylist"
                 >
-                  创建歌单
+                  {{ t('comp.playlistDrawer.create') }}
                 </n-button>
               </div>
             </div>
@@ -80,7 +90,10 @@
               />
               <div class="playlist-item-info">
                 <div class="playlist-item-name">{{ playlist.name }}</div>
-                <div class="playlist-item-count">{{ playlist.trackCount }}首歌曲</div>
+                <div class="playlist-item-count">
+                  {{ playlist.trackCount }}
+                  {{ t('comp.playlistDrawer.count') }}
+                </div>
               </div>
               <div class="playlist-item-action">
                 <i class="iconfont ri-add-line"></i>
@@ -96,12 +109,14 @@
 <script lang="ts" setup>
 import { useMessage } from 'naive-ui';
 import { computed, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { createPlaylist, updatePlaylistTracks } from '@/api/music';
 import { getUserPlaylist } from '@/api/user';
 import { getImgUrl } from '@/utils';
 
+const { t } = useI18n();
 const props = defineProps<{
   modelValue: boolean;
   songId?: number;
@@ -138,7 +153,7 @@ const fetchUserPlaylists = async () => {
   try {
     const { user } = store.state;
     if (!user?.userId) {
-      message.error('请先登录');
+      message.error(t('comp.playlistDrawer.loginFirst'));
       emit('update:modelValue', false);
       return;
     }
@@ -149,7 +164,7 @@ const fetchUserPlaylists = async () => {
     }
   } catch (error) {
     console.error('获取歌单失败:', error);
-    message.error('获取歌单失败');
+    message.error(t('comp.playlistDrawer.getPlaylistFailed'));
   }
 };
 
@@ -165,21 +180,21 @@ const handleAddToPlaylist = async (playlist: any) => {
     console.log('res.data', res.data);
 
     if (res.status === 200) {
-      message.success('添加成功');
+      message.success(t('comp.playlistDrawer.addSuccess'));
       emit('update:modelValue', false);
     } else {
-      throw new Error(res.data?.msg || '添加失败');
+      throw new Error(res.data?.msg || t('comp.playlistDrawer.addFailed'));
     }
   } catch (error: any) {
     console.error('添加到歌单失败:', error);
-    message.error(error.message || '添加到歌单失败');
+    message.error(error.message || t('comp.playlistDrawer.addFailed'));
   }
 };
 
 // 创建歌单
 const handleCreatePlaylist = async () => {
   if (!formValue.value.name) {
-    message.error('请输入歌单名称');
+    message.error(t('comp.playlistDrawer.inputPlaylistName'));
     return;
   }
 
@@ -192,7 +207,7 @@ const handleCreatePlaylist = async () => {
     });
 
     if (res.data?.id) {
-      message.success('创建成功');
+      message.success(t('comp.playlistDrawer.createSuccess'));
       isCreating.value = false;
       formValue.value.name = '';
       formValue.value.privacy = false;
@@ -200,7 +215,7 @@ const handleCreatePlaylist = async () => {
     }
   } catch (error) {
     console.error('创建歌单失败:', error);
-    message.error('创建歌单失败');
+    message.error(t('comp.playlistDrawer.createFailed'));
   } finally {
     creating.value = false;
   }

src/renderer/components/common/SongItem.vue

@@ -89,6 +89,7 @@ import { cloneDeep } from 'lodash';
 import type { MenuOption } from 'naive-ui';
 import { NImage, NText, useMessage } from 'naive-ui';
 import { computed, h, inject, ref, useTemplateRef } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { getSongUrl } from '@/hooks/MusicListHook';
@@ -97,6 +98,8 @@ import type { SongResult } from '@/type/music';
 import { getImgUrl, isElectron } from '@/utils';
 import { getImageBackground } from '@/utils/linearColor';
 
+const { t } = useI18n();
+
 const props = withDefaults(
   defineProps<{
     item: SongResult;
@@ -194,12 +197,12 @@ const dropdownOptions = computed<MenuOption[]>(() => {
       type: 'divider'
     },
     {
-      label: '播放',
+      label: t('songItem.menu.play'),
       key: 'play',
       icon: () => h('i', { class: 'iconfont ri-play-circle-line' })
     },
     {
-      label: '下一首播放',
+      label: t('songItem.menu.playNext'),
       key: 'playNext',
       icon: () => h('i', { class: 'iconfont ri-play-list-2-line' })
     },
@@ -208,12 +211,17 @@ const dropdownOptions = computed<MenuOption[]>(() => {
       key: 'd1'
     },
     {
-      label: '添加到歌单',
+      label: t('songItem.menu.download'),
+      key: 'download',
+      icon: () => h('i', { class: 'iconfont ri-download-line' })
+    },
+    {
+      label: t('songItem.menu.addToPlaylist'),
       key: 'addToPlaylist',
       icon: () => h('i', { class: 'iconfont ri-folder-add-line' })
     },
     {
-      label: isFavorite.value ? '取消喜欢' : '喜欢',
+      label: isFavorite.value ? t('songItem.menu.unfavorite') : t('songItem.menu.favorite'),
       key: 'favorite',
       icon: () =>
         h('i', {
@@ -229,7 +237,7 @@ const dropdownOptions = computed<MenuOption[]>(() => {
         key: 'd2'
       },
       {
-        label: '从歌单中删除',
+        label: t('songItem.menu.removeFromPlaylist'),
         key: 'remove',
         icon: () => h('i', { class: 'iconfont ri-delete-bin-line' })
       }
@@ -266,7 +274,7 @@ const handleSelect = (key: string | number) => {
 // 下载音乐
 const downloadMusic = async () => {
   if (isDownloading.value) {
-    message.warning('正在下载中，请稍候...');
+    message.warning(t('songItem.message.downloading'));
     return;
   }
 
@@ -275,7 +283,7 @@ const downloadMusic = async () => {
 
     const data = (await getSongUrl(props.item.id, cloneDeep(props.item), true)) as any;
     if (!data || !data.url) {
-      throw new Error('获取音乐下载地址失败');
+      throw new Error(t('songItem.message.getUrlFailed'));
     }
 
     // 构建文件名
@@ -293,7 +301,7 @@ const downloadMusic = async () => {
       }
     });
 
-    message.success('已加入下载队列');
+    message.success(t('songItem.message.downloadQueued'));
 
     // 监听下载完成事件
     const handleDownloadComplete = (_, result) => {
@@ -326,7 +334,7 @@ const downloadMusic = async () => {
   } catch (error: any) {
     console.error('Download error:', error);
     isDownloading.value = false;
-    message.error(error.message || '下载失败');
+    message.error(error.message || t('songItem.message.downloadFailed'));
   }
 };
 
@@ -393,7 +401,7 @@ const artists = computed(() => {
 // 添加到下一首播放
 const handlePlayNext = () => {
   store.commit('addToNextPlay', props.item);
-  message.success('已添加到下一首播放');
+  message.success(t('songItem.message.addedToNextPlay'));
 };
 </script>
 

src/renderer/components/common/UpdateModal.vue

@@ -14,8 +14,10 @@
           <img src="@/assets/logo.png" alt="App Icon" />
         </div>
         <div class="app-info">
-          <h2 class="app-name">发现新版本 {{ updateInfo.latestVersion }}</h2>
+          <h2 class="app-name">{{ t('comp.update.title') }} {{ updateInfo.latestVersion }}</h2>
-          <p class="app-desc mb-2">当前版本 {{ updateInfo.currentVersion }}</p>
+          <p class="app-desc mb-2">
+            {{ t('comp.update.currentVersion') }} {{ updateInfo.currentVersion }}
+          </p>
         </div>
       </div>
       <div class="update-info">
@@ -39,7 +41,7 @@
           :loading="downloading"
           @click="closeModal"
         >
-          {{ '暂不更新' }}
+          {{ t('comp.update.cancel') }}
         </n-button>
         <n-button
           type="primary"
@@ -53,14 +55,14 @@
       </div>
       <div v-if="!downloading" class="modal-desc mt-4 text-center">
         <p class="text-xs text-gray-400">
-          下载遇到问题？去
+          {{ t('comp.installApp.downloadProblem') }}
           <a
             class="text-green-500"
             target="_blank"
             href="https://github.com/algerkong/AlgerMusicPlayer/releases"
             >GitHub</a
           >
-          下载最新版本
+          {{ t('comp.installApp.downloadProblemLinkText') }}
         </p>
       </div>
     </div>
@@ -70,12 +72,15 @@
 <script setup lang="ts">
 import { marked } from 'marked';
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
-import { checkUpdate, UpdateResult } from '@/utils/update';
+import { checkUpdate, getProxyNodes, UpdateResult } from '@/utils/update';
 
 import config from '../../../../package.json';
 
+const { t } = useI18n();
+
 // 配置 marked
 marked.setOptions({
   breaks: true, // 支持 GitHub 风格的换行
@@ -141,10 +146,10 @@ const checkForUpdates = async () => {
 
 const downloading = ref(false);
 const downloadProgress = ref(0);
-const downloadStatus = ref('准备下载...');
+const downloadStatus = ref(t('comp.update.prepareDownload'));
 const downloadBtnText = computed(() => {
-  if (downloading.value) return '下载中...';
+  if (downloading.value) return t('comp.update.downloading');
-  return '立即更新';
+  return t('comp.update.nowUpdate');
 });
 
 // 处理下载状态更新
@@ -159,7 +164,7 @@ const handleDownloadComplete = (_event: any, success: boolean, filePath: string)
   if (success) {
     window.electron.ipcRenderer.send('install-update', filePath);
   } else {
-    window.$message.error('下载失败，请重试或手动下载');
+    window.$message.error(t('comp.update.downloadFailed'));
   }
 };
 
@@ -225,15 +230,21 @@ const handleUpdate = async () => {
   if (downloadUrl) {
     try {
       downloading.value = true;
-      downloadStatus.value = '准备下载...';
+      downloadStatus.value = t('comp.update.prepareDownload');
-      window.electron.ipcRenderer.send('start-download', downloadUrl);
+
+      // 获取代理节点列表
+      const proxyHosts = await getProxyNodes();
+      const proxyDownloadUrl = `${proxyHosts[0]}/${downloadUrl}`;
+
+      // 发送所有可能的下载地址到主进程
+      window.electron.ipcRenderer.send('start-download', proxyDownloadUrl);
     } catch (error) {
       downloading.value = false;
-      window.$message.error('启动下载失败，请重试或手动下载');
+      window.$message.error(t('comp.update.startFailed'));
       console.error('下载失败:', error);
     }
   } else {
-    window.$message.error('未找到适合当前系统的安装包，请手动下载');
+    window.$message.error(t('comp.update.noDownloadUrl'));
     window.open('https://github.com/algerkong/AlgerMusicPlayer/releases/latest', '_blank');
   }
 };

src/renderer/components/lyric/LyricSettings.vue

@@ -1,83 +1,83 @@
 <template>
   <div class="settings-panel transparent-popover">
-    <div class="settings-title">页面设置</div>
+    <div class="settings-title">{{ t('settings.lyricSettings.title') }}</div>
     <div class="settings-content">
       <div class="settings-item">
-        <span>纯净模式</span>
+        <span>{{ t('settings.lyricSettings.pureMode') }}</span>
         <n-switch v-model:value="config.pureModeEnabled" />
       </div>
 
       <div class="settings-item">
-        <span>隐藏封面</span>
+        <span>{{ t('settings.lyricSettings.hideCover') }}</span>
         <n-switch v-model:value="config.hideCover" />
       </div>
 
       <div class="settings-item">
-        <span>居中显示</span>
+        <span>{{ t('settings.lyricSettings.centerDisplay') }}</span>
         <n-switch v-model:value="config.centerLyrics" />
       </div>
 
       <div class="settings-item">
-        <span>显示翻译</span>
+        <span>{{ t('settings.lyricSettings.showTranslation') }}</span>
         <n-switch v-model:value="config.showTranslation" />
       </div>
 
       <div class="settings-item">
-        <span>隐藏播放栏</span>
+        <span>{{ t('settings.lyricSettings.hidePlayBar') }}</span>
         <n-switch v-model:value="config.hidePlayBar" />
       </div>
 
       <div class="settings-slider">
-        <span>字体大小</span>
+        <span>{{ t('settings.lyricSettings.fontSize') }}</span>
         <n-slider
           v-model:value="config.fontSize"
           :step="1"
           :min="12"
           :max="32"
           :marks="{
-            12: '小',
+            12: t('settings.lyricSettings.fontSizeMarks.small'),
-            22: '中',
+            22: t('settings.lyricSettings.fontSizeMarks.medium'),
-            32: '大'
+            32: t('settings.lyricSettings.fontSizeMarks.large')
           }"
         />
       </div>
 
       <div class="settings-slider">
-        <span>文字间距</span>
+        <span>{{ t('settings.lyricSettings.letterSpacing') }}</span>
         <n-slider
           v-model:value="config.letterSpacing"
           :step="0.2"
           :min="-2"
           :max="10"
           :marks="{
-            '-2': '紧凑',
+            '-2': t('settings.lyricSettings.letterSpacingMarks.compact'),
-            0: '默认',
+            0: t('settings.lyricSettings.letterSpacingMarks.default'),
-            10: '宽松'
+            10: t('settings.lyricSettings.letterSpacingMarks.loose')
           }"
         />
       </div>
 
       <div class="settings-slider">
-        <span>行高</span>
+        <span>{{ t('settings.lyricSettings.lineHeight') }}</span>
         <n-slider
           v-model:value="config.lineHeight"
           :step="0.1"
           :min="1"
           :max="3"
           :marks="{
-            1: '紧凑',
+            1: t('settings.lyricSettings.lineHeightMarks.compact'),
-            1.5: '默认',
+            1.5: t('settings.lyricSettings.lineHeightMarks.default'),
-            3: '宽松'
+            3: t('settings.lyricSettings.lineHeightMarks.loose')
           }"
         />
       </div>
 
       <div class="settings-item">
-        <span>背景主题</span>
+        <span>{{ t('settings.lyricSettings.backgroundTheme') }}</span>
         <n-radio-group v-model:value="config.theme" name="theme">
-          <n-radio value="default">默认</n-radio>
+          <n-radio value="default">{{ t('settings.lyricSettings.themeOptions.default') }}</n-radio>
-          <n-radio value="light">亮色</n-radio>
+          <n-radio value="light">{{ t('settings.lyricSettings.themeOptions.light') }}</n-radio>
-          <n-radio value="dark">暗色</n-radio>
+          <n-radio value="dark">{{ t('settings.lyricSettings.themeOptions.dark') }}</n-radio>
         </n-radio-group>
       </div>
     </div>
@@ -86,6 +86,9 @@
 
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 interface LyricConfig {
   hideCover: boolean;

src/renderer/components/settings/ShortcutSettings.vue

@@ -2,7 +2,7 @@
   <n-modal
     v-model:show="visible"
     preset="dialog"
-    title="快捷键设置"
+    :title="t('settings.shortcutSettings.title')"
     :show-icon="false"
     style="width: 600px"
     @after-leave="handleAfterLeave"
@@ -20,7 +20,7 @@
                   <n-input
                     :value="formatShortcut(shortcut)"
                     :status="duplicateKeys[key] ? 'error' : undefined"
-                    placeholder="点击输入快捷键"
+                    :placeholder="t('settings.shortcutSettings.inputPlaceholder')"
                     readonly
                     @keydown="(e) => handleKeyDown(e, key)"
                     @focus="() => startRecording(key)"
@@ -32,7 +32,7 @@
                         <i class="ri-error-warning-line"></i>
                       </n-icon>
                     </template>
-                    快捷键冲突
+                    {{ t('settings.shortcutSettings.shortcutConflict') }}
                   </n-tooltip>
                 </div>
               </div>
@@ -42,10 +42,12 @@
 
         <div class="shortcut-footer">
           <n-space justify="end">
-            <n-button size="small" @click="handleCancel">取消</n-button>
+            <n-button size="small" @click="handleCancel">{{ t('common.cancel') }}</n-button>
-            <n-button size="small" @click="resetShortcuts">恢复默认</n-button>
+            <n-button size="small" @click="resetShortcuts">{{
+              t('settings.shortcutSettings.resetShortcuts')
+            }}</n-button>
             <n-button type="primary" size="small" :disabled="hasConflict" @click="handleSave">
-              保存
+              {{ t('common.save') }}
             </n-button>
           </n-space>
         </div>
@@ -58,9 +60,12 @@
 import { cloneDeep } from 'lodash';
 import { useMessage } from 'naive-ui';
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import { isElectron } from '@/utils';
 
+const { t } = useI18n();
+
 interface Shortcuts {
   togglePlay: string;
   prevPlay: string;
@@ -121,13 +126,13 @@ onMounted(() => {
 });
 
 const shortcutLabels: Record<keyof Shortcuts, string> = {
-  togglePlay: '播放/暂停',
+  togglePlay: t('settings.shortcutSettings.togglePlay'),
-  prevPlay: '上一首',
+  prevPlay: t('settings.shortcutSettings.prevPlay'),
-  nextPlay: '下一首',
+  nextPlay: t('settings.shortcutSettings.nextPlay'),
-  volumeUp: '音量增加',
+  volumeUp: t('settings.shortcutSettings.volumeUp'),
-  volumeDown: '音量减少',
+  volumeDown: t('settings.shortcutSettings.volumeDown'),
-  toggleFavorite: '收藏/取消收藏',
+  toggleFavorite: t('settings.shortcutSettings.toggleFavorite'),
-  toggleWindow: '显示/隐藏窗口'
+  toggleWindow: t('settings.shortcutSettings.toggleWindow')
 };
 
 const getShortcutLabel = (key: keyof Shortcuts) => shortcutLabels[key];
@@ -221,12 +226,12 @@ const handleKeyDown = (e: KeyboardEvent, key: keyof Shortcuts) => {
 
 const resetShortcuts = () => {
   tempShortcuts.value = { ...defaultShortcuts };
-  message.success('已恢复默认快捷键，请记得保存');
+  message.success(t('settings.shortcutSettings.messages.resetSuccess'));
 };
 
 const saveShortcuts = () => {
   if (hasConflict.value) {
-    message.error('存在冲突的快捷键，请重新设置');
+    message.error(t('settings.shortcutSettings.messages.conflict'));
     return;
   }
 
@@ -241,17 +246,17 @@ const saveShortcuts = () => {
       window.electron.ipcRenderer.send('set-store-value', 'shortcuts', shortcutsToSave);
       // 然后更新快捷键
       window.electron.ipcRenderer.send('update-shortcuts');
-      message.success('快捷键设置已保存');
+      message.success(t('settings.shortcutSettings.messages.saveSuccess'));
     } catch (error) {
       console.error('保存快捷键失败:', error);
-      message.error('保存快捷键失败，请重试');
+      message.error(t('settings.shortcutSettings.messages.saveError'));
     }
   }
 };
 
 const cancelEdit = () => {
   tempShortcuts.value = { ...shortcuts.value };
-  message.info('已取消修改');
+  message.info(t('settings.shortcutSettings.messages.cancelEdit'));
   emit('update:show', false);
 };
 

src/renderer/hooks/MusicHook.ts

@@ -1,3 +1,4 @@
+import { createDiscreteApi } from 'naive-ui';
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
 
 import useIndexedDB from '@/hooks/IndexDBHook';
@@ -6,7 +7,7 @@ import store from '@/store';
 import type { Artist, ILyricText, SongResult } from '@/type/music';
 import { isElectron } from '@/utils';
 import { getTextColors } from '@/utils/linearColor';
-import { createDiscreteApi } from 'naive-ui';
+
 const windowData = window as any;
 
 export const lrcArray = ref<ILyricText[]>([]); // 歌词数组
@@ -62,7 +63,6 @@ watch(
         sound.value = newSound as Howl;
         setupAudioListeners();
       } catch (error) {
-
         console.error('播放音频失败:', error);
         store.commit('setPlayMusic', false);
         message.error('当前歌曲播放失败，播放下一首');

src/renderer/hooks/MusicListHook.ts

@@ -13,7 +13,7 @@ const musicHistory = useMusicHistory();
 
 // 获取歌曲url
 export const getSongUrl = async (id: number, songData: any, isDownloaded: boolean = false) => {
-  const { data } = await getMusicUrl(id);
+  const { data } = await getMusicUrl(id, isDownloaded);
   let url = '';
   let songDetail = null;
   try {

src/renderer/layout/AppLayout.vue

@@ -27,7 +27,14 @@
       <!-- 底部音乐播放 -->
       <play-bar v-show="isPlay" :style="isMobile && store.state.musicFull ? 'bottom: 0;' : ''" />
       <!-- 下载管理抽屉 -->
-      <download-drawer v-if="isElectron" />
+      <download-drawer
+        v-if="
+          isElectron &&
+          (store.state.setData?.alwaysShowDownloadButton ||
+            store.state.showDownloadDrawer ||
+            store.state.hasDownloadingTasks)
+        "
+      />
     </div>
     <install-app-modal v-if="!isElectron"></install-app-modal>
     <update-modal v-if="isElectron" />

src/renderer/layout/components/MusicFull.vue

@@ -113,7 +113,7 @@
 
             <!-- 无歌词 -->
             <div v-if="!lrcArray.length" class="music-lrc-text mt-40">
-              <span>暂无歌词, 请欣赏</span>
+              <span>{{ t('player.lrc.noLrc') }}</span>
             </div>
           </div>
         </n-layout>
@@ -130,6 +130,7 @@
 <script setup lang="ts">
 import { useDebounceFn } from '@vueuse/core';
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import LyricSettings from '@/components/lyric/LyricSettings.vue';
@@ -145,6 +146,7 @@ import {
 import { getImgUrl, isMobile } from '@/utils';
 import { animateGradient, getHoverBackgroundColor, getTextColors } from '@/utils/linearColor';
 
+const { t } = useI18n();
 // 定义 refs
 const lrcSider = ref<any>(null);
 const isMouse = ref(false);

src/renderer/layout/components/PlayBar.vue

@@ -41,7 +41,9 @@
             class="text-3xl"
             :class="musicFullVisible ? 'ri-arrow-down-s-line' : 'ri-arrow-up-s-line'"
           ></i>
-          <span class="hover-text">{{ musicFullVisible ? '收起' : '展开' }}歌词</span>
+          <span class="hover-text">{{
+            musicFullVisible ? t('player.playBar.collapse') : t('player.playBar.expand')
+          }}</span>
         </div>
       </div>
     </div>
@@ -105,7 +107,7 @@
             @click="toggleFavorite"
           ></i>
         </template>
-        喜欢
+        {{ t('player.playBar.like') }}
       </n-tooltip>
       <n-tooltip v-if="isElectron" class="music-lyric" trigger="hover" :z-index="9999999">
         <template #trigger>
@@ -115,7 +117,7 @@
             @click="openLyricWindow"
           ></i>
         </template>
-        歌词
+        {{ t('player.playBar.lyric') }}
       </n-tooltip>
       <n-popover
         trigger="click"
@@ -132,7 +134,7 @@
             <template #trigger>
               <i class="iconfont icon-list"></i>
             </template>
-            播放列表
+            {{ t('player.playBar.playList') }}
           </n-tooltip>
         </template>
         <div class="music-play-list">
@@ -155,6 +157,7 @@
 <script lang="ts" setup>
 import { useThrottleFn } from '@vueuse/core';
 import { computed, ref, useTemplateRef, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import SongItem from '@/components/common/SongItem.vue';
@@ -176,7 +179,7 @@ import { showShortcutToast } from '@/utils/shortcutToast';
 import MusicFull from './MusicFull.vue';
 
 const store = useStore();
-
+const { t } = useI18n();
 // 是否播放
 const play = computed(() => store.state.play as boolean);
 // 播放列表
@@ -260,13 +263,13 @@ const playModeIcon = computed(() => {
 const playModeText = computed(() => {
   switch (playMode.value) {
     case 0:
-      return '列表循环';
+      return t('player.playBar.playMode.sequence');
     case 1:
-      return '单曲循环';
+      return t('player.playBar.playMode.loop');
     case 2:
-      return '随机播放';
+      return t('player.playBar.playMode.random');
     default:
-      return '列表循环';
+      return t('player.playBar.playMode.sequence');
   }
 });
 
@@ -368,34 +371,42 @@ if (isElectron) {
       case 'togglePlay':
         playMusicEvent();
         showShortcutToast(
-          store.state.play ? '开始播放' : '暂停播放',
+          store.state.play ? t('player.playBar.play') : t('player.playBar.pause'),
           store.state.play ? 'ri-pause-circle-line' : 'ri-play-circle-line'
         );
         break;
       case 'prevPlay':
         handlePrev();
-        showShortcutToast('上一首', 'ri-skip-back-line');
+        showShortcutToast(t('player.playBar.prev'), 'ri-skip-back-line');
         break;
       case 'nextPlay':
         handleNext();
-        showShortcutToast('下一首', 'ri-skip-forward-line');
+        showShortcutToast(t('player.playBar.next'), 'ri-skip-forward-line');
         break;
       case 'volumeUp':
         if (volumeSlider.value < 100) {
           volumeSlider.value = Math.min(volumeSlider.value + 10, 100);
-          showShortcutToast(`音量${volumeSlider.value}%`, 'ri-volume-up-line');
+          showShortcutToast(
+            `${t('player.playBar.volume')}${volumeSlider.value}%`,
+            'ri-volume-up-line'
+          );
         }
         break;
       case 'volumeDown':
         if (volumeSlider.value > 0) {
           volumeSlider.value = Math.max(volumeSlider.value - 10, 0);
-          showShortcutToast(`音量${volumeSlider.value}%`, 'ri-volume-down-line');
+          showShortcutToast(
+            `${t('player.playBar.volume')}${volumeSlider.value}%`,
+            'ri-volume-down-line'
+          );
         }
         break;
       case 'toggleFavorite':
         toggleFavorite(new Event('click'));
         showShortcutToast(
-          isFavorite.value ? `已收藏${playMusic.value.name}` : `已取消收藏${playMusic.value.name}`,
+          isFavorite.value
+            ? t('player.playBar.favorite', { name: playMusic.value.name })
+            : t('player.playBar.unFavorite', { name: playMusic.value.name }),
           isFavorite.value ? 'ri-heart-fill' : 'ri-heart-line'
         );
         break;

src/renderer/layout/components/SearchBar.vue

@@ -35,7 +35,9 @@
             :src="getImgUrl(store.state.user.avatarUrl)"
             @click="selectItem('user')"
           />
-          <div v-else class="mx-2 rounded-full cursor-pointer text-sm" @click="toLogin">登录</div>
+          <div v-else class="mx-2 rounded-full cursor-pointer text-sm" @click="toLogin">
+            {{ t('comp.searchBar.login') }}
+          </div>
         </div>
       </template>
       <div class="user-popover">
@@ -46,20 +48,20 @@
         <div class="menu-items">
           <div v-if="!store.state.user" class="menu-item" @click="toLogin">
             <i class="iconfont ri-login-box-line"></i>
-            <span>去登录</span>
+            <span>{{ t('comp.searchBar.toLogin') }}</span>
           </div>
           <div v-if="store.state.user" class="menu-item" @click="selectItem('logout')">
             <i class="iconfont ri-logout-box-r-line"></i>
-            <span>退出登录</span>
+            <span>{{ t('comp.searchBar.logout') }}</span>
           </div>
           <!-- 切换主题 -->
           <div class="menu-item" @click="selectItem('set')">
             <i class="iconfont ri-settings-3-line"></i>
-            <span>设置</span>
+            <span>{{ t('comp.searchBar.set') }}</span>
           </div>
           <div class="menu-item">
             <i class="iconfont" :class="isDarkTheme ? 'ri-moon-line' : 'ri-sun-line'"></i>
-            <span>主题</span>
+            <span>{{ t('comp.searchBar.theme') }}</span>
             <n-switch v-model:value="isDarkTheme" class="ml-auto">
               <template #checked>
                 <i class="ri-moon-line"></i>
@@ -71,15 +73,15 @@
           </div>
           <div class="menu-item" @click="restartApp">
             <i class="iconfont ri-restart-line"></i>
-            <span>重启</span>
+            <span>{{ t('comp.searchBar.restart') }}</span>
           </div>
           <div class="menu-item" @click="selectItem('refresh')">
             <i class="iconfont ri-refresh-line"></i>
-            <span>刷新</span>
+            <span>{{ t('comp.searchBar.refresh') }}</span>
           </div>
           <div class="menu-item" @click="toGithubRelease">
             <i class="iconfont ri-github-fill"></i>
-            <span>当前版本</span>
+            <span>{{ t('comp.searchBar.currentVersion') }}</span>
             <div class="version-info">
               <span class="version-number">{{ updateInfo.currentVersion }}</span>
               <n-tag v-if="updateInfo.hasUpdate" type="success" size="small" class="ml-1">
@@ -101,11 +103,12 @@
 
 <script lang="ts" setup>
 import { computed, onMounted, ref, watchEffect } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
 
 import { getSearchKeyword } from '@/api/home';
-import { getUserDetail, logout } from '@/api/login';
+import { getUserDetail } from '@/api/login';
 import alipay from '@/assets/alipay.png';
 import wechat from '@/assets/wechat.png';
 import Coffee from '@/components/Coffee.vue';
@@ -118,9 +121,10 @@ import config from '../../../../package.json';
 const router = useRouter();
 const store = useStore();
 const userSetOptions = ref(USER_SET_OPTIONS);
+const { t } = useI18n();
 
 // 推荐热搜词
-const hotSearchKeyword = ref('搜索点什么吧...');
+const hotSearchKeyword = ref(t('comp.searchBar.searchPlaceholder'));
 const hotSearchValue = ref('');
 const loadHotSearchKeyword = async () => {
   const { data } = await getSearchKeyword();
@@ -132,8 +136,10 @@ const loadPage = async () => {
   const token = localStorage.getItem('token');
   if (!token) return;
   const { data } = await getUserDetail();
-  store.state.user = data.profile;
+  console.log('data', data);
-  localStorage.setItem('user', JSON.stringify(data.profile));
+  store.state.user =
+    data.profile || store.state.user || JSON.parse(localStorage.getItem('user') || '{}');
+  localStorage.setItem('user', JSON.stringify(store.state.user));
 };
 
 loadPage();
@@ -202,10 +208,7 @@ const selectItem = async (key: string) => {
   // switch 判断
   switch (key) {
     case 'logout':
-      logout().then(() => {
+      store.commit('logout');
-        store.commit('logout');
-        router.push('/login');
-      });
       break;
     case 'login':
       router.push('/login');

src/renderer/layout/components/TitleBar.vue

@@ -19,15 +19,21 @@
     :mask-closable="true"
   >
     <div class="close-dialog-content">
-      <p>请选择关闭方式</p>
+      <p>{{ t('comp.titleBar.closeTitle') }}</p>
       <div class="remember-choice">
-        <n-checkbox v-model:checked="rememberChoice">记住我的选择</n-checkbox>
+        <n-checkbox v-model:checked="rememberChoice">
+          {{ t('comp.titleBar.rememberChoice') }}
+        </n-checkbox>
       </div>
     </div>
     <template #action>
       <div class="dialog-footer">
-        <n-button type="primary" @click="handleAction('minimize')">最小化到托盘</n-button>
+        <n-button type="primary" @click="handleAction('minimize')">
-        <n-button @click="handleAction('close')">退出应用</n-button>
+          {{ t('comp.titleBar.minimizeToTray') }}
+        </n-button>
+        <n-button @click="handleAction('close')">
+          {{ t('comp.titleBar.exitApp') }}
+        </n-button>
       </div>
     </template>
   </n-modal>
@@ -35,10 +41,13 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { isElectron } from '@/utils';
 
+const { t } = useI18n();
+
 const store = useStore();
 const showCloseModal = ref(false);
 const rememberChoice = ref(false);

src/renderer/main.ts

@@ -7,6 +7,7 @@ import 'remixicon/fonts/remixicon.css';
 
 import { createApp } from 'vue';
 
+import i18n from '@/../i18n/renderer';
 import router from '@/router';
 import store from '@/store';
 
@@ -18,6 +19,8 @@ const app = createApp(App);
 Object.keys(directives).forEach((key: string) => {
   app.directive(key, directives[key as keyof typeof directives]);
 });
+
 app.use(router);
 app.use(store);
+app.use(i18n);
 app.mount('#app');

src/renderer/store/index.ts

@@ -1,6 +1,7 @@
 import { createStore } from 'vuex';
 
 import setData from '@/../main/set.json';
+import { logout } from '@/api/login';
 import { getLikedList, likeSong } from '@/api/music';
 import { useMusicListHook } from '@/hooks/MusicListHook';
 import homeRouter from '@/router/home';
@@ -79,7 +80,7 @@ export interface State {
   user: any;
   playList: SongResult[];
   playListIndex: number;
-  setData: any;
+  setData: typeof defaultSettings;
   lyric: any;
   isMobile: boolean;
   searchValue: string;
@@ -92,6 +93,7 @@ export interface State {
   showArtistDrawer: boolean;
   currentArtistId: number | null;
   systemFonts: { label: string; value: string }[];
+  showDownloadDrawer: boolean;
 }
 
 const state: State = {
@@ -115,7 +117,8 @@ const state: State = {
   showUpdateModal: false,
   showArtistDrawer: false,
   currentArtistId: null,
-  systemFonts: [{ label: '系统默认', value: 'system-ui' }]
+  systemFonts: [{ label: '系统默认', value: 'system-ui' }],
+  showDownloadDrawer: false
 };
 
 const { handlePlayMusic, nextPlay, prevPlay } = useMusicListHook();
@@ -231,9 +234,11 @@ const mutations = {
     state.showUpdateModal = value;
   },
   logout(state: State) {
-    state.user = null;
+    logout().then(() => {
-    localStorage.removeItem('user');
+      state.user = null;
-    localStorage.removeItem('token');
+      localStorage.removeItem('user');
+      localStorage.removeItem('token');
+    });
   },
   setShowArtistDrawer(state, show: boolean) {
     state.showArtistDrawer = show;
@@ -252,6 +257,20 @@ const mutations = {
         value: font
       }))
     ];
+  },
+  setShowDownloadDrawer(state: State, show: boolean) {
+    state.showDownloadDrawer = show;
+  },
+  setLanguage(state: State, language: string) {
+    state.setData.language = language;
+    if (isElectron) {
+      window.electron.ipcRenderer.send('set-store-value', 'set.language', language);
+    } else {
+      localStorage.setItem('appSettings', JSON.stringify(state.setData));
+    }
+  },
+  getLanguage(state: State) {
+    return state.setData.language;
   }
 };
 
@@ -284,9 +303,9 @@ const actions = {
     const localList: number[] = localFavoriteList ? JSON.parse(localFavoriteList) : [];
 
     // 如果用户已登录，尝试获取服务器收藏列表并合并
-    if (state.user && localStorage.getItem('token')) {
+    if (state.user && state.user.userId) {
       try {
-        const res = await getLikedList();
+        const res = await getLikedList(state.user.userId);
         if (res.data?.ids) {
           // 合并本地和服务器的收藏列表，去重
           const serverList = res.data.ids.reverse();
@@ -352,6 +371,14 @@ const actions = {
         localStorage.removeItem('isPlaying');
       }
     }
+  },
+  initializeLanguage({ state }: { state: State }) {
+    state.setData.language = getLocalStorageItem('appSettings', { language: 'zh-CN' }).language;
+    if (isElectron) {
+      window.electron.ipcRenderer.send('set-store-value', 'set.language', state.setData.language);
+    } else {
+      localStorage.setItem('appSettings', JSON.stringify(state.setData));
+    }
   }
 };
 

src/renderer/utils/request.ts

@@ -1,12 +1,9 @@
 import axios, { InternalAxiosRequestConfig } from 'axios';
-import { createDiscreteApi } from 'naive-ui';
 
 import store from '@/store';
 
 import { isElectron } from '.';
 
-const { notification } = createDiscreteApi(['notification']);
-
 let setData: any = null;
 const getSetData = () => {
   if (window.electron) {
@@ -50,7 +47,7 @@ request.interceptors.request.use(
     };
     const token = localStorage.getItem('token');
     if (token) {
-      config.params.cookie = `${token} os=pc;`;
+      config.params.cookie = config.params.cookie !== undefined ? config.params.cookie : token;
     }
     if (isElectron) {
       const proxyConfig = setData?.proxyConfig;
@@ -70,6 +67,8 @@ request.interceptors.request.use(
   }
 );
 
+const NO_RETRY_URLS = ['暂时没有'];
+
 // 响应拦截器
 request.interceptors.response.use(
   (response) => {
@@ -88,28 +87,16 @@ request.interceptors.response.use(
     if (error.response?.status === 301) {
       // 使用 store mutation 清除用户信息
       store.commit('logout');
-
+      console.log(`301 状态码，清除登录信息后重试第 ${config.retryCount} 次`);
-      // 如果还可以重试，则重新发起请求
+      config.retryCount = 3;
-      if (config.retryCount === undefined || config.retryCount < MAX_RETRIES) {
-        config.retryCount = (config.retryCount || 1) + 1;
-        console.log(`301 状态码，清除登录信息后重试第 ${config.retryCount} 次`);
-        notification.error({
-          content: '登录状态失效，请重新登录',
-          meta: '请重新登录',
-          duration: 2500,
-          keepAliveOnHover: true
-        });
-
-        // 延迟重试
-        await new Promise((resolve) => setTimeout(resolve, RETRY_DELAY));
-
-        // 重新发起请求
-        return request(config);
-      }
     }
 
     // 检查是否还可以重试
-    if (config.retryCount !== undefined && config.retryCount < MAX_RETRIES) {
+    if (
+      config.retryCount !== undefined &&
+      config.retryCount < MAX_RETRIES &&
+      !NO_RETRY_URLS.includes(config.url as string)
+    ) {
       config.retryCount++;
       console.log(`请求重试第 ${config.retryCount} 次`);
 

src/renderer/utils/update.ts

@@ -15,6 +15,23 @@ interface GithubReleaseInfo {
   }>;
 }
 
+interface ProxyNode {
+  url: string;
+  server: string;
+  ip: string;
+  location: string;
+  latency: number;
+  speed: number;
+}
+
+interface ProxyResponse {
+  code: number;
+  msg: string;
+  data: ProxyNode[];
+  total: number;
+  update_time: string;
+}
+
 export interface UpdateResult {
   hasUpdate: boolean;
   latestVersion: string;
@@ -30,6 +47,81 @@ export interface UpdateResult {
   } | null;
 }
 
+// 缓存相关配置
+const CACHE_KEY = 'github_proxy_nodes';
+const CACHE_EXPIRE_TIME = 1000 * 60 * 10; // 10分钟过期
+
+// 请求配置
+const REQUEST_TIMEOUT = 2000; // 2秒超时
+
+/**
+ * 从缓存获取代理节点
+ */
+const getCachedProxyNodes = (): { nodes: string[]; timestamp: number } | null => {
+  const cached = localStorage.getItem(CACHE_KEY);
+  if (cached) {
+    const { nodes, timestamp } = JSON.parse(cached);
+    if (Date.now() - timestamp < CACHE_EXPIRE_TIME) {
+      return { nodes, timestamp };
+    }
+  }
+  return null;
+};
+
+/**
+ * 缓存代理节点
+ */
+const cacheProxyNodes = (nodes: string[]) => {
+  localStorage.setItem(
+    CACHE_KEY,
+    JSON.stringify({
+      nodes,
+      timestamp: Date.now()
+    })
+  );
+};
+
+/**
+ * 获取代理节点列表
+ */
+export const getProxyNodes = async (): Promise<string[]> => {
+  // 尝试从缓存获取
+  const cached = getCachedProxyNodes();
+  if (cached) {
+    return cached.nodes;
+  }
+
+  try {
+    // 获取最新代理节点
+    const { data } = await axios.get<ProxyResponse>('https://api.akams.cn/github', {
+      timeout: REQUEST_TIMEOUT
+    });
+    if (data.code === 200) {
+      // 按速度排序并获取前10个节点
+      const nodes = data.data
+        .sort((a, b) => b.speed - a.speed)
+        .slice(0, 10)
+        .map((node) => node.url);
+
+      // 缓存节点
+      cacheProxyNodes(nodes);
+      return nodes;
+    }
+  } catch (error) {
+    console.error('获取代理节点失败:', error);
+  }
+
+  // 使用备用节点
+  return [
+    'https://gh.lk.cc',
+    'https://ghproxy.cn',
+    'https://ghproxy.net',
+    'https://gitproxy.click',
+    'https://github.tbedu.top',
+    'https://github.moeyy.xyz'
+  ];
+};
+
 /**
  * 获取 GitHub 最新发布版本信息
  */
@@ -38,33 +130,42 @@ export const getLatestReleaseInfo = async (): Promise<GithubReleaseInfo | null>
     const token = import.meta.env.VITE_GITHUB_TOKEN;
     const headers = {};
 
+    // 获取代理节点列表
+    const proxyHosts = await getProxyNodes();
+
+    // 构建 API URL 列表
     const apiUrls = [
       // 原始地址
       'https://api.github.com/repos/algerkong/AlgerMusicPlayer/releases/latest',
 
-      // 使用 ghproxy.com 代理
+      // 使用代理节点
-      'https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/package.json'
+      ...proxyHosts.map(
-
+        (host) =>
-      // 使用 gitee 镜像（如果有的话）
+          `${host}/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/package.json`
-      // 'https://gitee.com/api/v5/repos/[用户名]/AlgerMusicPlayer/releases/latest'
+      )
     ];
+
     if (token) {
       headers['Authorization'] = `token ${token}`;
     }
 
     for (const url of apiUrls) {
       try {
-        const response = await axios.get(url, { headers });
+        const response = await axios.get(url, {
+          headers,
+          timeout: REQUEST_TIMEOUT
+        });
 
         if (url.includes('package.json')) {
-          // 如果是 package.json，直接读取版本号
+          // 如果是 package.json，获取对应的 CHANGELOG
+          const changelogUrl = url.replace('package.json', 'CHANGELOG.md');
+          const changelogResponse = await axios.get(changelogUrl, {
+            timeout: REQUEST_TIMEOUT
+          });
+
           return {
             tag_name: response.data.version,
-            body: (
+            body: changelogResponse.data,
-              await axios.get(
-                'https://www.ghproxy.cn/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/CHANGELOG.md'
-              )
-            ).data,
             html_url: 'https://github.com/algerkong/AlgerMusicPlayer/releases/latest',
             assets: []
           } as unknown as GithubReleaseInfo;

src/renderer/views/favorite/index.vue

@@ -2,8 +2,8 @@
   <div v-if="isComponent ? favoriteSongs.length : true" class="favorite-page">
     <div class="favorite-header" :class="setAnimationClass('animate__fadeInLeft')">
       <div class="favorite-header-left">
-        <h2>我的收藏</h2>
+        <h2>{{ t('favorite.title') }}</h2>
-        <div class="favorite-count">共 {{ favoriteList.length }} 首</div>
+        <div class="favorite-count">{{ t('favorite.count', { count: favoriteList.length }) }}</div>
       </div>
       <div v-if="!isComponent && isElectron" class="favorite-header-right">
         <n-button
@@ -17,7 +17,7 @@
           <template #icon>
             <i class="iconfont ri-checkbox-multiple-line"></i>
           </template>
-          批量下载
+          {{ t('favorite.batchDownload') }}
         </n-button>
         <div v-else class="select-controls">
           <n-checkbox
@@ -26,7 +26,7 @@
             :indeterminate="isIndeterminate"
             @update:checked="handleSelectAll"
           >
-            全选
+            {{ t('common.selectAll') }}
           </n-checkbox>
           <n-button-group class="operation-btns">
             <n-button
@@ -40,9 +40,11 @@
               <template #icon>
                 <i class="iconfont ri-download-line"></i>
               </template>
-              下载 ({{ selectedSongs.length }})
+              {{ t('favorite.download', { count: selectedSongs.length }) }}
+            </n-button>
+            <n-button size="small" class="cancel-btn" @click="cancelSelect">
+              {{ t('common.cancel') }}
             </n-button>
-            <n-button size="small" class="cancel-btn" @click="cancelSelect"> 取消 </n-button>
           </n-button-group>
         </div>
       </div>
@@ -50,7 +52,7 @@
     <div class="favorite-main" :class="setAnimationClass('animate__bounceInRight')">
       <n-scrollbar ref="scrollbarRef" class="favorite-content" @scroll="handleScroll">
         <div v-if="favoriteList.length === 0" class="empty-tip">
-          <n-empty description="还没有收藏歌曲" />
+          <n-empty :description="t('favorite.emptyTip')" />
         </div>
         <div v-else class="favorite-list">
           <song-item
@@ -66,14 +68,14 @@
             @select="handleSelect"
           />
           <div v-if="isComponent" class="favorite-list-more text-center">
-            <n-button text type="primary" @click="handleMore">查看更多</n-button>
+            <n-button text type="primary" @click="handleMore">{{ t('common.viewMore') }}</n-button>
           </div>
 
           <div v-if="loading" class="loading-wrapper">
             <n-spin size="large" />
           </div>
 
-          <div v-if="noMore" class="no-more-tip">没有更多了</div>
+          <div v-if="noMore" class="no-more-tip">{{ t('common.noMore') }}</div>
         </div>
       </n-scrollbar>
     </div>
@@ -84,6 +86,7 @@
 import { cloneDeep } from 'lodash';
 import { useMessage } from 'naive-ui';
 import { computed, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
 
@@ -93,6 +96,7 @@ import { getSongUrl } from '@/hooks/MusicListHook';
 import type { SongResult } from '@/type/music';
 import { isElectron, setAnimationClass, setAnimationDelay } from '@/utils';
 
+const { t } = useI18n();
 const store = useStore();
 const message = useMessage();
 const favoriteList = computed(() => store.state.favoriteList);
@@ -130,18 +134,18 @@ const handleSelect = (songId: number, selected: boolean) => {
 // 批量下载
 const handleBatchDownload = async () => {
   if (isDownloading.value) {
-    message.warning('正在下载中，请稍候...');
+    message.warning(t('favorite.downloading'));
     return;
   }
 
   if (selectedSongs.value.length === 0) {
-    message.warning('请先选择要下载的歌曲');
+    message.warning(t('favorite.selectSongsFirst'));
     return;
   }
 
   try {
     isDownloading.value = true;
-    message.success('开始下载...');
+    message.success(t('favorite.downloading'));
 
     // 移除旧的监听器
     window.electron.ipcRenderer.removeAllListeners('music-download-complete');
@@ -160,7 +164,7 @@ const handleBatchDownload = async () => {
       // 当所有下载完成时
       if (successCount + failCount === selectedSongs.value.length) {
         isDownloading.value = false;
-        message.success(`下载完成`);
+        message.success(t('favorite.downloadSuccess'));
         cancelSelect();
       }
     });
@@ -201,7 +205,7 @@ const handleBatchDownload = async () => {
     console.error('下载失败:', error);
     isDownloading.value = false;
     message.destroyAll();
-    message.error('下载失败');
+    message.error(t('favorite.downloadFailed'));
   }
 };
 
@@ -272,9 +276,9 @@ const handleScroll = (e: any) => {
   }
 };
 
-onMounted(() => {
+onMounted(async () => {
-  store.dispatch('initializeFavoriteList');
+  await store.dispatch('initializeFavoriteList');
-  getFavoriteSongs();
+  await getFavoriteSongs();
 });
 
 // 监听收藏列表变化

src/renderer/views/history/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="history-page">
-    <div class="title" :class="setAnimationClass('animate__fadeInRight')">播放历史</div>
+    <div class="title" :class="setAnimationClass('animate__fadeInRight')">
+      {{ t('history.title') }}
+    </div>
     <n-scrollbar ref="scrollbarRef" :size="100" @scroll="handleScroll">
       <div class="history-list-content" :class="setAnimationClass('animate__bounceInLeft')">
         <div
@@ -12,7 +14,7 @@
         >
           <song-item class="history-item-content" :item="item" @play="handlePlay" />
           <div class="history-item-count min-w-[60px]">
-            {{ item.count }}
+            {{ t('history.playCount', { count: item.count }) }}
           </div>
           <div class="history-item-delete">
             <i class="iconfont icon-close" @click="handleDelMusic(item)"></i>
@@ -23,7 +25,7 @@
           <n-spin size="large" />
         </div>
 
-        <div v-if="noMore" class="no-more-tip">没有更多了</div>
+        <div v-if="noMore" class="no-more-tip">{{ t('common.noMore') }}</div>
       </div>
     </n-scrollbar>
   </div>
@@ -31,6 +33,7 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import { getMusicDetail } from '@/api/music';
@@ -43,6 +46,7 @@ defineOptions({
   name: 'History'
 });
 
+const { t } = useI18n();
 const store = useStore();
 const { delMusic, musicList } = useMusicHistory();
 const scrollbarRef = ref();
@@ -89,7 +93,7 @@ const getHistorySongs = async () => {
       noMore.value = displayList.value.length >= musicList.value.length;
     }
   } catch (error) {
-    console.error('获取历史记录失败:', error);
+    console.error(t('history.getHistoryFailed'), error);
   } finally {
     loading.value = false;
   }

src/renderer/views/login/index.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useMessage } from 'naive-ui';
 import { onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
 
@@ -11,6 +12,7 @@ defineOptions({
   name: 'Login'
 });
 
+const { t } = useI18n();
 const message = useMessage();
 const store = useStore();
 const router = useRouter();
@@ -36,15 +38,12 @@ const loadLogin = async () => {
     qrUrl.value = data.data.qrimg;
 
     const timer = timerIsQr(key);
-    // 添加对定时器的引用，以便在出现错误时可以清除
     timerRef.value = timer as any;
   } catch (error) {
-    console.error('加载登录信息时出错:', error);
+    console.error(t('login.message.loadError'), error);
   }
 };
 
-// 使用 ref 来保存定时器，便于在任何地方清除它
-
 const timerIsQr = (key: string) => {
   const timer = setInterval(async () => {
     try {
@@ -58,16 +57,15 @@ const timerIsQr = (key: string) => {
         localStorage.setItem('token', data.cookie);
         const user = await getUserDetail();
         store.state.user = user.data.profile;
-        localStorage.setItem('user', JSON.stringify(store.state.user));
+        localStorage.setItem('user', JSON.stringify(user.data.profile));
-        message.success('登录成功');
+        message.success(t('login.message.loginSuccess'));
 
         clearInterval(timer);
         timerRef.value = null;
         router.push('/user');
       }
     } catch (error) {
-      console.error('检查二维码状态时出错:', error);
+      console.error(t('login.message.qrCheckError'), error);
-      // 在出现错误时清除定时器
       clearInterval(timer);
       timerRef.value = null;
     }
@@ -96,7 +94,7 @@ const password = ref('');
 const loginPhone = async () => {
   const { data } = await loginByCellphone(phone.value, password.value);
   if (data.code === 200) {
-    message.success('登录成功');
+    message.success(t('login.message.loginSuccess'));
     store.state.user = data.profile;
     localStorage.setItem('token', data.cookie);
     setTimeout(() => {
@@ -112,22 +110,34 @@ const loginPhone = async () => {
       <div class="bg"></div>
       <div class="content">
         <div v-if="isQr" class="phone" :class="setAnimationClass('animate__fadeInUp')">
-          <div class="login-title">扫码登陆</div>
+          <div class="login-title">{{ t('login.title.qr') }}</div>
           <img class="qr-img" :src="qrUrl" />
-          <div class="text">使用网易云APP扫码登录</div>
+          <div class="text">{{ t('login.qrTip') }}</div>
         </div>
         <div v-else class="phone" :class="setAnimationClass('animate__fadeInUp')">
-          <div class="login-title">手机号登录</div>
+          <div class="login-title">{{ t('login.title.phone') }}</div>
           <div class="phone-page">
-            <input v-model="phone" class="phone-input" type="text" placeholder="手机号" />
+            <input
-            <input v-model="password" class="phone-input" type="password" placeholder="密码" />
+              v-model="phone"
+              class="phone-input"
+              type="text"
+              :placeholder="t('login.placeholder.phone')"
+            />
+            <input
+              v-model="password"
+              class="phone-input"
+              type="password"
+              :placeholder="t('login.placeholder.password')"
+            />
           </div>
-          <div class="text">使用网易云账号登录</div>
+          <div class="text">{{ t('login.phoneTip') }}</div>
-          <n-button class="btn-login" @click="loginPhone()">登录</n-button>
+          <n-button class="btn-login" @click="loginPhone()">{{ t('login.button.login') }}</n-button>
         </div>
       </div>
       <div class="bottom">
-        <div class="title" @click="chooseQr()">{{ isQr ? '手机号登录' : '扫码登录' }}</div>
+        <div class="title" @click="chooseQr()">
+          {{ isQr ? t('login.button.switchToPhone') : t('login.button.switchToQr') }}
+        </div>
       </div>
     </div>
   </div>

src/renderer/views/search/index.vue

@@ -6,7 +6,7 @@
       :class="setAnimationClass('animate__fadeInDown')"
       :native-scrollbar="false"
     >
-      <div class="title">热搜列表</div>
+      <div class="title">{{ t('search.title.hotSearch') }}</div>
       <div class="hot-search-list">
         <template v-for="(item, index) in hotSearchData?.data" :key="index">
           <div
@@ -64,20 +64,20 @@
           <!-- 加载状态 -->
           <div v-if="isLoadingMore" class="loading-more">
             <n-spin size="small" />
-            <span class="ml-2">加载中...</span>
+            <span class="ml-2">{{ t('search.loading.more') }}</span>
           </div>
-          <div v-if="!hasMore && searchDetail" class="no-more">没有更多了</div>
+          <div v-if="!hasMore && searchDetail" class="no-more">{{ t('search.noMore') }}</div>
         </template>
         <!-- 搜索历史 -->
         <template v-else>
           <div class="search-history">
             <div class="search-history-header title">
-              <span>搜索历史</span>
+              <span>{{ t('search.title.searchHistory') }}</span>
               <n-button text type="error" @click="clearSearchHistory">
                 <template #icon>
                   <i class="ri-delete-bin-line"></i>
                 </template>
-                清空
+                {{ t('search.button.clear') }}
               </n-button>
             </div>
             <div class="search-history-list">
@@ -105,6 +105,7 @@
 <script lang="ts" setup>
 import { useDateFormat } from '@vueuse/core';
 import { onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { useStore } from 'vuex';
 
@@ -119,6 +120,7 @@ defineOptions({
   name: 'Search'
 });
 
+const { t } = useI18n();
 const route = useRoute();
 const store = useStore();
 
@@ -184,7 +186,7 @@ onMounted(() => {
   loadSearch(route.query.keyword);
 });
 
-const hotKeyword = ref(route.query.keyword || '搜索列表');
+const hotKeyword = ref(route.query.keyword || t('search.title.searchList'));
 
 watch(
   () => store.state.searchValue,
@@ -286,7 +288,7 @@ const loadSearch = async (keywords: any, type: any = null, isLoadMore = false) =
 
     page.value++;
   } catch (error) {
-    console.error('搜索失败:', error);
+    console.error(t('search.error.searchFailed'), error);
   } finally {
     searchDetailLoading.value = false;
     isLoadingMore.value = false;

src/renderer/views/set/index.vue

@@ -9,7 +9,7 @@
         :class="{ active: currentSection === section.id }"
         @click="scrollToSection(section.id)"
       >
-        {{ section.title }}
+        {{ t(`settings.sections.${section.id}`) }}
       </div>
     </div>
 
@@ -18,12 +18,12 @@
       <div class="set-page">
         <!-- 基础设置 -->
         <div id="basic" ref="basicRef" class="settings-section">
-          <div class="settings-section-title">基础设置</div>
+          <div class="settings-section-title">{{ t('settings.sections.basic') }}</div>
           <div class="settings-section-content">
             <div class="set-item">
               <div>
-                <div class="set-item-title">主题模式</div>
+                <div class="set-item-title">{{ t('settings.basic.themeMode') }}</div>
-                <div class="set-item-content">切换日间/夜间主题</div>
+                <div class="set-item-content">{{ t('settings.basic.themeModeDesc') }}</div>
               </div>
               <n-switch v-model:value="isDarkTheme">
                 <template #checked><i class="ri-moon-line"></i></template>
@@ -31,15 +31,28 @@
               </n-switch>
             </div>
 
+            <!-- 语言设置 -->
             <div class="set-item">
               <div>
-                <div class="set-item-title">字体设置</div>
+                <div class="set-item-title">{{ t('settings.basic.language') }}</div>
-                <div class="set-item-content">选择字体，优先使用排在前面的字体</div>
+                <div class="set-item-content">{{ t('settings.basic.languageDesc') }}</div>
+              </div>
+              <language-switcher />
+            </div>
+
+            <div class="set-item">
+              <div>
+                <div class="set-item-title">{{ t('settings.basic.font') }}</div>
+                <div class="set-item-content">{{ t('settings.basic.fontDesc') }}</div>
               </div>
               <div class="flex gap-2">
                 <n-radio-group v-model:value="setData.fontScope" class="mt-2">
-                  <n-radio key="global" value="global">全局</n-radio>
+                  <n-radio key="global" value="global">{{
-                  <n-radio key="lyric" value="lyric">仅歌词</n-radio>
+                    t('settings.basic.fontScope.global')
+                  }}</n-radio>
+                  <n-radio key="lyric" value="lyric">{{
+                    t('settings.basic.fontScope.lyric')
+                  }}</n-radio>
                 </n-radio-group>
                 <n-select
                   v-model:value="selectedFonts"
@@ -55,52 +68,52 @@
             </div>
 
             <div v-if="selectedFonts.length > 0" class="font-preview-container">
-              <div class="font-preview-title">字体预览</div>
+              <div class="font-preview-title">{{ t('settings.basic.fontPreview.title') }}</div>
               <div class="font-preview" :style="{ fontFamily: setData.fontFamily }">
                 <div class="preview-item">
-                  <div class="preview-label">中文</div>
+                  <div class="preview-label">{{ t('settings.basic.fontPreview.chinese') }}</div>
-                  <div class="preview-text">静夜思 床前明月光 疑是地上霜</div>
+                  <div class="preview-text">{{ t('settings.basic.fontPreview.chineseText') }}</div>
                 </div>
                 <div class="preview-item">
-                  <div class="preview-label">English</div>
+                  <div class="preview-label">{{ t('settings.basic.fontPreview.english') }}</div>
-                  <div class="preview-text">The quick brown fox jumps over the lazy dog</div>
+                  <div class="preview-text">{{ t('settings.basic.fontPreview.englishText') }}</div>
                 </div>
                 <div class="preview-item">
-                  <div class="preview-label">日本語</div>
+                  <div class="preview-label">{{ t('settings.basic.fontPreview.japanese') }}</div>
-                  <div class="preview-text">あいうえお かきくけこ さしすせそ</div>
+                  <div class="preview-text">{{ t('settings.basic.fontPreview.japaneseText') }}</div>
                 </div>
                 <div class="preview-item">
-                  <div class="preview-label">한국어</div>
+                  <div class="preview-label">{{ t('settings.basic.fontPreview.korean') }}</div>
-                  <div class="preview-text">가나다라마 바사아자차 카타파하</div>
+                  <div class="preview-text">{{ t('settings.basic.fontPreview.koreanText') }}</div>
                 </div>
               </div>
             </div>
 
             <div class="set-item">
               <div>
-                <div class="set-item-title">动画速度</div>
+                <div class="set-item-title">{{ t('settings.basic.animation') }}</div>
                 <div class="set-item-content">
                   <div class="flex items-center gap-2">
                     <n-switch v-model:value="setData.noAnimate">
-                      <template #checked>关闭</template>
+                      <template #checked>{{ t('common.off') }}</template>
-                      <template #unchecked>开启</template>
+                      <template #unchecked>{{ t('common.on') }}</template>
                     </n-switch>
-                    <span>是否开启动画</span>
+                    <span>{{ t('settings.basic.animationDesc') }}</span>
                   </div>
                 </div>
               </div>
               <div class="flex items-center gap-2">
                 <span class="text-sm text-gray-400">{{ setData.animationSpeed }}x</span>
-                <div class="w-40">
+                <div class="w-60">
                   <n-slider
                     v-model:value="setData.animationSpeed"
                     :min="0.1"
                     :max="3"
                     :step="0.1"
                     :marks="{
-                      0.1: '极慢',
+                      0.1: t('settings.basic.animationSpeed.slow'),
-                      1: '正常',
+                      1: t('settings.basic.animationSpeed.normal'),
-                      3: '极快'
+                      3: t('settings.basic.animationSpeed.fast')
                     }"
                     :disabled="setData.noAnimate"
                     class="w-40"
@@ -113,25 +126,25 @@
 
         <!-- 播放设置 -->
         <div id="playback" ref="playbackRef" class="settings-section">
-          <div class="settings-section-title">播放设置</div>
+          <div class="settings-section-title">{{ t('settings.sections.playback') }}</div>
           <div class="settings-section-content">
             <div class="set-item">
               <div>
-                <div class="set-item-title">音质设置</div>
+                <div class="set-item-title">{{ t('settings.playback.quality') }}</div>
-                <div class="set-item-content">选择音乐播放音质（VIP）</div>
+                <div class="set-item-content">{{ t('settings.playback.qualityDesc') }}</div>
               </div>
               <n-select
                 v-model:value="setData.musicQuality"
                 :options="[
-                  { label: '标准', value: 'standard' },
+                  { label: t('settings.playback.qualityOptions.standard'), value: 'standard' },
-                  { label: '较高', value: 'higher' },
+                  { label: t('settings.playback.qualityOptions.higher'), value: 'higher' },
-                  { label: '极高', value: 'exhigh' },
+                  { label: t('settings.playback.qualityOptions.exhigh'), value: 'exhigh' },
-                  { label: '无损', value: 'lossless' },
+                  { label: t('settings.playback.qualityOptions.lossless'), value: 'lossless' },
-                  { label: 'Hi-Res', value: 'hires' },
+                  { label: t('settings.playback.qualityOptions.hires'), value: 'hires' },
-                  { label: '高清环绕声', value: 'jyeffect' },
+                  { label: t('settings.playback.qualityOptions.jyeffect'), value: 'jyeffect' },
-                  { label: '沉浸环绕声', value: 'sky' },
+                  { label: t('settings.playback.qualityOptions.sky'), value: 'sky' },
-                  { label: '杜比全景声', value: 'dolby' },
+                  { label: t('settings.playback.qualityOptions.dolby'), value: 'dolby' },
-                  { label: '超清母带', value: 'jymaster' }
+                  { label: t('settings.playback.qualityOptions.jymaster'), value: 'jymaster' }
                 ]"
                 style="width: 160px"
               />
@@ -139,12 +152,12 @@
 
             <div class="set-item">
               <div>
-                <div class="set-item-title">自动播放</div>
+                <div class="set-item-title">{{ t('settings.playback.autoPlay') }}</div>
-                <div class="set-item-content">重新打开应用时是否自动继续播放</div>
+                <div class="set-item-content">{{ t('settings.playback.autoPlayDesc') }}</div>
               </div>
               <n-switch v-model:value="setData.autoPlay">
-                <template #checked>开启</template>
+                <template #checked>{{ t('common.on') }}</template>
-                <template #unchecked>关闭</template>
+                <template #unchecked>{{ t('common.off') }}</template>
               </n-switch>
             </div>
           </div>
@@ -152,21 +165,19 @@
 
         <!-- 应用设置 -->
         <div v-if="isElectron" id="application" ref="applicationRef" class="settings-section">
-          <div class="settings-section-title">应用设置</div>
+          <div class="settings-section-title">{{ t('settings.sections.application') }}</div>
           <div class="settings-section-content">
             <div class="set-item">
               <div>
-                <div class="set-item-title">关闭行为</div>
+                <div class="set-item-title">{{ t('settings.application.closeAction') }}</div>
-                <div class="set-item-content">
+                <div class="set-item-content">{{ t('settings.application.closeActionDesc') }}</div>
-                  {{ closeActionLabels[setData.closeAction] || '每次询问' }}
-                </div>
               </div>
               <n-select
                 v-model:value="setData.closeAction"
                 :options="[
-                  { label: '每次询问', value: 'ask' },
+                  { label: t('settings.application.closeOptions.ask'), value: 'ask' },
-                  { label: '最小化到托盘', value: 'minimize' },
+                  { label: t('settings.application.closeOptions.minimize'), value: 'minimize' },
-                  { label: '直接退出', value: 'close' }
+                  { label: t('settings.application.closeOptions.close'), value: 'close' }
                 ]"
                 style="width: 160px"
               />
@@ -174,22 +185,44 @@
 
             <div class="set-item">
               <div>
-                <div class="set-item-title">快捷键设置</div>
+                <div class="set-item-title">{{ t('settings.application.shortcut') }}</div>
-                <div class="set-item-content">自定义全局快捷键</div>
+                <div class="set-item-content">{{ t('settings.application.shortcutDesc') }}</div>
+              </div>
+              <n-button size="small" @click="showShortcutModal = true">{{
+                t('common.configure')
+              }}</n-button>
+            </div>
+
+            <div v-if="isElectron" class="set-item">
+              <div>
+                <div class="set-item-title">{{ t('settings.application.download') }}</div>
+                <div class="set-item-content">
+                  <n-switch v-model:value="setData.alwaysShowDownloadButton" class="mr-2">
+                    <template #checked>{{ t('common.show') }}</template>
+                    <template #unchecked>{{ t('common.hide') }}</template>
+                  </n-switch>
+                  {{ t('settings.application.downloadDesc') }}
+                </div>
+              </div>
+              <div class="flex items-center gap-2">
+                <n-button size="small" @click="store.commit('setShowDownloadDrawer', true)">
+                  {{ t('settings.application.download') }}
+                </n-button>
               </div>
-              <n-button size="small" @click="showShortcutModal = true">配置</n-button>
             </div>
 
             <div class="set-item">
               <div>
-                <div class="set-item-title">下载目录</div>
+                <div class="set-item-title">{{ t('settings.application.downloadPath') }}</div>
                 <div class="set-item-content">
-                  {{ setData.downloadPath || '默认下载目录' }}
+                  {{ setData.downloadPath || t('settings.application.downloadPathDesc') }}
                 </div>
               </div>
               <div class="flex items-center gap-2">
-                <n-button size="small" @click="openDownloadPath">打开目录</n-button>
+                <n-button size="small" @click="openDownloadPath">{{ t('common.open') }}</n-button>
-                <n-button size="small" @click="selectDownloadPath">修改目录</n-button>
+                <n-button size="small" @click="selectDownloadPath">{{
+                  t('common.modify')
+                }}</n-button>
               </div>
             </div>
           </div>
@@ -197,42 +230,41 @@
 
         <!-- 网络设置 -->
         <div v-if="isElectron" id="network" ref="networkRef" class="settings-section">
-          <div class="settings-section-title">网络设置</div>
+          <div class="settings-section-title">{{ t('settings.sections.network') }}</div>
           <div class="settings-section-content">
             <div class="set-item">
               <div>
-                <div class="set-item-title">音乐API端口</div>
+                <div class="set-item-title">{{ t('settings.network.apiPort') }}</div>
-                <div class="set-item-content">修改后需要重启应用</div>
+                <div class="set-item-content">{{ t('settings.network.apiPortDesc') }}</div>
               </div>
               <n-input-number v-model:value="setData.musicApiPort" />
             </div>
 
             <div class="set-item">
               <div>
-                <div class="set-item-title">代理设置</div>
+                <div class="set-item-title">{{ t('settings.network.proxy') }}</div>
-                <div class="set-item-content">无法访问音乐时可以开启代理</div>
+                <div class="set-item-content">{{ t('settings.network.proxyDesc') }}</div>
               </div>
               <div class="flex items-center gap-2">
                 <n-switch v-model:value="setData.proxyConfig.enable">
-                  <template #checked>开启</template>
+                  <template #checked>{{ t('common.on') }}</template>
-                  <template #unchecked>关闭</template>
+                  <template #unchecked>{{ t('common.off') }}</template>
                 </n-switch>
-                <n-button size="small" @click="showProxyModal = true">配置</n-button>
+                <n-button size="small" @click="showProxyModal = true">{{
+                  t('common.configure')
+                }}</n-button>
               </div>
             </div>
 
             <div class="set-item">
               <div>
-                <div class="set-item-title">realIP</div>
+                <div class="set-item-title">{{ t('settings.network.realIP') }}</div>
-                <div class="set-item-content">
+                <div class="set-item-content">{{ t('settings.network.realIPDesc') }}</div>
-                  由于限制,此项目在国外使用会受到限制可使用realIP参数,传进国内IP解决,如:116.25.146.177
-                  即可解决
-                </div>
               </div>
               <div class="flex items-center gap-2">
                 <n-switch v-model:value="setData.enableRealIP">
-                  <template #checked>开启</template>
+                  <template #checked>{{ t('common.on') }}</template>
-                  <template #unchecked>关闭</template>
+                  <template #unchecked>{{ t('common.off') }}</template>
                 </n-switch>
                 <n-input
                   v-if="setData.enableRealIP"
@@ -248,48 +280,52 @@
 
         <!-- 系统管理 -->
         <div v-if="isElectron" id="system" ref="systemRef" class="settings-section">
-          <div class="settings-section-title">系统管理</div>
+          <div class="settings-section-title">{{ t('settings.sections.system') }}</div>
           <div class="settings-section-content">
             <div class="set-item">
               <div>
-                <div class="set-item-title">缓存管理</div>
+                <div class="set-item-title">{{ t('settings.system.cache') }}</div>
-                <div class="set-item-content">清除缓存</div>
+                <div class="set-item-content">{{ t('settings.system.cacheDesc') }}</div>
               </div>
-              <n-button size="small" @click="showClearCacheModal = true"> 清除缓存 </n-button>
+              <n-button size="small" @click="showClearCacheModal = true">
+                {{ t('settings.system.cacheDesc') }}
+              </n-button>
             </div>
 
             <div class="set-item">
               <div>
-                <div class="set-item-title">重启</div>
+                <div class="set-item-title">{{ t('settings.system.restart') }}</div>
-                <div class="set-item-content">重启应用</div>
+                <div class="set-item-content">{{ t('settings.system.restartDesc') }}</div>
               </div>
-              <n-button size="small" @click="restartApp">重启</n-button>
+              <n-button size="small" @click="restartApp">{{
+                t('settings.system.restart')
+              }}</n-button>
             </div>
           </div>
         </div>
 
         <!-- 关于 -->
         <div id="about" ref="aboutRef" class="settings-section">
-          <div class="settings-section-title">关于</div>
+          <div class="settings-section-title">{{ t('settings.regard') }}</div>
           <div class="settings-section-content">
             <div class="set-item">
               <div>
-                <div class="set-item-title">版本</div>
+                <div class="set-item-title">{{ t('settings.about.version') }}</div>
                 <div class="set-item-content">
                   {{ updateInfo.currentVersion }}
                   <template v-if="updateInfo.hasUpdate">
-                    <n-tag type="success" class="ml-2"
+                    <n-tag type="success" class="ml-2">
-                      >发现新版本 {{ updateInfo.latestVersion }}</n-tag
+                      {{ t('settings.about.hasUpdate') }} {{ updateInfo.latestVersion }}
-                    >
+                    </n-tag>
                   </template>
                 </div>
               </div>
               <div class="flex items-center gap-2">
                 <n-button size="small" :loading="checking" @click="checkForUpdates(true)">
-                  {{ checking ? '检查中...' : '检查更新' }}
+                  {{ checking ? t('settings.about.checking') : t('settings.about.checkUpdate') }}
                 </n-button>
                 <n-button v-if="updateInfo.hasUpdate" size="small" @click="openReleasePage">
-                  前往更新
+                  {{ t('settings.about.gotoUpdate') }}
                 </n-button>
               </div>
             </div>
@@ -300,13 +336,13 @@
             >
               <coffee>
                 <div>
-                  <div class="set-item-title">作者</div>
+                  <div class="set-item-title">{{ t('settings.about.author') }}</div>
-                  <div class="set-item-content">algerkong 点个star🌟呗</div>
+                  <div class="set-item-content">{{ t('settings.about.authorDesc') }}</div>
                 </div>
               </coffee>
               <div>
                 <n-button size="small" @click="openAuthor">
-                  <i class="ri-github-line"></i>前往github
+                  <i class="ri-github-line"></i>{{ t('settings.about.gotoGithub') }}
                 </n-button>
               </div>
             </div>
@@ -315,18 +351,18 @@
 
         <!-- 捐赠支持 -->
         <div id="donation" ref="donationRef" class="settings-section">
-          <div class="settings-section-title">捐赠支持</div>
+          <div class="settings-section-title">{{ t('settings.sections.donation') }}</div>
           <div class="settings-section-content">
             <div class="set-item">
               <div>
-                <div class="set-item-title">捐赠支持</div>
+                <div class="set-item-title">{{ t('settings.sections.donation') }}</div>
-                <div class="set-item-content">感谢您的支持，让我有动力能够持续改进</div>
+                <div class="set-item-content">{{ t('donation.message') }}</div>
               </div>
               <n-button text @click="toggleDonationList">
                 <template #icon>
                   <i :class="isDonationListVisible ? 'ri-eye-line' : 'ri-eye-off-line'" />
                 </template>
-                {{ isDonationListVisible ? '隐藏列表' : '显示列表' }}
+                {{ isDonationListVisible ? t('common.hide') : t('common.show') }}
               </n-button>
             </div>
             <donation-list v-if="isDonationListVisible" />
@@ -343,9 +379,9 @@
     <n-modal
       v-model:show="showProxyModal"
       preset="dialog"
-      title="代理设置"
+      :title="t('settings.network.proxy')"
-      positive-text="确认"
+      :positive-text="t('common.confirm')"
-      negative-text="取消"
+      :negative-text="t('common.cancel')"
       :show-icon="false"
       @positive-click="handleProxyConfirm"
       @negative-click="showProxyModal = false"
@@ -358,7 +394,7 @@
         label-width="80"
         require-mark-placement="right-hanging"
       >
-        <n-form-item label="代理协议" path="protocol">
+        <n-form-item :label="t('settings.network.proxy')" path="protocol">
           <n-select
             v-model:value="proxyForm.protocol"
             :options="[
@@ -368,13 +404,16 @@
             ]"
           />
         </n-form-item>
-        <n-form-item label="代理地址" path="host">
+        <n-form-item :label="t('settings.network.proxyHost')" path="host">
-          <n-input v-model:value="proxyForm.host" placeholder="请输入代理地址" />
+          <n-input
+            v-model:value="proxyForm.host"
+            :placeholder="t('settings.network.proxyHostPlaceholder')"
+          />
         </n-form-item>
-        <n-form-item label="代理端口" path="port">
+        <n-form-item :label="t('settings.network.proxyPort')" path="port">
           <n-input-number
             v-model:value="proxyForm.port"
-            placeholder="请输入代理端口"
+            :placeholder="t('settings.network.proxyPortPlaceholder')"
             :min="1"
             :max="65535"
           />
@@ -385,9 +424,9 @@
     <n-modal
       v-model:show="showClearCacheModal"
       preset="dialog"
-      title="清除缓存"
+      :title="t('settings.system.cache')"
-      positive-text="确认"
+      :positive-text="t('common.confirm')"
-      negative-text="取消"
+      :negative-text="t('common.cancel')"
       @positive-click="clearCache"
       @negative-click="
         () => {
@@ -396,7 +435,7 @@
       "
     >
       <n-space vertical>
-        <p>请选择要清除的缓存类型：</p>
+        <p>{{ t('settings.system.cacheClearTitle') }}</p>
         <n-checkbox-group v-model:value="selectedCacheTypes">
           <n-space vertical>
             <n-checkbox
@@ -407,8 +446,10 @@
             >
               <template #default>
                 <div>
-                  <div>{{ option.label }}</div>
+                  <div>{{ t(`settings.system.cacheTypes.${option.key}.label`) }}</div>
-                  <div class="text-gray-400 text-sm">{{ option.description }}</div>
+                  <div class="text-gray-400 text-sm">
+                    {{ t(`settings.system.cacheTypes.${option.key}.description`) }}
+                  </div>
                 </div>
               </template>
             </n-checkbox>
@@ -423,12 +464,14 @@
 import type { FormRules } from 'naive-ui';
 import { useMessage } from 'naive-ui';
 import { computed, h, nextTick, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
 
 import localData from '@/../main/set.json';
 import Coffee from '@/components/Coffee.vue';
 import DonationList from '@/components/common/DonationList.vue';
 import PlayBottom from '@/components/common/PlayBottom.vue';
+import LanguageSwitcher from '@/components/LanguageSwitcher.vue';
 import ShortcutSettings from '@/components/settings/ShortcutSettings.vue';
 import { isElectron } from '@/utils';
 import { openDirectory, selectDirectory } from '@/utils/fileOperation';
@@ -445,11 +488,7 @@ const updateInfo = ref<UpdateResult>({
   releaseInfo: null
 });
 
-const closeActionLabels = {
+const { t } = useI18n();
-  ask: '每次询问',
-  minimize: '最小化到托盘',
-  close: '直接退出'
-} as const;
 
 const setData = computed(() => {
   const data = store.state.setData;
@@ -497,15 +536,15 @@ const checkForUpdates = async (isClick = false) => {
     if (result) {
       updateInfo.value = result;
       if (!result.hasUpdate && isClick) {
-        message.success('当前已是最新版本');
+        message.success(t('settings.about.latest'));
       }
     } else if (isClick) {
-      message.success('当前已是最新版本');
+      message.success(t('settings.about.latest'));
     }
   } catch (error) {
     console.error('检查更新失败:', error);
     if (isClick) {
-      message.error('检查更新失败，请稍后重试');
+      message.error(t('settings.about.messages.checkError'));
     }
   } finally {
     checking.value = false;
@@ -541,12 +580,12 @@ const proxyForm = ref({
 const proxyRules: FormRules = {
   protocol: {
     required: true,
-    message: '请选择代理协议',
+    message: t('settings.validation.selectProxyProtocol'),
     trigger: ['blur', 'change']
   },
   host: {
     required: true,
-    message: '请输入代理地址',
+    message: t('settings.validation.proxyHost'),
     trigger: ['blur', 'change'],
     validator: (_rule, value) => {
       if (!value) return false;
@@ -558,7 +597,7 @@ const proxyRules: FormRules = {
   },
   port: {
     required: true,
-    message: '请输入有效的端口号(1-65535)',
+    message: t('settings.validation.portNumber'),
     trigger: ['blur', 'change'],
     validator: (_rule, value) => {
       return value >= 1 && value <= 65535;
@@ -657,9 +696,9 @@ const handleProxyConfirm = async () => {
       }
     });
     showProxyModal.value = false;
-    message.success('代理设置已保存，重启应用后生效');
+    message.success(t('settings.network.messages.proxySuccess'));
   } catch (err) {
-    message.error('请检查输入是否正确');
+    message.error(t('settings.network.messages.proxyError'));
   }
 };
 
@@ -672,10 +711,10 @@ const validateAndSaveRealIP = () => {
       enableRealIP: true
     });
     if (setData.value.realIP) {
-      message.success('真实IP设置已保存');
+      message.success(t('settings.network.messages.realIPSuccess'));
     }
   } else {
-    message.error('请输入有效的IP地址');
+    message.error(t('settings.network.messages.realIPError'));
     store.commit('setSetData', {
       ...setData.value,
       realIP: ''
@@ -707,13 +746,41 @@ const toggleDonationList = () => {
 // 清除缓存相关
 const showClearCacheModal = ref(false);
 const clearCacheOptions = ref([
-  { label: '播放历史', key: 'history', description: '清除播放过的歌曲记录' },
+  {
-  { label: '收藏记录', key: 'favorite', description: '清除本地收藏的歌曲记录(不会影响云端收藏)' },
+    label: t('settings.system.cacheTypes.history.label'),
-  { label: '用户数据', key: 'user', description: '清除登录信息和用户相关数据' },
+    key: 'history',
-  { label: '应用设置', key: 'settings', description: '清除应用的所有自定义设置' },
+    description: t('settings.system.cacheTypes.history.description')
-  { label: '下载记录', key: 'downloads', description: '清除下载历史记录(不会删除已下载的文件)' },
+  },
-  { label: '音乐资源', key: 'resources', description: '清除已加载的音乐文件、歌词等资源缓存' },
+  {
-  { label: '歌词资源', key: 'lyrics', description: '清除已加载的歌词资源缓存' }
+    label: t('settings.system.cacheTypes.favorite.label'),
+    key: 'favorite',
+    description: t('settings.system.cacheTypes.favorite.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.user.label'),
+    key: 'user',
+    description: t('settings.system.cacheTypes.user.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.settings.label'),
+    key: 'settings',
+    description: t('settings.system.cacheTypes.settings.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.downloads.label'),
+    key: 'downloads',
+    description: t('settings.system.cacheTypes.downloads.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.resources.label'),
+    key: 'resources',
+    description: t('settings.system.cacheTypes.resources.description')
+  },
+  {
+    label: t('settings.system.cacheTypes.lyrics.label'),
+    key: 'lyrics',
+    description: t('settings.system.cacheTypes.lyrics.description')
+  }
 ]);
 
 const selectedCacheTypes = ref<string[]>([]);
@@ -728,8 +795,6 @@ const clearCache = async () => {
         localStorage.removeItem('favoriteList');
         break;
       case 'user':
-        localStorage.removeItem('user');
-        localStorage.removeItem('token');
         store.commit('logout');
         break;
       case 'settings':
@@ -779,7 +844,7 @@ const clearCache = async () => {
   });
 
   await Promise.all(clearTasks);
-  message.success('清除成功，部分设置在重启后生效');
+  message.success(t('settings.system.messages.clearSuccess'));
   showClearCacheModal.value = false;
   selectedCacheTypes.value = [];
 };
@@ -792,13 +857,13 @@ const handleShortcutsChange = (shortcuts: any) => {
 
 // 定义设置分类
 const settingSections = [
-  { id: 'basic', title: '基础设置' },
+  { id: 'basic', title: t('settings.sections.basic') },
-  { id: 'playback', title: '播放设置' },
+  { id: 'playback', title: t('settings.sections.playback') },
-  { id: 'application', title: '应用设置', electron: true },
+  { id: 'application', title: t('settings.sections.application'), electron: true },
-  { id: 'network', title: '网络设置', electron: true },
+  { id: 'network', title: t('settings.sections.network'), electron: true },
-  { id: 'system', title: '系统管理', electron: true },
+  { id: 'system', title: t('settings.sections.system'), electron: true },
-  { id: 'about', title: '关于' },
+  { id: 'regard', title: t('settings.sections.regard') },
-  { id: 'donation', title: '捐赠支持' }
+  { id: 'donation', title: t('settings.sections.donation') }
 ];
 
 // 当前激活的分类
@@ -976,4 +1041,8 @@ onMounted(() => {
     }
   }
 }
+
+:deep(.n-select) {
+  width: 200px;
+}
 </style>

src/renderer/views/user/index.vue

@@ -13,22 +13,22 @@
           <div class="user-info-list">
             <div class="user-info-item">
               <div class="label">{{ userDetail.profile.followeds }}</div>
-              <div>粉丝</div>
+              <div>{{ t('user.profile.followers') }}</div>
             </div>
             <div class="user-info-item">
               <div class="label">{{ userDetail.profile.follows }}</div>
-              <div>关注</div>
+              <div>{{ t('user.profile.following') }}</div>
             </div>
             <div class="user-info-item">
               <div class="label">{{ userDetail.level }}</div>
-              <div>等级</div>
+              <div>{{ t('user.profile.level') }}</div>
             </div>
           </div>
         </div>
         <div class="uesr-signature">{{ userDetail.profile.signature }}</div>
 
         <div class="play-list" :class="setAnimationClass('animate__fadeInLeft')">
-          <div class="title">创建的歌单</div>
+          <div class="title">{{ t('user.playlist.created') }}</div>
           <n-scrollbar>
             <div
               v-for="(item, index) in playList"
@@ -45,7 +45,9 @@
               <div class="play-list-item-info">
                 <div class="play-list-item-name">{{ item.name }}</div>
                 <div class="play-list-item-count">
-                  {{ item.trackCount }}首，播放{{ item.playCount }}次
+                  {{ t('user.playlist.trackCount', { count: item.trackCount }) }}，{{
+                    t('user.playlist.playCount', { count: item.playCount })
+                  }}
                 </div>
               </div>
             </div>
@@ -61,7 +63,7 @@
       class="right"
       :class="setAnimationClass('animate__fadeInRight')"
     >
-      <div class="title">听歌排行</div>
+      <div class="title">{{ t('user.ranking.title') }}</div>
       <div class="record-list">
         <n-scrollbar>
           <div
@@ -72,7 +74,9 @@
             :style="setAnimationDelay(index, 25)"
           >
             <song-item class="song-item" :item="item" @play="handlePlay" />
-            <div class="play-count">{{ item.playCount }}次</div>
+            <div class="play-count">
+              {{ t('user.ranking.playCount', { count: item.playCount }) }}
+            </div>
           </div>
           <play-bottom />
         </n-scrollbar>
@@ -93,6 +97,7 @@
 <script lang="ts" setup>
 import { useMessage } from 'naive-ui';
 import { computed, onBeforeUnmount, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
 
@@ -110,6 +115,7 @@ defineOptions({
   name: 'User'
 });
 
+const { t } = useI18n();
 const store = useStore();
 const router = useRouter();
 const userDetail = ref<IUserDetail>();
@@ -152,6 +158,10 @@ const loadPage = async () => {
   // 检查登录状态
   if (!checkLoginStatus()) return;
 
+  await loadData();
+};
+
+const loadData = async () => {
   try {
     infoLoading.value = true;
 
@@ -188,10 +198,10 @@ const loadPage = async () => {
 watch(
   () => router.currentRoute.value.path,
   (newPath) => {
+    console.log('newPath', newPath);
     if (newPath === '/user') {
       checkLoginStatus();
-    } else {
+      loadData();
-      loadPage();
     }
   }
 );
@@ -247,15 +257,15 @@ const handleRemoveFromPlaylist = async (songId: number) => {
     });
 
     if (res.status === 200) {
-      message.success('删除成功');
+      message.success(t('user.message.deleteSuccess'));
       // 重新加载歌单详情
       await loadPlaylistDetail(list.value.id);
     } else {
-      throw new Error(res.data?.msg || '删除失败');
+      throw new Error(res.data?.msg || t('user.message.deleteFailed'));
     }
   } catch (error: any) {
     console.error('删除歌曲失败:', error);
-    message.error(error.message || '删除失败');
+    message.error(error.message || t('user.message.deleteFailed'));
   }
 };
 

tsconfig.node.json

@@ -1,6 +1,6 @@
 {
   "extends": "@electron-toolkit/tsconfig/tsconfig.node.json",
-  "include": ["electron.vite.config.*", "src/main/**/*", "src/preload/**/*"],
+  "include": ["electron.vite.config.*", "src/main/**/*", "src/preload/**/*", "src/i18n/**/*"],
   "compilerOptions": {
     "composite": true,
     "types": ["electron-vite/node"]

tsconfig.web.json

@@ -3,7 +3,10 @@
   "include": [
     "src/preload/*.d.ts",
     "src/renderer/**/*",
-    "src/renderer/**/*.vue"
+    "src/renderer/**/*.vue",
+    "src/i18n/**/*",
+    "src/main/modules/config.ts",
+    "src/main/modules/shortcuts.ts"
   ],
   "compilerOptions": {
     "composite": true,
@@ -24,7 +27,8 @@
     ],
     "paths": {
       "@/*": ["src/renderer/*"],
-      "@renderer/*": ["src/renderer/*"]
+      "@renderer/*": ["src/renderer/*"],
+      "@main/*": ["src/main/*"]
     }
   }
 }