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

app/javascript/widget/components/ArticleCategoryCard.vue

@@ -42,6 +42,7 @@ export default {
     </button>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .see-articles {
   color: var(--brand-textButtonClear);

app/javascript/widget/components/ChatFooter.vue

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

app/javascript/widget/components/Form/Input.vue

@@ -56,6 +56,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <label class="block">
     <div

app/javascript/widget/components/Form/PhoneInput.vue

@@ -306,6 +306,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 @import '~widget/assets/scss/variables.scss';
 .phone-input--wrap {

app/javascript/widget/components/Form/TextArea.vue

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

app/javascript/widget/components/HeaderActions.vue

@@ -76,6 +76,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div v-if="showHeaderActions" class="actions flex items-center">
     <button
@@ -120,6 +121,7 @@ export default {
     </button>
   </div>
 </template>
+
 <style scoped lang="scss">
 @import '~widget/assets/scss/variables.scss';
 

app/javascript/widget/components/ImageBubble.vue

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

app/javascript/widget/components/PreChat/Form.vue

@@ -316,6 +316,7 @@ export default {
     </CustomButton>
   </FormulateForm>
 </template>
+
 <style lang="scss" scoped>
 @import '~widget/assets/scss/variables.scss';
 ::v-deep {

app/javascript/widget/components/UnreadMessage.vue

@@ -105,6 +105,7 @@ export default {
     </button>
   </div>
 </template>
+
 <style lang="scss" scoped>
 @import '~widget/assets/scss/variables.scss';
 .chat-bubble {

app/javascript/widget/components/UnreadMessageList.vue

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

app/javascript/widget/components/UserAvatar.vue

@@ -23,6 +23,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="user-avatar" :class="size" :style="getBgImage" />
 </template>

app/javascript/widget/components/VideoBubble.vue

@@ -10,6 +10,7 @@ const onVideoError = () => {
   emits('error');
 };
 </script>
+
 <template>
   <div class="block relative max-w-full">
     <video

app/javascript/widget/components/dropdown/DropdownMenu.vue

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

app/javascript/widget/components/dropdown/DropdownMenuItem.vue

@@ -40,6 +40,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <button :class="['menu-item', itemClass]" @click="action">
     <FluentIcon
@@ -51,6 +52,7 @@ export default {
     <span :class="[{ 'pl-3': icon }, textClass]">{{ text }}</span>
   </button>
 </template>
+
 <style scoped lang="scss">
 @import '~widget/assets/scss/variables.scss';
 

app/javascript/widget/components/layouts/ViewWithHeader.vue

@@ -101,6 +101,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="w-full h-full bg-slate-25 dark:bg-slate-800"

app/javascript/widget/components/template/IntegrationCard.vue

@@ -52,6 +52,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div>
     <button
@@ -82,6 +83,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 @import '~widget/assets/scss/variables.scss';