From 3e29cec8f3ab00548823722a8a0c618e308fbff5 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Fri, 16 Apr 2021 11:06:52 +0300
Subject: [PATCH] Disable button when loading

---
 src/components/button/Button.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/button/Button.vue b/src/components/button/Button.vue
index 3c7588e21..b649b9eea 100755
--- a/src/components/button/Button.vue
+++ b/src/components/button/Button.vue
@@ -1,5 +1,5 @@
 <template>
-    <button :class="buttonClass" type="button" v-ripple>
+    <button :class="buttonClass" type="button" v-ripple :disabled="disabled">
         <slot>
             <span v-if="loading && !icon" :class="iconClass"></span>
             <span v-if="icon" :class="iconClass"></span>
@@ -46,7 +46,8 @@ export default {
                 'p-button p-component': true,
                 'p-button-icon-only': this.icon && !this.label,
                 'p-button-vertical': (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label,
-                'p-disabled': this.$attrs.disabled
+                'p-disabled': this.$attrs.disabled || this.loading,
+                'p-button-loading': this.loading
             }
         },
         iconClass() {
@@ -66,6 +67,9 @@ export default {
                 'p-badge p-component', this.badgeClass, {
                     'p-badge-no-gutter': this.badge && String(this.badge).length === 1
             }]
+        },
+        disabled() {
+            return this.$attrs.disabled || this.loading;
         }
     },
     directives: {