From 34ca9868a5fd6b62f9223f49f6a80ea3c242574c Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Fri, 26 Jul 2024 11:56:17 +0530
Subject: [PATCH] fix: apply ESLint rule vue/prefer-prop-type-boolean-first

---
 .eslintrc.js                                           |  1 +
 .../dashboard/components/CustomAttribute.vue           | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index d95433458..24a057405 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -159,6 +159,7 @@ module.exports = {
     ],
     'vue/no-v-text': 'error',
     'vue/padding-line-between-blocks': ['error', 'always'],
+    'vue/prefer-prop-type-boolean-first': 'error',
     'vue/max-attributes-per-line': [
       'error',
       {
diff --git a/app/javascript/dashboard/components/CustomAttribute.vue b/app/javascript/dashboard/components/CustomAttribute.vue
index 7a0a871de..c0416d7bb 100644
--- a/app/javascript/dashboard/components/CustomAttribute.vue
+++ b/app/javascript/dashboard/components/CustomAttribute.vue
@@ -20,7 +20,7 @@ export default {
     label: { type: String, required: true },
     description: { type: String, default: '' },
     values: { type: Array, default: () => [] },
-    value: { type: [String, Number, Boolean], default: '' },
+    value: { type: [Boolean, String, Number], default: '' },
     showActions: { type: Boolean, default: false },
     attributeType: { type: String, default: 'text' },
     attributeRegex: {
@@ -195,9 +195,9 @@ export default {
 </script>
 
 <template>
-  <div class="py-3 px-4">
+  <div class="px-4 py-3">
     <div class="flex items-center mb-1">
-      <h4 class="text-sm flex items-center m-0 w-full error">
+      <h4 class="flex items-center w-full m-0 text-sm error">
         <div v-if="isAttributeTypeCheckbox" class="flex items-center">
           <input
             v-model="editedValue"
@@ -237,7 +237,7 @@ export default {
     </div>
     <div v-if="notAttributeTypeCheckboxAndList">
       <div v-if="isEditing" v-on-clickaway="onClickAway">
-        <div class="mb-2 w-full flex items-center">
+        <div class="flex items-center w-full mb-2">
           <input
             ref="inputfield"
             v-model="editedValue"
@@ -259,7 +259,7 @@ export default {
         </div>
         <span
           v-if="shouldShowErrorMessage"
-          class="text-red-400 dark:text-red-500 text-sm block font-normal -mt-px w-full"
+          class="block w-full -mt-px text-sm font-normal text-red-400 dark:text-red-500"
         >
           {{ errorMessage }}
         </span>