replace el-button

src/components/dialogs/AvatarDialog/ChangeAvatarImageDialog.vue

@@ -22,15 +22,15 @@
                 style="margin-bottom: 12px" />
             <span>{{ t('dialog.change_content_image.description') }}</span>
             <br />
-            <el-button
-                type="default"
-                size="small"
-                :icon="Upload"
-                :loading="changeAvatarImageDialogLoading"
+            <Button
+                variant="outline"
+                size="icon-sm"
                 :disabled="changeAvatarImageDialogLoading"
                 @click="uploadAvatarImage">
+                <Spinner v-if="changeAvatarImageDialogLoading" />
+                <Upload v-else />
                 {{ t('dialog.change_content_image.upload') }}
-            </el-button>
+            </Button>
             <br />
             <div class="x-change-image-item">
                 <img :src="previousImageUrl" class="img-size" loading="lazy" />
@@ -40,6 +40,8 @@
 </template>
 
 <script setup>
+    import { Button } from '@/components/ui/button';
+    import { Spinner } from '@/components/ui/spinner';
     import { Upload } from '@element-plus/icons-vue';
     import { ref } from 'vue';
     import { storeToRefs } from 'pinia';