Lint fixes

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)
             }];
         }

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;

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>

src/views/dialog/DialogDoc.vue

@@ -294,7 +294,7 @@ export default {
 <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>

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;

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;

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;

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;

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: [

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: [