- second commit

resources/js/Pages/Admin/User/AccountInfo.vue

@@ -1,6 +1,7 @@
-<script setup>
+<script setup lang="ts">
 // import { Head, Link, useForm } from '@inertiajs/inertia-vue3';
-import { Head, Link, useForm, router } from '@inertiajs/vue3';
+import { useForm } from '@inertiajs/vue3';
+// import { reactive } from 'vue';
 import {
   mdiAccount,
   mdiAccountCircle,
@@ -9,7 +10,7 @@ import {
   mdiAsterisk,
   mdiFormTextboxPassword,
   mdiArrowLeftBoldOutline,
-  mdiAlertBoxOutline,
+  // mdiAlertBoxOutline,
 } from '@mdi/js';
 import SectionMain from '@/Components/SectionMain.vue';
 import CardBox from '@/Components/CardBox.vue';
@@ -18,7 +19,7 @@ import FormField from '@/Components/FormField.vue';
 import FormControl from '@/Components/FormControl.vue';
 import BaseButton from '@/Components/BaseButton.vue';
 import BaseButtons from '@/Components/BaseButtons.vue';
-import NotificationBar from '@/Components/NotificationBar.vue';
+// import NotificationBar from '@/Components/NotificationBar.vue';
 import LayoutAuthenticated from '@/Layouts/LayoutAuthenticated.vue';
 import SectionTitleLineWithButton from '@/Components/SectionTitleLineWithButton.vue';
 import { stardust } from '@eidellev/adonis-stardust/client';
@@ -41,16 +42,16 @@ const profileForm = useForm({
   email: props.user.email,
 });
 const profileSubmit = async () => {
-    await router.post(stardust.route('admin.account.info.store', [props.user.id]), profileForm);
+    await profileForm.post(stardust.route('admin.account.info.store', [props.user.id]));
 };
 
 const passwordForm = useForm({
-  old_password: null,
-  new_password: null,
-  confirm_password: null,
+  old_password: "",
+  new_password: "",
+  confirm_password: "",
 });
 const passwordSubmit = async () => {
-    await router.post(stardust.route('admin.account.info.store'), passwordForm, {
+    await passwordForm.post(stardust.route('admin.account.info.store'), {
         preserveScroll: true,
         onSuccess: (resp) => {
             console.log(resp);
@@ -68,9 +69,9 @@ const passwordSubmit = async () => {
           rounded-full small />
       </SectionTitleLineWithButton>
 
-      <NotificationBar v-if="$page.props.flash.message" color="success" :icon="mdiAlertBoxOutline">
+      <!-- <NotificationBar v-if="$page.props.flash.message" color="success" :icon="mdiAlertBoxOutline">
         {{ $page.props.flash.message }}
-      </NotificationBar>
+      </NotificationBar> -->
 
       <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">