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
@@ -106,6 +106,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div v-if="!isFetchingAppIntegrations">
    <div v-if="isAIIntegrationEnabled" class="relative">
@@ -7,6 +7,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div class="relative">
    <woot-button
@@ -28,6 +29,7 @@ export default {
    />
  </div>
 </template>
+
 <style scoped>
@tailwind components;
@layer components {
@@ -57,6 +57,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <ChannelSelector
    :class="{ inactive: !isActive }"
@@ -41,6 +41,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <woot-tabs :index="activeTabIndex" @change="onTabChange">
    <woot-tabs-item
@@ -18,6 +18,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div v-if="isFeatureEnabled">
    <slot />
@@ -279,6 +279,7 @@ export default {
    </div>
  </div>
 </template>
+
 <style lang="scss" scoped>
 .filter__answer--wrap {
  input {
@@ -17,6 +17,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    class="inbox--name inline-flex items-center py-0.5 px-0 leading-3 whitespace-nowrap font-medium bg-none text-slate-600 dark:text-slate-500 text-xs my-0 mx-2.5"
@@ -5,6 +5,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div class="flex items-center justify-center p-8">
    <h6
@@ -35,6 +35,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <span>
    {{ textToBeDisplayed }}
@@ -47,6 +48,7 @@ export default {
    </button>
  </span>
 </template>
+
 <style scoped>
 .show-more--button {
  color: var(--w-500);
@@ -26,6 +26,7 @@ const spanClass = computed(() => {
  return 'col-span-1';
 });
 </script>
+
 <template>
  <div
    class="flex items-center px-0 py-2 text-xs font-medium text-left uppercase text-slate-700 dark:text-slate-100 rtl:text-right"
@@ -130,6 +130,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    :class="thumbnailBoxClass"
@@ -33,6 +33,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div class="overlapping-thumbnails">
    <Thumbnail
@@ -21,6 +21,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div class="flex items-center gap-1.5 text-left">
    <Thumbnail
@@ -40,6 +40,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <woot-button
    v-if="isVideoIntegrationEnabled"
@@ -5,11 +5,13 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    :class="`status-badge status-badge__${status} rounded-full w-2.5 h-2.5 mr-0.5 rtl:mr-0 rtl:ml-0.5 inline-flex`"
  />
 </template>
+
 <style lang="scss" scoped>
 .status-badge {
  &__online {
@@ -362,6 +362,7 @@ export default {
    </div>
  </div>
 </template>
+
 <style lang="scss" scoped>
 .folder-input {
  @apply w-[50%];
@@ -106,6 +106,7 @@ export default {
    </div>
  </div>
 </template>
+
 <style lang="scss" scoped>
 .basic-filter {
  @apply w-52 p-4 top-6;
@@ -89,6 +89,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    class="conversation-details-wrap bg-slate-25 dark:bg-slate-800"
@@ -153,6 +154,7 @@ export default {
    />
  </div>
 </template>
+
 <style lang="scss" scoped>
 .conversation-details-wrap {
  @apply flex flex-col min-w-0 w-full;
@@ -228,6 +228,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    class="relative flex items-start flex-grow-0 flex-shrink-0 w-auto max-w-full px-4 py-0 border-t-0 border-b-0 border-l-2 border-r-0 border-transparent border-solid cursor-pointer conversation hover:bg-slate-25 dark:hover:bg-slate-800 group"
@@ -344,6 +345,7 @@ export default {
    </woot-context-menu>
  </div>
 </template>
+
 <style lang="scss" scoped>
 .conversation {
  &.unread-chat {
@@ -130,6 +130,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    class="flex flex-col items-center justify-between px-4 py-2 bg-white border-b dark:bg-slate-900 border-slate-50 dark:border-slate-800/50 md:flex-row"
@@ -60,6 +60,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div :class="emptyClassName">
    <woot-loading-state
@@ -35,6 +35,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <select
    v-model="activeValue"
@@ -438,6 +438,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <li
    v-if="shouldRenderMessage"
@@ -582,6 +583,7 @@ export default {
    </div>
  </li>
 </template>
+
 <style lang="scss">
 .wrap {
  > .bubble {
@@ -47,6 +47,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div class="relative flex items-center gap-2 actions--container">
    <woot-button
@@ -84,6 +85,7 @@ export default {
    />
  </div>
 </template>
+
 <style scoped lang="scss">
 .more--button {
  @apply items-center flex ml-2 rtl:ml-0 rtl:mr-2;
@@ -18,6 +18,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div class="onboarding-wrap">
    <div class="onboarding">
@@ -98,6 +99,7 @@ export default {
    </div>
  </div>
 </template>
+
 <style lang="scss" scoped>
 .onboarding-wrap {
  display: flex;
@@ -152,6 +152,7 @@ export default {
    </div>
  </div>
 </template>
+
 <style lang="scss" scoped>
 .input-group-wrap .message {
  @apply text-sm text-red-500 dark:text-red-500;
@@ -71,6 +71,7 @@ export default {
    </template>
  </MentionBox>
 </template>
+
 <style scoped>
 .variable--list-label {
  font-weight: var(--font-weight-bold);
@@ -36,6 +36,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <BubbleImage
    v-if="!hasImgStoryError"
@@ -25,6 +25,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <blockquote
    class="my-0 px-2 pb-0 pt-0 border-l-4 border-solid border-slate-75 dark:border-slate-600 text-slate-600 dark:text-slate-200"
@@ -30,6 +30,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <DyteVideoCall
    v-if="showDyteIntegration"
@@ -75,6 +75,7 @@ export default {
    </div>
  </div>
 </template>
+
 <style lang="scss" scoped>
 .message__mail-head {
  padding-bottom: var(--space-small);
@@ -114,6 +114,7 @@ export default {
    />
  </div>
 </template>
+
 <style lang="scss">
 .text-content {
  overflow: auto;
@@ -25,6 +25,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <woot-modal
    modal-type="right-aligned"
@@ -41,6 +41,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div>
    <woot-button
@@ -71,6 +72,7 @@ export default {
    </div>
  </div>
 </template>
+
 <style lang="scss">
 .join-call-button {
  margin: var(--space-small) 0;
@@ -14,6 +14,7 @@ defineProps({
 const formatDate = timestamp =>
  format(fromUnixTime(timestamp), 'MMM dd, yyyy, hh:mm a');
 </script>
+
 <template>
  <div class="flex justify-between w-full">
    <span
@@ -37,6 +37,7 @@ const toggleShowAllNRT = () => {
  shouldShowAllNrts.value = !shouldShowAllNrts.value;
 };
 </script>
+
 <template>
  <div
    class="absolute flex flex-col items-start bg-white dark:bg-slate-800 z-50 p-4 border border-solid border-slate-75 dark:border-slate-700 w-[384px] rounded-xl gap-4 max-h-96 overflow-auto"
@@ -60,6 +60,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <div
    v-if="activeLabels.length || $slots.before"
@@ -47,6 +47,7 @@ const onClickTabChange = index => {
  selectedTabIndex.value = index;
 };
 </script>
+
 <template>
  <div class="flex flex-col h-auto overflow-auto">
    <woot-modal-header
@@ -65,6 +65,7 @@ export default {
    <slot name="masked" />
  </label>
 </template>
+
 <style scoped lang="scss">
 .help-text {
  @apply mt-0.5 text-xs not-italic text-slate-600 dark:text-slate-400;
@@ -49,6 +49,7 @@ export default {
  },
 };
 </script>
+
 <template>
  <Modal :show.sync="show" :on-close="cancel">
    <div class="h-auto overflow-auto flex flex-col">
@@ -41,6 +41,7 @@ export default {
    </div>
  </Modal>
 </template>
+
 <style lang="scss" scoped>
 .action-button {
  max-width: var(--space-giga);
@@ -112,6 +112,7 @@ export default {
    </div>
  </woot-modal>
 </template>
+
 <style scoped>
 .key {
  @apply py-2 px-2.5 font-semibold text-xs text-slate-700 dark:text-slate-100 bg-slate-75 dark:bg-slate-900 shadow border-b-2 rtl:border-l-2 ltr:border-r-2 border-slate-200 dark:border-slate-700;