refactor!: dialog button props

Author: davidstackio

src/runtime/components/app/AppDialog.vue

@@ -28,13 +28,15 @@ const dialog = useDialog()
         </v-btn>
 
         <v-btn
-          :color="dialog.action.buttonColor || 'secondary'"
+          :color="dialog.action.button.color || 'secondary'"
           :loading="dialog.action.loading"
           :disabled="dialog.action.loading"
+          :append-icon="dialog.action.button.appendIcon"
+          :prepend-icon="dialog.action.button.prependIcon"
           variant="flat"
           @click="dialog.action.function"
         >
-          {{ dialog.action.buttonText }}
+          {{ dialog.action.button.text }}
         </v-btn>
       </v-card-actions>
     </v-card>

src/runtime/composables/dialog.ts

@@ -6,10 +6,14 @@ export interface Dialog {
   title: string
   message: string
   action: {
+    button: {
+      color?: string
+      text: string
+      prependIcon?: string
+      appendIcon?: string
+    }
     function: (() => Promise<void>) | (() => void) | null
-    buttonText: string
-    buttonColor: string
-    loading: boolean
+    loading?: boolean
   }
   closeButtonText: string
 }
@@ -19,9 +23,13 @@ export const dialogInitialState: Dialog = {
   title: '',
   message: '',
   action: {
+    button: {
+      color: '',
+      text: 'Confirm',
+      appendIcon: '',
+      prependIcon: '',
+    },
     function: null,
-    buttonText: 'Confirm',
-    buttonColor: '',
     loading: false,
   },
   closeButtonText: 'Cancel',