From 5124317a386f1384e08d522b62686b9a939a10b1 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 12 Jun 2026 16:02:48 +0700
Subject: [PATCH] Enhance type safety in Appearance and Profile components by
 updating function signatures to use specific types. In Appearance.vue, change
 the parameter type of onAppearanceChange to AcceptableValue, ensuring only
 valid values are processed. In Profile.vue, add preserveScroll option to the
 form submission for improved user experience during profile updates.

---
 resources/js/pages/admin/account/Appearance.vue | 7 ++++++-
 resources/js/pages/admin/account/Profile.vue    | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/resources/js/pages/admin/account/Appearance.vue b/resources/js/pages/admin/account/Appearance.vue
index 11127de..dbfb137 100644
--- a/resources/js/pages/admin/account/Appearance.vue
+++ b/resources/js/pages/admin/account/Appearance.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Head, useForm } from '@inertiajs/vue3';
 import { Monitor, Moon, Save, Sun } from '@lucide/vue';
+import type { AcceptableValue } from 'reka-ui';
 import { toast } from 'vue-sonner';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
@@ -51,7 +52,11 @@ const options: Array<{
         },
     ];
 
-function onAppearanceChange(value: string) {
+function onAppearanceChange(value: AcceptableValue) {
+    if (typeof value !== 'string') {
+        return;
+    }
+
     form.appearance = value as AppearanceMode;
     applyAppearance(form.appearance);
 }
diff --git a/resources/js/pages/admin/account/Profile.vue b/resources/js/pages/admin/account/Profile.vue
index 040e6dc..ab8dd26 100644
--- a/resources/js/pages/admin/account/Profile.vue
+++ b/resources/js/pages/admin/account/Profile.vue
@@ -18,7 +18,11 @@ import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
 import { Textarea } from '@/components/ui/textarea';
 import AccountLayout from '@/layouts/AccountLayout.vue';
 import { formErrors } from '@/lib/form';
-import type { EnumOption, ProfileFormData, ProfileUser } from '@/types/account';
+import type {
+    EnumOption,
+    ProfileFormData,
+    ProfileUser,
+} from '@/types/account';
 
 const props = defineProps<{
     user: ProfileUser;
@@ -37,6 +41,7 @@ const form = useForm<ProfileFormData>({
 
 function submit() {
     form.put('/admin/account/profile', {
+        preserveScroll: true,
         onError: () => {
             toast.error('Gagal menyimpan profil. Periksa kembali formulir.');
         },