重构发现页面，添加豆瓣和TheMovieDb过滤选项，优化媒体卡组件

src/views/discover/MediaCardListView.vue

@@ -27,6 +27,7 @@ const isRefreshed = ref(false)
 // 数据列表
 const dataList = ref<MediaInfo[]>([])
 const currData = ref<MediaInfo[]>([])
+
 // 拼装参数
 function getParams() {
   let params = {
@@ -77,7 +78,6 @@ async function fetchData({ done }: { done: any }) {
     } else {
       // 加载一次
       // 设置加载中
-
       loading.value = true
       // 请求API
       currData.value = await api.get(props.apipath, {
@@ -115,7 +115,11 @@ async function fetchData({ done }: { done: any }) {
     <div v-if="dataList.length > 0" class="grid gap-4 grid-media-card mx-3" tabindex="0">
       <MediaCard v-for="data in dataList" :key="data.tmdb_id || data.douban_id" :media="data" />
     </div>
-    <NoDataFound v-if="dataList.length === 0 && isRefreshed" error-code="404" error-title="没有数据"
-      error-description="无法获取到媒体信息。" />
+    <NoDataFound
+      v-if="dataList.length === 0 && isRefreshed"
+      error-code="404"
+      error-title="没有数据"
+      error-description="无法获取到媒体信息。"
+    />
   </VInfiniteScroll>
 </template>