将Search的语法糖进行修改。

src/renderer/views/Search/index.vue

@@ -12,8 +12,8 @@
   </div>
 </template>
 
-<script>
-import { useRoute, useRouter } from '@common/utils/vueRouter'
+<script setup>
+import { onBeforeRouteUpdate, useRoute, useRouter } from '@common/utils/vueRouter'
 import { searchText } from '@renderer/store/search/state'
 import { getSearchSetting, setSearchSetting } from '@renderer/utils/data'
 import { sources as _sources } from '@renderer/store/search/music'
@@ -57,18 +57,10 @@ const verifyQueryParams = async(to, from, next) => {
   setSearchSetting({ source: _source, type: _type })
 }
 
-export default {
-  components: {
-    MusicList,
-    SongListList,
-    BlankView,
-  },
-  beforeRouteEnter: verifyQueryParams,
-  beforeRouteUpdate: verifyQueryParams,
-  setup() {
 const route = useRoute()
 const router = useRouter()
-
+router.beforeEach((to, from, next) => verifyQueryParams(to, from, next))
+onBeforeRouteUpdate((to, from, next) => verifyQueryParams(to, from, next))
 const sources = _sources.map(id => {
   return {
     id,
@@ -102,25 +94,9 @@ export default {
     },
   })
 }
-
-
-    return {
-      sources,
-      source,
-      handleSourceChange,
-      searchTypes,
-      searchType,
-      handleTypeChange,
-      page,
-      searchText,
-    }
-  },
-}
-
-
 </script>
 
-<style lang="less" module>
+<style lang="less" module scoped>
 .container {
   display: flex;
   flex-flow: column nowrap;