fix: installPlugin must be called after fcitxReady

Author: eagleoflqj

.github/workflows/ci.yml

@@ -13,13 +13,13 @@ jobs:
     steps:
       - uses: actions/checkout@v5
 
-      - uses: actions/setup-node@v5
+      - uses: actions/setup-node@v6
         with:
           node-version: 24.x
 
       - name: Install dependencies
         run: |
-          wget -P cache https://github.com/fcitx-contrib/fcitx5-js/releases/download/latest/fcitx5-js.tgz
+          curl -LO --output-dir cache https://github.com/fcitx-contrib/fcitx5-js/releases/download/latest/fcitx5-js.tgz
           npm i -g pnpm
           pnpm i
 

package.json

@@ -11,16 +11,16 @@
     "build": "vite build && vue-tsc -d --emitDeclarationOnly"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.0.0",
+    "@antfu/eslint-config": "^6.1.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "eslint": "^9.38.0",
     "fcitx5-js": "file:cache/fcitx5-js.tgz",
     "naive-ui": "^2.43.1",
     "typescript": "5.9.3",
-    "vite": "^7.1.11",
+    "vite": "^7.1.12",
     "vooks": "^0.2.12",
     "vue": "^3.5.22",
     "vue-i18n": "11",
-    "vue-tsc": "^3.1.1"
+    "vue-tsc": "^3.1.2"
   }
 }

src/PluginManager.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { UploadFileInfo } from 'naive-ui'
+import { fcitxReady } from 'fcitx5-js'
 import { NA, NFlex, NList, NListItem, NUpload, NUploadDragger, useMessage } from 'naive-ui'
 import { computed, ref } from 'vue'
 import { t } from './i18n'
@@ -17,6 +18,7 @@ const availablePlugins = computed(() => allPlugins.filter(plugin => !installedPl
 const fileList = ref<UploadFileInfo[]>([])
 
 async function onUpload(files: UploadFileInfo[]) {
+  await fcitxReady
   // Must clear the fileList synchronously first as uploading multiple files will trigger multiple times.
   fileList.value = []
   for (const file of files) {