fix: apply ESLint rule vue/component-tags-order

2024-07-25 19:33:28 +05:30
parent fede03ebe8
commit 0008fca511
544 changed files with 21263 additions and 21256 deletions
@@ -1,56 +1,3 @@
-<template>
-  <div
-    v-if="isLoading"
-    class="flex items-center justify-center flex-1 h-full bg-black-25"
-  >
-    <spinner size="" />
-  </div>
-  <div
-    v-else
-    class="flex items-center justify-center w-full h-full overflow-auto bg-slate-50"
-  >
-    <div
-      class="flex flex-col w-full h-full bg-white rounded-lg shadow-lg lg:w-2/5 lg:h-auto"
-    >
-      <div class="w-full px-12 pt-12 pb-6 m-auto my-0">
-        <img v-if="logo" :src="logo" alt="Chatwoot logo" class="mb-6 logo" />
-        <p
-          v-if="!isRatingSubmitted"
-          class="mb-8 text-lg leading-relaxed text-black-700"
-        >
-          {{ $t('SURVEY.DESCRIPTION', { inboxName }) }}
-        </p>
-        <banner
-          v-if="shouldShowBanner"
-          :show-success="shouldShowSuccessMesage"
-          :show-error="shouldShowErrorMesage"
-          :message="message"
-        />
-        <label
-          v-if="!isRatingSubmitted"
-          class="mb-4 text-base font-medium text-black-800"
-        >
-          {{ $t('SURVEY.RATING.LABEL') }}
-        </label>
-        <rating
-          :selected-rating="selectedRating"
-          @selectRating="selectRating"
-        />
-        <feedback
-          v-if="enableFeedbackForm"
-          :is-updating="isUpdating"
-          :is-button-disabled="isButtonDisabled"
-          :selected-rating="selectedRating"
-          @sendFeedback="sendFeedback"
-        />
-      </div>
-      <div class="mb-3">
-        <branding />
-      </div>
-    </div>
-  </div>
-</template>
-
 <script>
 import { useAlert } from 'dashboard/composables';
 import Branding from 'shared/components/Branding.vue';
@@ -188,6 +135,59 @@ export default {
 };
 </script>

+<template>
+  <div
+    v-if="isLoading"
+    class="flex items-center justify-center flex-1 h-full bg-black-25"
+  >
+    <spinner size="" />
+  </div>
+  <div
+    v-else
+    class="flex items-center justify-center w-full h-full overflow-auto bg-slate-50"
+  >
+    <div
+      class="flex flex-col w-full h-full bg-white rounded-lg shadow-lg lg:w-2/5 lg:h-auto"
+    >
+      <div class="w-full px-12 pt-12 pb-6 m-auto my-0">
+        <img v-if="logo" :src="logo" alt="Chatwoot logo" class="mb-6 logo" />
+        <p
+          v-if="!isRatingSubmitted"
+          class="mb-8 text-lg leading-relaxed text-black-700"
+        >
+          {{ $t('SURVEY.DESCRIPTION', { inboxName }) }}
+        </p>
+        <banner
+          v-if="shouldShowBanner"
+          :show-success="shouldShowSuccessMesage"
+          :show-error="shouldShowErrorMesage"
+          :message="message"
+        />
+        <label
+          v-if="!isRatingSubmitted"
+          class="mb-4 text-base font-medium text-black-800"
+        >
+          {{ $t('SURVEY.RATING.LABEL') }}
+        </label>
+        <rating
+          :selected-rating="selectedRating"
+          @selectRating="selectRating"
+        />
+        <feedback
+          v-if="enableFeedbackForm"
+          :is-updating="isUpdating"
+          :is-button-disabled="isButtonDisabled"
+          :selected-rating="selectedRating"
+          @sendFeedback="sendFeedback"
+        />
+      </div>
+      <div class="mb-3">
+        <branding />
+      </div>
+    </div>
+  </div>
+</template>
+
 <style scoped lang="scss">
@import '~widget/assets/scss/variables.scss';