Update Icon.vue

将图标修改为 <i> 标签，以与其它常见 UI 库的约定俗成行为保持一致。现在大部分都是用 <em> 表示斜体，<i> 都是表示图标的。
KIRAKIRA-DOUGA · Jan 25, 2024 · 1bd9404 · 1bd9404
1 parent c4a138f
commit 1bd9404
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/Icon.vue b/components/Icon.vue
@@ -18,10 +18,10 @@
 </script>
 
 <template>
-	<span class="icon" :class="{ filled }" role="img" :aria-label="new VariableName(name).words">
+	<i class="icon" :class="{ filled }" role="img" :aria-label="new VariableName(name).words">
 		<SvgIcon v-if="environment.production" :name="name" />
 		<NuxtIcon v-else :name="name" :filled="filled" />
-	</span>
+	</i>
 </template>
 
 <style scoped lang="scss">