From 0862b569c1b136ae5ea4040488c6002727a496bd Mon Sep 17 00:00:00 2001
From: Qijia Liu <liumeo@pku.edu.cn>
Date: Fri, 6 Sep 2024 13:22:06 +0800
Subject: [PATCH] reuse GearButton

---
 src/components/GearIcon.vue   |  9 ---------
 src/components/StatusArea.vue | 11 ++---------
 2 files changed, 2 insertions(+), 18 deletions(-)
 delete mode 100644 src/components/GearIcon.vue

diff --git a/src/components/GearIcon.vue b/src/components/GearIcon.vue
deleted file mode 100644
index 179058e..0000000
--- a/src/components/GearIcon.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-export default {
-  name: 'MdiCog',
-}
-</script>
-
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64z" /></svg>
-</template>
diff --git a/src/components/StatusArea.vue b/src/components/StatusArea.vue
index 54d3f1a..45c4d02 100644
--- a/src/components/StatusArea.vue
+++ b/src/components/StatusArea.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { NButton, NIcon, NModal, NSelect, NSpace } from 'naive-ui'
-import { InputMethodConfig } from 'fcitx5-config-vue'
+import { InputMethodConfig, GearButton } from 'fcitx5-config-vue'
 import { inputMethod, inputMethods, loading } from '../fcitx'
-import GearIcon from './GearIcon.vue'
 
 const options = computed(() => {
   return inputMethods.value.map(({ displayName, name }) => ({
@@ -23,13 +22,7 @@ const showModal = ref(false)
       :loading="loading"
       :options="options"
     />
-    <NButton secondary @click="showModal = true">
-      <template #icon>
-        <NIcon>
-          <GearIcon />
-        </NIcon>
-      </template>
-    </NButton>
+    <GearButton @click="showModal = true" />
     <NModal
       v-model:show="showModal"
       preset="card"