From c3db522c877cfc1529abcd4861c566651c21c428 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Thu, 2 Jul 2026 23:00:18 +0700
Subject: [PATCH] refactor: improve SystemSection.vue by adding computed
 properties for upload state management, enhancing code readability and
 maintainability

---
 .../js/pages/admin/system/setting/form/SystemSection.vue  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/admin/system/setting/form/SystemSection.vue b/resources/js/pages/admin/system/setting/form/SystemSection.vue
index e4193a1..4e17655 100644
--- a/resources/js/pages/admin/system/setting/form/SystemSection.vue
+++ b/resources/js/pages/admin/system/setting/form/SystemSection.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useForm } from '@inertiajs/vue3';
 import { Save } from '@lucide/vue';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import { toast } from 'vue-sonner';
 import { PhoneNumberInput } from '@/components/form/phone-number-input';
 import MediaDropzone from '@/components/media/MediaDropzone.vue';
@@ -32,9 +32,9 @@ const logoState = ref<MediaUploadState>(createMediaUploadState());
 const faviconState = ref<MediaUploadState>(createMediaUploadState());
 const loginCoverState = ref<MediaUploadState>(createMediaUploadState());
 
-const isUploading = computed(() => 
-    logoState.value.pendingUploads > 0 || 
-    faviconState.value.pendingUploads > 0 || 
+const isUploading = computed(() =>
+    logoState.value.pendingUploads > 0 ||
+    faviconState.value.pendingUploads > 0 ||
     loginCoverState.value.pendingUploads > 0
 );