fix: 将所有页面（不包括边栏）的事件监听改为 <a href='xxx'>

Author: eatradish

src/pages/download/Index.vue

@@ -13,7 +13,6 @@ import CategorySecond from "/src/components/CategorySecond.vue";
 import DownloadButton from "./components/DownloadButton.vue";
 import { onMounted, ref } from "vue";
 import VCodeBlock from "@wdns/vue-code-block";
-import { toUrl } from "/src/utils/utils.js";
 import { ElMessage } from "element-plus";
 
 let msStoreScript = document.createElement("script");
@@ -171,13 +170,13 @@ function getNewVersioArch(arch) {
               <p style="font-size: 14pt">称心得意的桌面操作系统</p>
               <p style="font-size: 10pt">
                 {{ getAntongDate() }}·
-                <span class="cursor-pointer" @click="toUrl('/aosc-os/relnote')"
-                  >发行说明</span
+                <a class="cursor-pointer" href="/aosc-os/relnote"
+                  >发行说明</a
                 >·
-                <span
+                <a
                   class="cursor-pointer"
-                  @click="toUrl('/aosc-os/requirements')"
-                  >配置需求</span
+                  href="/aosc-os/requirements"
+                  >配置需求</a
                 >
               </p>
             </div>

src/pages/l10n/Index.vue

@@ -1,7 +1,6 @@
 <script setup>
 import { reactive } from "vue";
 import CategorySecond from "/src/components/CategorySecond.vue";
-import {toUrl} from "/src/utils/utils.js";
 
 const urlList = reactive([
   {
@@ -36,8 +35,8 @@ const docList = reactive([
     <category-second title="支持文档" id="support" />
     <div class="pt-4 pb-[60px] px-16">
       <ul class="list-disc">
-        <li v-for="item in docList" :key="item.title" class="text-link cursor-pointer" @click="toUrl(item.url)">
-          {{ item.title }}
+        <li v-for="item in docList" :key="item.title" class="text-link cursor-pointer">
+          <a :href="item.url">{{ item.title }}</a>
         </li>
       </ul>
     </div>

src/pages/liblol/Index.vue

@@ -1,7 +1,6 @@
 <script setup>
 import { reactive } from "vue";
 import CategorySecond from "/src/components/CategorySecond.vue";
-import {toUrl} from "/src/utils/utils.js";
 
 const urlList = reactive([
   {
@@ -54,7 +53,7 @@ const docList = reactive([
       </p><br />
       <div>
         <span v-for="(item, index) in urlList" :key="item.title">
-          <span class="text-link cursor-pointer" @click="toUrl(item.url)">{{ item.title }}</span>
+          <a class="text-link cursor-pointer" :href="item.url">{{ item.title }}</a>
           <span class="mx-1" v-if="index < urlList.length - 1">|</span>
         </span>
       </div>
@@ -64,8 +63,8 @@ const docList = reactive([
     <category-second title="支持文档" id="support" />
     <div class="pt-4 pb-[60px] px-16">
       <ul class="list-disc">
-        <li v-for="item in docList" :key="item.title" class="text-link cursor-pointer" @click="toUrl(item.url)">
-          {{ item.title }}
+        <li v-for="item in docList" :key="item.title" class="text-link cursor-pointer">
+          <a :href="item.url">{{ item.title }}</a>
         </li>
       </ul>
     </div>

src/pages/news/components/NewsCategoryList.vue

@@ -1,5 +1,4 @@
 <script setup>
-import {toUrl} from '/src/utils/utils.js'
 
 const props = defineProps(["newsList"]);
 </script>
@@ -11,12 +10,12 @@ const props = defineProps(["newsList"]);
     </div>
     <div v-else class="flex flex-col">
       <div v-for="item in newsList" :key="item.title" class="newslist-item">
-        <div @click="toUrl(`/news/detail/${item.Path}`)" class="hover:bg-leftbar-bg flex cursor-pointer pl-6 h-[2rem] leading-8">
+        <a :href="'/news/detail/' + item.Path" class="hover:bg-leftbar-bg flex cursor-pointer pl-6 h-[2rem] leading-8">
           <span class="truncate flex-1">
             {{ item.Title }}
           </span>
           <span class="flex-0 pr-6">[{{ item.Date }}]</span>
-        </div>
+        </a>
       </div>
     </div>
   </div>

src/pages/oma/Index.vue

@@ -1,7 +1,6 @@
 <script setup>
 import { reactive } from "vue";
 import CategorySecond from "/src/components/CategorySecond.vue";
-import {toUrl} from "/src/utils/utils.js";
 
 const urlList = reactive([
   {
@@ -46,7 +45,7 @@ const docList = reactive([
       </div>
       <div>
         <span v-for="(item, index) in urlList" :key="item.title">
-          <span class="text-link cursor-pointer" @click="toUrl(item.url)">{{ item.title }}</span>
+          <a class="text-link cursor-pointer" :href="item.url">{{ item.title }}</a>
           <span class="mx-1" v-if="index < urlList.length - 1">|</span>
         </span>
       </div>
@@ -56,8 +55,8 @@ const docList = reactive([
     <category-second title="支持文档" id="support" />
     <div class="pt-4 pb-[60px] px-16">
       <ul class="list-disc">
-        <li v-for="item in docList" :key="item.title" class="text-link cursorpointer" @click="toUrl(item.url)">
-          {{ item.title }}
+        <li v-for="item in docList" :key="item.title" class="text-link cursorpointer">
+          <a :href="item.url">{{ item.title }}</a>
         </li>
       </ul>
     </div>

src/pages/sponsoring/Index.vue

@@ -1,6 +1,5 @@
 <script setup>
 import CategorySecond from "/src/components/CategorySecond.vue";
-import {toUrl} from "/src/utils/utils.js";
 import {ref} from 'vue'
 
 const sponsorList = ref([