refactor icons

src/oj/submission/components/ButtonWithSearch.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import Filter from "~/shared/icons/Filter.vue"
+import { Icon } from "@iconify/vue"
 
 defineEmits(["click", "search"])
 </script>
@@ -8,9 +8,7 @@ defineEmits(["click", "search"])
     <n-button text type="info" @click="$emit('click')"><slot></slot></n-button>
     <n-button text @click="$emit('search')">
       <template #icon>
-        <n-icon color="#ccc">
-          <Filter />
-        </n-icon>
+        <Icon icon="openmoji:filter"></Icon>
       </template>
     </n-button>
   </n-flex>

src/oj/submission/components/SubmissionLink.vue

@@ -5,9 +5,7 @@
     </n-button>
     <n-button text @click="goto">
       <template #icon>
-        <n-icon color="#aaa">
-          <Code />
-        </n-icon>
+        <Icon icon="openmoji:backhand-index-pointing-right"></Icon>
       </template>
     </n-button>
   </n-flex>
@@ -17,7 +15,7 @@
 </template>
 
 <script setup lang="ts">
-import Code from "~/shared/icons/Code.vue"
+import { Icon } from "@iconify/vue"
 import { Submission } from "~/utils/types"
 
 interface Props {