diff --git a/src/components/selectbutton/SelectButton.vue b/src/components/selectbutton/SelectButton.vue
index 7c2ba4e71..4d4ecd7cf 100755
--- a/src/components/selectbutton/SelectButton.vue
+++ b/src/components/selectbutton/SelectButton.vue
@@ -96,8 +96,8 @@ export default {
         },
         getButtonClass(option, i) {
             return ['p-button p-component', {
-                'p-highlight': this.isSelected(option), 
-                'p-disabled': this.isOptionDisabled(option), 
+                'p-highlight': this.isSelected(option),
+                'p-disabled': this.isOptionDisabled(option),
                 'p-focus': (i === this.focusedIndex)
             }];
         }
diff --git a/src/views/datatable/DataTableCrudDemo.vue b/src/views/datatable/DataTableCrudDemo.vue
index cea987e63..369ed5846 100755
--- a/src/views/datatable/DataTableCrudDemo.vue
+++ b/src/views/datatable/DataTableCrudDemo.vue
@@ -120,7 +120,7 @@
 
             <Dialog :visible.sync="deleteProductDialog" :style="{width: '450px'}" header="Confirm" :modal="true">
                 <div class="confirmation-content">
-                    <i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /> 
+                    <i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" />
                     <span v-if="product">Are you sure you want to delete <b>{{product.name}}</b>?</span>
                 </div>
                 <template #footer>
@@ -131,7 +131,7 @@
 
             <Dialog :visible.sync="deleteProductsDialog" :style="{width: '450px'}" header="Confirm" :modal="true">
                 <div class="confirmation-content">
-                    <i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /> 
+                    <i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" />
                     <span v-if="product">Are you sure you want to delete the selected products?</span>
                 </div>
                 <template #footer>
@@ -257,7 +257,7 @@
 
 &lt;Dialog :visible.sync="deleteProductDialog" :style="{width: '450px'}" header="Confirm" :modal="true"&gt;
     &lt;div class="confirmation-content"&gt;
-        &lt;i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /&gt; 
+        &lt;i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /&gt;
         &lt;span v-if="product"&gt;Are you sure you want to delete &lt;b&gt;{{product.name}}&lt;/b&gt;?&lt;/span&gt;
     &lt;/div&gt;
     &lt;template #footer&gt;
@@ -268,7 +268,7 @@
 
     &lt;Dialog :visible.sync="deleteProductsDialog" :style="{width: '450px'}" header="Confirm" :modal="true"&gt;
     &lt;div class="confirmation-content"&gt;
-        &lt;i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /&gt; 
+        &lt;i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /&gt;
         &lt;span v-if="product"&gt;Are you sure you want to delete the selected products?&lt;/span&gt;
     &lt;/div&gt;
     &lt;template #footer&gt;
diff --git a/src/views/dialog/DialogDemo.vue b/src/views/dialog/DialogDemo.vue
index e7f955811..326e95866 100755
--- a/src/views/dialog/DialogDemo.vue
+++ b/src/views/dialog/DialogDemo.vue
@@ -60,7 +60,7 @@
                 <Button label="Confirm" icon="pi pi-external-link" @click="openConfirmation" />
                 <Dialog header="Confirmation" :visible.sync="displayConfirmation" :style="{width: '350px'}" :modal="true">
                     <div class="confirmation-content">
-                        <i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /> 
+                        <i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" />
                         <span>Are you sure you want to proceed?</span>
                     </div>
                     <template #footer>
diff --git a/src/views/dialog/DialogDoc.vue b/src/views/dialog/DialogDoc.vue
index 5cf63a3d7..6522f4a6e 100755
--- a/src/views/dialog/DialogDoc.vue
+++ b/src/views/dialog/DialogDoc.vue
@@ -294,7 +294,7 @@ export default {
 &lt;Button label="Confirm" icon="pi pi-external-link" @click="openConfirmation" /&gt;
 &lt;Dialog header="Confirmation" :visible.sync="displayConfirmation" :style="{width: '350px'}" :modal="true"&gt;
     &lt;div class="confirmation-content"&gt;
-        &lt;i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /&gt; 
+        &lt;i class="pi pi-exclamation-triangle p-mr-3" style="font-size: 2rem" /&gt;
         &lt;span&gt;Are you sure you want to proceed?&lt;/span&gt;
     &lt;/div&gt;
     &lt;template #footer&gt;
diff --git a/src/views/orderlist/OrderListDemo.vue b/src/views/orderlist/OrderListDemo.vue
index 318df797c..c9bdcb3a3 100755
--- a/src/views/orderlist/OrderListDemo.vue
+++ b/src/views/orderlist/OrderListDemo.vue
@@ -82,7 +82,7 @@ export default {
         flex-direction: column;
         align-items: flex-end;
     }
-    
+
     .product-category-icon {
         vertical-align: middle;
         margin-right: .5rem;
diff --git a/src/views/orderlist/OrderListDoc.vue b/src/views/orderlist/OrderListDoc.vue
index 426ee6fc7..7a1b86f7f 100755
--- a/src/views/orderlist/OrderListDoc.vue
+++ b/src/views/orderlist/OrderListDoc.vue
@@ -235,7 +235,7 @@ export default {
         flex-direction: column;
         align-items: flex-end;
     }
-    
+
     .product-category-icon {
         vertical-align: middle;
         margin-right: .5rem;
diff --git a/src/views/picklist/PickListDemo.vue b/src/views/picklist/PickListDemo.vue
index 85b255536..8b011704e 100755
--- a/src/views/picklist/PickListDemo.vue
+++ b/src/views/picklist/PickListDemo.vue
@@ -85,7 +85,7 @@ export default {
         flex-direction: column;
         align-items: flex-end;
     }
-    
+
     .product-category-icon {
         vertical-align: middle;
         margin-right: .5rem;
diff --git a/src/views/picklist/PickListDoc.vue b/src/views/picklist/PickListDoc.vue
index eb2f8ca86..6543922cc 100755
--- a/src/views/picklist/PickListDoc.vue
+++ b/src/views/picklist/PickListDoc.vue
@@ -297,7 +297,7 @@ product-item {
         flex-direction: column;
         align-items: flex-end;
     }
-    
+
     .product-category-icon {
         vertical-align: middle;
         margin-right: .5rem;
diff --git a/src/views/selectbutton/SelectButtonDemo.vue b/src/views/selectbutton/SelectButtonDemo.vue
index 5ba3b2b38..6ba59f977 100755
--- a/src/views/selectbutton/SelectButtonDemo.vue
+++ b/src/views/selectbutton/SelectButtonDemo.vue
@@ -35,7 +35,7 @@ export default {
     data() {
         return {
             value1: 'Off',
-            value2: null,   
+            value2: null,
             value3: null,
             options: ['Off', 'On'],
             paymentOptions: [
diff --git a/src/views/selectbutton/SelectButtonDoc.vue b/src/views/selectbutton/SelectButtonDoc.vue
index e18a5cc8b..4017e0acc 100755
--- a/src/views/selectbutton/SelectButtonDoc.vue
+++ b/src/views/selectbutton/SelectButtonDoc.vue
@@ -180,7 +180,7 @@ export default {
     data() {
         return {
             value1: 'Off',
-            value2: null,   
+            value2: null,
             value3: null,
             options: ['Off', 'On'],
             paymentOptions: [