新增简洁名字(仅限本子)，大幅度优化手机端体验，可选择显示全名以及简称，切换时每页的本子数会变化。排序新增简洁名字排序，并且与显示绑定。优化代码结构，去除部分无用代码。修复查找任务bug(同步更新) 更新vite至3.x

src/components/DashBoard.vue

@@ -29,7 +29,7 @@
       <tr v-if="chosenGallery.availableResolution">
         目标分辨率:<el-select v-model="targetResolution">
           <el-option v-for="(fileSize, resolution) in chosenGallery.availableResolution" :value="resolution"
-                     :label="modify(resolution, fileSize)">
+                     :label="resolution + '  ' + fileSize">
           </el-option>
         </el-select>
       </tr>
@@ -80,12 +80,12 @@ import {ElMessage} from "element-plus"
 export default {
   name: "DashBoard",
   setup(){
-    const link = ref("")
-    const AuthCode = ref("")
-    const keyword = ref("")
-    const isRemember = ref(false)
-    const targetResolution = ref("")
-    const showTips = ref(false)
+    let AuthCode = ref("")
+    let isRemember = ref(false)
+    let keyword = ref("")
+    let link = ref("")
+    let showTips = ref(false)
+    let targetResolution = ref("")
 
     let chosenGallery = computed(() => {
       return store.state.chosenGallery
@@ -95,14 +95,14 @@ export default {
       return store.state.chosenVideo
     })
 
-    let maskDomain = computed(() => {
-      return store.state.maskDomain
-    })
-
     let loadComplete = computed(() => {
       return store.state.loadComplete
     })
 
+    let maskDomain = computed(() => {
+      return store.state.maskDomain
+    })
+
     let weekUsed = computed(() => {
       return store.state.weekUsed
     })
@@ -111,10 +111,6 @@ export default {
       store.dispatch("loadWeekUsedAmount")
     }
 
-    function modify(str1, str2){
-      return str1 + "   " + str2
-    }
-
     function postTask(){
       if(!validateLink(link.value)){
         ElMessage("链接错误")
@@ -170,6 +166,29 @@ export default {
       }
     }
 
+    function validateLink(rawLink){
+      if(rawLink.trim() === "")
+        return false
+      if(rawLink.includes("hentai")){
+        return rawLink.includes("/g/")
+      }
+      else if(rawLink.includes("xvideos.com")){
+        return true
+      }
+      else if(rawLink.includes("pornhub.com")){
+        return rawLink.includes("view_video.php")
+      }
+    }
+
+    function coverLink(rawLink){
+      let url = new URL(rawLink)
+      maskDomain.value.forEach((mask) => {
+        if(url.host === mask['raw'])
+          rawLink = rawLink.replace(mask['raw'], mask['mask'])
+      })
+      return rawLink;
+    }
+
     function searchByLink() {
       if(!validateLink(link.value)){
         ElMessage("请检查输入的链接")
@@ -188,29 +207,6 @@ export default {
       store.dispatch("searchRemoteByKeyword", keyword.value)
     }
 
-    function coverLink(rawLink){
-      let url = new URL(rawLink)
-      maskDomain.value.forEach((mask) => {
-        if(url.host === mask['raw'])
-          rawLink = rawLink.replace(mask['raw'], mask['mask'])
-      })
-      return rawLink;
-    }
-
-    function validateLink(rawLink){
-      if(rawLink.trim() === "")
-        return false
-      if(rawLink.includes("hentai")){
-        return rawLink.includes("/g/")
-      }
-      else if(rawLink.includes("xvideos.com")){
-        return true
-      }
-      else if(rawLink.includes("pornhub.com")){
-        return rawLink.includes("view_video.php")
-      }
-    }
-
     function onlineGalleryReader(name){
       window.open("http://zfile.lionwebsite.xyz/1/gallery/" + encodeURI(name))
     }
@@ -222,7 +218,7 @@ export default {
       }
     })
 
-    return {postTask, queryTask, validate, searchByLink, searchLocalByKeyword, searchRemoteByKeyword, modify,
+    return {postTask, queryTask, validate, searchByLink, searchLocalByKeyword, searchRemoteByKeyword,
             queryWeekUsedAmount, deleteVideo, deleteGallery, onlineGalleryReader,
             link, loadComplete, AuthCode, keyword, isRemember, chosenGallery, chosenVideo, targetResolution, weekUsed,
             showTips,