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

app/javascript/shared/components/Button.vue

@@ -55,6 +55,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <button
     :class="buttonClassName"

app/javascript/shared/components/CardButton.vue

@@ -27,6 +27,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <a
     v-if="isLink"

app/javascript/shared/components/ChatOptions.vue

@@ -71,6 +71,7 @@ export default {
   }
 }
 </style>
+
 <style scoped lang="scss">
 @import '~widget/assets/scss/variables.scss';
 

app/javascript/shared/components/FluentIcon/DashboardIcon.vue

@@ -34,6 +34,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <BaseIcon
     :size="size"

app/javascript/shared/components/FluentIcon/Icon.vue

@@ -39,6 +39,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <svg
     v-if="iconLib === 'fluent'"

app/javascript/shared/components/FluentIcon/Index.vue

@@ -34,6 +34,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <BaseIcon
     :size="size"

app/javascript/shared/components/Spinner.vue

@@ -29,9 +29,11 @@ export default {
   },
 };
 </script>
+
 <template>
   <span class="spinner" :class="`${size} ${colorSchemeClasses}`" />
 </template>
+
 <style scoped lang="scss">
 @import '~widget/assets/scss/variables';
 

app/javascript/shared/components/TextArea.vue

@@ -29,6 +29,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <label class="block">
     <div
@@ -57,6 +58,7 @@ export default {
     </div>
   </label>
 </template>
+
 <style lang="scss" scoped>
 textarea {
   min-height: 8rem;

app/javascript/shared/components/emoji/EmojiInput.vue

@@ -181,6 +181,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style scoped>
 @tailwind components;
 @layer components {
@@ -197,6 +198,7 @@ export default {
   }
 }
 </style>
+
 <style lang="scss">
 @import '~dashboard/assets/scss/mixins';
 

app/javascript/shared/components/ui/dropdown/DropdownDivider.vue

@@ -1,6 +1,7 @@
 <script>
 export default {};
 </script>
+
 <template>
   <li
     class="list-none my-1 mx-0 border-b border-slate-50 dark:border-slate-700"

app/javascript/shared/components/ui/dropdown/DropdownHeader.vue

@@ -9,6 +9,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <li class="inline-flex list-none" :tabindex="null" :aria-disabled="true">
     <span

app/javascript/shared/components/ui/dropdown/DropdownItem.vue

@@ -14,6 +14,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <li
     class="dropdown-menu__item list-none mb-1"
@@ -26,6 +27,7 @@ export default {
     <slot />
   </li>
 </template>
+
 <style lang="scss" scoped>
 .dropdown-menu__item {
   ::v-deep {

app/javascript/shared/components/ui/dropdown/DropdownMenu.vue

@@ -50,6 +50,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <ul
     ref="dropdownMenu"

app/javascript/shared/components/ui/dropdown/DropdownSubMenu.vue

@@ -16,6 +16,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <li class="sub-menu-container">
     <ul class="sub-menu-li-container">
@@ -24,6 +25,7 @@ export default {
     </ul>
   </li>
 </template>
+
 <style lang="scss" scoped>
 .sub-menu-container {
   margin-top: var(--space-micro);