fix: apply ESLint rule vue/padding-line-between-blocks

2024-07-26 11:52:27 +05:30
parent 1b045c499c
commit 29007de112
218 changed files with 247 additions and 0 deletions
@@ -28,6 +28,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div class="announcement-popup">
    <span v-if="popupMessage" class="popup-content">
@@ -30,6 +30,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    class="fixed outline-none z-[9999] cursor-pointer"
@@ -14,6 +14,7 @@ defineProps({
  },
 });
 </script>
+
 <template>
  <button
    class="inline-flex relative items-center p-1.5 w-fit h-8 gap-1.5 rounded-lg hover:bg-slate-50 dark:hover:bg-slate-800 active:bg-slate-75 dark:active:bg-slate-800"
@@ -6,6 +6,7 @@ defineProps({
  },
 });
 </script>
+
 <template>
  <div
    class="flex items-center justify-center h-10 text-sm text-slate-500 dark:text-slate-300"
@@ -71,6 +71,7 @@ const shouldShowEmptyState = computed(() => {
  return !props.isLoading && isDropdownListEmpty.value;
 });
 </script>
+
 <template>
  <div
    class="absolute z-20 w-40 bg-white border shadow dark:bg-slate-800 rounded-xl border-slate-50 dark:border-slate-700/50 max-h-[400px]"
@@ -10,6 +10,7 @@ defineProps({
  },
 });
 </script>
+
 <template>
  <button
    class="relative inline-flex items-center justify-start w-full p-3 border-0 rounded-none first:rounded-t-xl last:rounded-b-xl h-11 hover:bg-slate-50 dark:hover:bg-slate-700 active:bg-slate-75 dark:active:bg-slate-800"
@@ -6,6 +6,7 @@ defineProps({
  },
 });
 </script>
+
 <template>
  <div
    class="flex items-center justify-center h-10 text-sm text-slate-500 dark:text-slate-300"
@@ -14,6 +14,7 @@ defineProps({
  },
 });
 </script>
+
 <template>
  <div
    class="flex items-center justify-between h-10 min-h-[40px] sticky top-0 bg-white z-10 dark:bg-slate-800 gap-2 px-3 border-b rounded-t-xl border-slate-50 dark:border-slate-700"
@@ -6,6 +6,7 @@ defineProps({
  },
 });
 </script>
+
 <template>
  <div class="relative group w-[inherit] whitespace-normal z-20">
    <fluent-icon
@@ -79,6 +79,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    class="inline-flex ltr:mr-1 rtl:ml-1 mb-1"
@@ -24,6 +24,7 @@ export default {
    <span aria-hidden="true" :class="{ active: value }" />
  </button>
 </template>
+
 <style lang="scss" scoped>
 .toggle-button {
  @apply bg-slate-200 dark:bg-slate-600;
@@ -44,6 +44,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <li
    :class="{
@@ -65,6 +65,7 @@ export default {
    </div>
  </transition-group>
 </template>
+
 <style lang="scss" scoped>
 .wizard-box {
  .item {
@@ -103,6 +103,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <button
    class="button"