fix search

src/App.vue

@@ -10,6 +10,9 @@ import avatar1 from '@images/avatars/avatar-1.png'
 const { global: globalTheme } = useTheme()
 globalTheme.name.value = localStorage.getItem('theme') || 'light'
 
+// 路由
+const route = useRoute()
+
 // 提示框
 const $toast = useToast()
 
@@ -70,6 +73,6 @@ provide('accountInfo', accountInfo)
 
 <template>
   <VApp>
-    <RouterView />
+    <RouterView :key="route.fullPath + route.query" />
   </VApp>
 </template>

src/layouts/components/SearchBar.vue

@@ -19,6 +19,7 @@ function search() {
     query: {
       title: searchWord.value,
     },
+    force: true,
   })
 }
 </script>
@@ -27,7 +28,7 @@ function search() {
   <!-- 👉 Search Button -->
   <div
     class="d-flex align-center cursor-pointer"
-    style="user-select: none"
+    style="user-select: none;"
   >
     <VDialog
       v-model="searchDialog"

src/views/discover/MediaCardListView.vue

@@ -154,9 +154,9 @@ async function fetchData({ done }: { done: any }) {
     </div>
     <NoDataFound
       v-if="dataList.length === 0 && isRefreshed"
-      error-code="500"
+      error-code="404"
-      error-title="出错啦！"
+      error-title="没有数据"
-      error-description="无法获取到媒体信息，请检查网络连接。"
+      error-description="无法获取到TMDB媒体信息。"
     />
   </VInfiniteScroll>
 </template>