v0.5.1: 修复缓存/FM/翻译/Linux等问题

src/views/DailySongs.vue

@@ -51,11 +51,11 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch } from 'vue';
+import { ref, onMounted, onActivated, watch } from 'vue';
 import { invoke } from '@tauri-apps/api/core';
 import SongListItem from '../components/SongListItem.vue';
 import { usePlayerStore } from '../stores/player';
-import { pageCacheGet, pageCacheSet, pageCacheInvalidate } from '../composables/usePageCache';
+import { pageCacheGet, pageCacheSet, pageCacheInvalidate, pageCacheIsStale } from '../composables/usePageCache';
 import { normalizeSong, type Song } from '../utils/song';
 import { useOnlineStatus } from '../composables/useOnlineStatus';
 
@@ -92,6 +92,10 @@ async function loadData() {
 
 onMounted(loadData);
 
+onActivated(() => {
+  if (pageCacheIsStale('dailySongs')) loadData();
+});
+
 watch(isOnline, (val, old) => {
   if (val && !old && songs.value.length === 0) {
     pageCacheInvalidate('dailySongs');

src/views/Discover.vue

@@ -44,13 +44,13 @@
 <script setup lang="ts">
 defineOptions({ name: 'DiscoverView' });
 
-import { ref, onMounted, watch } from 'vue';
+import { ref, onMounted, onActivated, watch } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 import { invoke } from '@tauri-apps/api/core';
 import { usePlayerStore } from '../stores/player';
 import SongListItem from '../components/SongListItem.vue';
 import { normalizeSong, type Song } from '../utils/song';
-import { pageCacheGet, pageCacheSet, pageCacheInvalidate } from '../composables/usePageCache';
+import { pageCacheGet, pageCacheSet, pageCacheInvalidate, pageCacheIsStale } from '../composables/usePageCache';
 import { useOnlineStatus } from '../composables/useOnlineStatus';
 
 const router = useRouter();
@@ -89,6 +89,10 @@ onMounted(async () => {
   }
 });
 
+onActivated(() => {
+  if (pageCacheIsStale('discover_hotTags')) loadHotTags();
+});
+
 watch(isOnline, (val, old) => {
   if (val && !old && hotTags.value.length === 0) {
     pageCacheInvalidate('discover_hotTags');

src/views/FavoriteSongs.vue

@@ -36,13 +36,13 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch } from 'vue';
+import { ref, onMounted, onActivated, watch } from 'vue';
 import { invoke } from '@tauri-apps/api/core';
 import SongListItem from '../components/SongListItem.vue';
 import { usePlayerStore } from '../stores/player';
 import { useUserStore } from '../stores/user';
 import { normalizeSong, type Song } from '../utils/song';
-import { pageCacheGet, pageCacheSet, pageCacheInvalidate } from '../composables/usePageCache';
+import { pageCacheGet, pageCacheSet, pageCacheInvalidate, pageCacheIsStale } from '../composables/usePageCache';
 import { useOnlineStatus } from '../composables/useOnlineStatus';
 
 defineOptions({ name: 'FavoriteSongsView' });
@@ -87,6 +87,10 @@ async function loadData() {
 
 onMounted(loadData);
 
+onActivated(() => {
+  if (pageCacheIsStale('favoriteSongs')) loadData();
+});
+
 watch(isOnline, (val, old) => {
   if (val && !old && userStore.isLoggedIn && songs.value.length === 0) {
     pageCacheInvalidate('favoriteSongs');

src/views/Home.vue

@@ -109,12 +109,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch } from 'vue';
+import { ref, onMounted, onActivated, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import { invoke } from '@tauri-apps/api/core';
 import { useUserStore } from '../stores/user';
 import { usePlayerStore } from '../stores/player';
-import { pageCacheGet, pageCacheSet, pageCacheInvalidate } from '../composables/usePageCache';
+import { pageCacheGet, pageCacheSet, pageCacheInvalidate, pageCacheIsStale } from '../composables/usePageCache';
 import { useOnlineStatus } from '../composables/useOnlineStatus';
 import { getCoverUrl } from '../utils/song';
 
@@ -199,6 +199,10 @@ onMounted(async () => {
   await loadData();
 });
 
+onActivated(() => {
+  if (pageCacheIsStale('home')) loadData();
+});
+
 watch(isOnline, (val, old) => {
   if (val && !old && rankPlaylists.value.length === 0 && recPlaylists.value.length === 0) {
     pageCacheInvalidate('home');

src/views/LocalMusic.vue

@@ -7,7 +7,6 @@
       <h1 class="text-2xl font-bold">本地音乐</h1>
       <span v-if="songs.length" class="text-xs text-content-3">{{ songs.length }} 首</span>
       <button
-        v-if="songs.length"
         @click="refresh"
         class="px-3 py-1 bg-muted hover:bg-emphasis rounded-full text-xs transition"
       >
@@ -75,13 +74,13 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
+import { ref, computed, onMounted, onActivated, onBeforeUnmount, watch } from 'vue';
 import { invoke } from '@tauri-apps/api/core';
 import { usePlayerStore } from '../stores/player';
 import { useDownload } from '../composables/useDownload';
 import { useSettingsStore } from '../stores/settings';
 import { showToast } from '../composables/useToast';
-import { pageCacheSet, pageCacheInvalidate } from '../composables/usePageCache';
+import { pageCacheSet, pageCacheInvalidate, pageCacheIsStale } from '../composables/usePageCache';
 import SongListItem from '../components/SongListItem.vue';
 import type { Song } from '../utils/song';
 
@@ -159,6 +158,12 @@ async function fetchMissingCovers() {
 
 onMounted(refresh);
 
+onActivated(() => {
+  if (pageCacheIsStale('localMusic')) refresh();
+});
+
+watch(() => settings.downloadPath, () => { refresh(); });
+
 function formatFileSize(bytes: number): string {
   if (bytes === 0) return '0 B';
   const units = ['B', 'KB', 'MB', 'GB'];