reuse GearButton

fcitx-contrib · Sep 6, 2024 · 0862b56 · 0862b56
1 parent 17f5677
commit 0862b56
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 18 deletions.
diff --git a/src/components/GearIcon.vue b/src/components/GearIcon.vue
diff --git 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"