remove element-plus icons.

src/shared/components/ContestTitle.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Contest } from "utils/types"
 import { ContestType } from "utils/constants"
+import Lock from "~/shared/icons/Lock.vue"
 
 defineProps<{ contest: Contest }>()
 </script>
@@ -8,11 +9,11 @@ defineProps<{ contest: Contest }>()
   <n-space>
     <span>{{ contest.title }}</span>
     <n-icon
-      size="medium"
+      size="large"
       class="lockIcon"
       v-if="contest.contest_type === ContestType.private"
     >
-      <i-ep-lock />
+      <Lock />
     </n-icon>
   </n-space>
 </template>

src/shared/components/Copy.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { DocumentCopy, Select } from "@element-plus/icons-vue"
 import copy from "copy-text-to-clipboard"
+import Select from "~/shared/icons/Select.vue"
+import Copy from "~/shared/icons/Copy.vue"
 
 defineProps<{ value: string }>()
 const [copied, toggle] = useToggle()
@@ -16,7 +17,7 @@ function handleClick(value: string) {
   <n-tooltip trigger="hover">
     <template #trigger>
       <n-icon class="icon" @click="handleClick(value)">
-        <component :is="copied ? Select : DocumentCopy"></component>
+        <component :is="copied ? Select : Copy"></component>
       </n-icon>
     </template>
     {{ copied ? "已复制" : "复制" }}

src/shared/components/Header.vue

@@ -12,6 +12,9 @@ import {
 } from "~/shared/composables/switchScreen"
 import { code } from "~/shared/composables/learn"
 import { useLearnStore } from "~/learn/store"
+import Play from "../icons/Play.vue"
+import Sunny from "../icons/Sunny.vue"
+import Moon from "../icons/Moon.vue"
 
 const userStore = useUserStore()
 const configStore = useConfigStore()
@@ -130,7 +133,7 @@ function switchScreen() {}
         </n-button>
         <n-button v-else circle @click="run">
           <n-icon>
-            <i-ep-arrow-right-bold />
+            <Play />
           </n-icon>
         </n-button>
       </div>
@@ -166,8 +169,8 @@ function switchScreen() {}
       </div>
       <n-button circle @click="toggleDark()">
         <template #icon>
-          <n-icon v-if="isDark"><i-ep-sunny /></n-icon>
-          <n-icon v-else> <i-ep-moon /></n-icon>
+          <n-icon v-if="isDark"><Sunny /></n-icon>
+          <n-icon v-else> <Moon /></n-icon>
         </template>
       </n-button>
     </n-space>