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
@@ -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