replace some el-input with InputGroup

src/views/Tools/dialogs/EditInviteMessageDialog.vue

@@ -7,18 +7,12 @@
         @close="closeDialog">
         <div style="font-size: 12px">
             <span>{{ t('dialog.edit_invite_message.description') }}</span>
-            <el-input
-                v-model="message"
-                type="textarea"
-                size="small"
-                maxlength="64"
-                show-word-limit
-                :autosize="{ minRows: 2, maxRows: 5 }"
-                placeholder=""
-                style="margin-top: 10px"></el-input>
+            <InputGroupCharCount v-model="message" :maxlength="64" multiline rows="2" class="mt-2.5" placeholder="" />
         </div>
         <template #footer>
-            <Button variant="secondary" @click="closeDialog">{{ t('dialog.edit_invite_message.cancel') }}</Button>
+            <Button variant="secondary" class="mr-2" @click="closeDialog">{{
+                t('dialog.edit_invite_message.cancel')
+            }}</Button>
             <Button @click="saveEditInviteMessage">{{ t('dialog.edit_invite_message.save') }}</Button>
         </template>
     </el-dialog>
@@ -27,6 +21,7 @@
 <script setup>
     import { ref, watch } from 'vue';
     import { Button } from '@/components/ui/button';
+    import { InputGroupCharCount } from '@/components/ui/input-group';
     import { toast } from 'vue-sonner';
     import { useI18n } from 'vue-i18n';
 

src/views/Tools/dialogs/NoteExportDialog.vue

@@ -65,15 +65,12 @@
 
             <el-table-column :label="t('table.import.note')" prop="memo">
                 <template #default="{ row }">
-                    <el-input
+                    <InputGroupCharCount
                         v-model="row.memo"
-                        type="textarea"
-                        maxlength="256"
-                        show-word-limit
-                        :rows="2"
-                        :autosize="{ minRows: 1, maxRows: 10 }"
-                        size="small"
-                        resize="none"></el-input>
+                        :maxlength="256"
+                        multiline
+                        rows="2"
+                        input-class="min-h-0 py-1 resize-none" />
                 </template>
             </el-table-column>
 
@@ -89,6 +86,7 @@
 <script setup>
     import { ref, watch } from 'vue';
     import { Button } from '@/components/ui/button';
+    import { InputGroupCharCount } from '@/components/ui/input-group';
     import { Loading } from '@element-plus/icons-vue';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';