diff --git a/package.json b/package.json
index 842b665..20a799b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "miyoushe-emot-to-github",
-    "version": "0.3.4",
+    "version": "0.3.5",
     "type": "module",
     "description": "在github使用米游社表情包",
     "private": true,
diff --git a/src/App.vue b/src/App.vue
index 16ecc36..2a92e81 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,19 +17,24 @@ useEventListener(document, "focusin", e => {
   // 解决前进后退时浏览器还原 dom 却不还原 vue app 数据状态的问题——我把旧 dom 杀了不就好了？
   document.querySelectorAll(".miyoushe-emots").forEach(e => { if (!e.isSameNode(_this.value)) e.remove(); });
 });
-function onInputEmot(src, name) {
+/**
+ * @typedef {{id: number,src: string,name: string}} EmotImg
+ * @typedef {{[x: number]: EmotImg[]}} EmotTabs
+ */
+/**
+ * 
+ * @param {EmotImg} param0 
+ */
+function onInputEmot({ src, name }) {
   inputEmot(currentInput.value, `<img src="${src}" alt="${name}" width="75" >`);
 }
 
 const tabs = computed(() => emotList.value?.map(t => ({ group: t.id, name: t.name, src: t.icon })) ?? [])
 const currentTab = ref(tabs.value[0]?.group ?? "0");
-const tabData = computed(() => emotList.value
-  .map(g => {
-    return {
-      [g.id]: g.list.map(im => ({ id: im.id, src: im.icon, name: im.name }))
-    }
-  }).reduce((pv, v) => Object.assign(pv, v), {})
-);
+/**
+ * @type {import('vue').ComputedRef<EmotTabs>}
+ */
+const tabData = computed(() => emotList.value.reduce((pv, g) => Object.assign(pv, { [g.id]: g.list.filter(v => v.is_available).map(im => ({ id: im.id, src: im.icon, name: im.name })) }), {}));
 </script>
 <template>
   <Teleport :to="currentInput?.parentElement" :disabled="!currentInput || !currentInput.parentElement">
@@ -42,7 +47,7 @@ const tabData = computed(() => emotList.value
       </div>
       <div class="emot-icons">
         <div>
-          <Lazy v-for="em in tabData[currentTab]" :key="em.name" :src="em.src" @click="onInputEmot(em.src, em.name)">
+          <Lazy v-for="em in tabData[currentTab]" :key="em.name" :src="em.src" @click="onInputEmot(em)">
             <div>{{ em.name }}</div>
           </Lazy>
         </div>
diff --git a/src/stronge.js b/src/stronge.js
index 2d49963..dccc19d 100644
--- a/src/stronge.js
+++ b/src/stronge.js
@@ -1,6 +1,33 @@
 import { ref } from "vue";
 import { GM_registerMenuCommand, GM_getValue, GM_setValue } from '$';
 import { GM_fetch } from "./tool";
+/**
+ * @typedef {Object} Emot
+ * @prop {number} id
+ * @prop {string} name
+ * @prop {string} icon
+ * @prop {number} sort_order
+ * @prop {string} static_icon
+ * @prop {number} updated_at
+ * @prop {boolean} is_available
+ * @prop {string} status
+ * @prop {string[]} keywords
+ */
+/**
+ * @typedef {Object} EmotCate
+ * @prop {number} id
+ * @prop {string} name
+ * @prop {string} icon
+ * @prop {number} sort_order
+ * @prop {number} num
+ * @prop {string} status
+ * @prop {Emot[]} list
+ * @prop {number} updated_at
+ * @prop {boolean} is_available
+ */
+/**
+ * @type {import('vue').Ref<EmotCate[]>}
+ */
 const emotList = ref();
 const now = 0 | (Date.now() / 1000);
 const emotKey = 'miyoushe-emoticon';
@@ -16,6 +43,15 @@ function confirmList() {
 confirmList();
 
 function readList() {
+  /**
+   * @typedef {Object} ApiResp
+   * @prop {number} retcode
+   * @prop {string} message
+   * @prop {{list:EmotCate[]}} data
+   */
+  /**
+   * @type {ApiResp}
+   */
   const resp = JSON.parse(GM_getValue(emotKey, null));
   if (!resp) {
     return fetchList();