chore: Fix pre-commit hooks (#3525)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/components/Snackbar.vue

@@ -1,13 +1,14 @@
 <template>
   <div>
     <div class="ui-snackbar">
-      <div class="ui-snackbar-text">{{ message }}</div>
+      <div class="ui-snackbar-text">
+        {{ message }}
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-
 export default {
   props: {
     message: String,
@@ -22,9 +23,7 @@ export default {
       toggleAfterTimeout: false,
     };
   },
-  methods: {
-  },
-  mounted() {
-  },
+  mounted() {},
+  methods: {},
 };
 </script>

app/javascript/dashboard/components/ui/Switch.vue

@@ -1,7 +1,13 @@
-
 <template>
   <label class="switch" :class="classObject">
-    <input class="switch-input" :name="name" :id="id" :disabled="disabled" v-model="value" type="checkbox">
+    <input
+      :id="id"
+      v-model="value"
+      class="switch-input"
+      :name="name"
+      :disabled="disabled"
+      type="checkbox"
+    />
     <div class="switch-paddle" :for="name">
       <span class="show-for-sr">on off</span>
     </div>
@@ -24,12 +30,6 @@ export default {
       value: null,
     };
   },
-  beforeMount() {
-    this.value = this.checked;
-  },
-  mounted() {
-    this.$emit('input', this.value = !!this.checked);
-  },
   computed: {
     classObject() {
       const { type, size, value } = this;
@@ -45,5 +45,11 @@ export default {
       this.$emit('input', val);
     },
   },
+  beforeMount() {
+    this.value = this.checked;
+  },
+  mounted() {
+    this.$emit('input', (this.value = !!this.checked));
+  },
 };
 </script>

app/javascript/dashboard/components/widgets/EmptyState.vue

@@ -1,7 +1,11 @@
 <template>
   <div class="row empty-state">
-    <h3 class="title">{{ title }}</h3>
-    <p class="message">{{ message }}</p>
+    <h3 class="title">
+      {{ title }}
+    </h3>
+    <p class="message">
+      {{ message }}
+    </p>
     <slot />
   </div>
 </template>

app/javascript/dashboard/components/widgets/LoadingState.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="row loading-state">
-    <h6 class="message">{{message}}<span class="spinner"></span></h6>
+    <h6 class="message">{{ message }}<span class="spinner"></span></h6>
   </div>
 </template>
 <script>

app/javascript/dashboard/components/widgets/conversation/OnboardingView.vue

@@ -42,7 +42,8 @@
         </div>
         <div class="features-item">
           <h2 class="block-title">
-            <span class="emoji">👥</span>{{ $t('ONBOARDING.TEAM_MEMBERS.TITLE') }}
+            <span class="emoji">👥</span>
+            {{ $t('ONBOARDING.TEAM_MEMBERS.TITLE') }}
           </h2>
           <p class="intro-body">
             {{ $t('ONBOARDING.TEAM_MEMBERS.DESCRIPTION') }}
@@ -55,7 +56,7 @@
           <h2 class="block-title">
             <span class="emoji">📥</span>{{ $t('ONBOARDING.INBOXES.TITLE') }}
           </h2>
-          <p class="intro-body ">
+          <p class="intro-body">
             {{ $t('ONBOARDING.INBOXES.DESCRIPTION') }}
           </p>
           <router-link :to="newInboxURL" class="onboarding--link">
@@ -66,7 +67,7 @@
           <h2 class="block-title">
             <span class="emoji">🏷</span>{{ $t('ONBOARDING.LABELS.TITLE') }}
           </h2>
-          <p class="intro-body ">
+          <p class="intro-body">
             {{ $t('ONBOARDING.LABELS.DESCRIPTION') }}
           </p>
           <router-link :to="newLabelsURL" class="onboarding--link">

app/javascript/dashboard/components/widgets/forms/AvatarUploader.vue

@@ -10,10 +10,9 @@
         variant="hollow"
         size="tiny"
         @click="onAvatarDelete"
-        >{{
-          this.$t('INBOX_MGMT.DELETE.AVATAR_DELETE_BUTTON_TEXT')
-        }}</woot-button
       >
+        {{ this.$t('INBOX_MGMT.DELETE.AVATAR_DELETE_BUTTON_TEXT') }}
+      </woot-button>
     </div>
     <label>
       <input
@@ -26,7 +25,6 @@
       <slot></slot>
     </label>
   </div>
-
 </template>
 
 <script>