From 29007de11280200330a65dcfd2088d48c3cfa7a8 Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Fri, 26 Jul 2024 11:52:27 +0530
Subject: [PATCH] fix: apply ESLint rule vue/padding-line-between-blocks

---
 .eslintrc.js                                                    | 1 +
 app/javascript/dashboard/components/ChatList.vue                | 1 +
 app/javascript/dashboard/components/CustomSnoozeModal.vue       | 1 +
 app/javascript/dashboard/components/app/UpdateBanner.vue        | 1 +
 app/javascript/dashboard/components/base/Hotkey.vue             | 1 +
 .../dashboard/components/buttons/FormSubmitButton.vue           | 1 +
 app/javascript/dashboard/components/buttons/ResolveAction.vue   | 1 +
 .../components/layout/sidebarComponents/AccountContext.vue      | 2 ++
 .../components/layout/sidebarComponents/AgentDetails.vue        | 1 +
 .../dashboard/components/layout/sidebarComponents/Logo.vue      | 1 +
 .../components/layout/sidebarComponents/NotificationBell.vue    | 1 +
 .../dashboard/components/layout/sidebarComponents/Primary.vue   | 1 +
 .../components/layout/sidebarComponents/PrimaryNavItem.vue      | 1 +
 .../dashboard/components/layout/sidebarComponents/Secondary.vue | 1 +
 .../layout/sidebarComponents/SecondaryChildNavItem.vue          | 1 +
 app/javascript/dashboard/components/ui/AnnouncementPopup.vue    | 1 +
 app/javascript/dashboard/components/ui/ContextMenu.vue          | 1 +
 .../dashboard/components/ui/Dropdown/DropdownButton.vue         | 1 +
 .../dashboard/components/ui/Dropdown/DropdownEmptyState.vue     | 1 +
 .../dashboard/components/ui/Dropdown/DropdownList.vue           | 1 +
 .../dashboard/components/ui/Dropdown/DropdownListItemButton.vue | 1 +
 .../dashboard/components/ui/Dropdown/DropdownLoadingState.vue   | 1 +
 .../dashboard/components/ui/Dropdown/DropdownSearch.vue         | 1 +
 app/javascript/dashboard/components/ui/HelperTextPopup.vue      | 1 +
 app/javascript/dashboard/components/ui/Label.vue                | 1 +
 app/javascript/dashboard/components/ui/Switch.vue               | 1 +
 app/javascript/dashboard/components/ui/Tabs/TabsItem.vue        | 1 +
 app/javascript/dashboard/components/ui/Wizard.vue               | 1 +
 app/javascript/dashboard/components/ui/WootButton.vue           | 1 +
 .../dashboard/components/widgets/AIAssistanceButton.vue         | 1 +
 .../dashboard/components/widgets/AIAssistanceCTAButton.vue      | 2 ++
 app/javascript/dashboard/components/widgets/ChannelItem.vue     | 1 +
 app/javascript/dashboard/components/widgets/ChatTypeTabs.vue    | 1 +
 app/javascript/dashboard/components/widgets/FeatureToggle.vue   | 1 +
 .../dashboard/components/widgets/FilterInput/Index.vue          | 1 +
 app/javascript/dashboard/components/widgets/InboxName.vue       | 1 +
 app/javascript/dashboard/components/widgets/LoadingState.vue    | 1 +
 app/javascript/dashboard/components/widgets/ShowMore.vue        | 2 ++
 app/javascript/dashboard/components/widgets/TableHeaderCell.vue | 1 +
 app/javascript/dashboard/components/widgets/Thumbnail.vue       | 1 +
 app/javascript/dashboard/components/widgets/ThumbnailGroup.vue  | 1 +
 .../dashboard/components/widgets/UserAvatarWithName.vue         | 1 +
 app/javascript/dashboard/components/widgets/VideoCallButton.vue | 1 +
 .../components/widgets/conversation/AvailabilityStatusBadge.vue | 2 ++
 .../widgets/conversation/ConversationAdvancedFilter.vue         | 1 +
 .../components/widgets/conversation/ConversationBasicFilter.vue | 1 +
 .../components/widgets/conversation/ConversationBox.vue         | 2 ++
 .../components/widgets/conversation/ConversationCard.vue        | 2 ++
 .../components/widgets/conversation/ConversationHeader.vue      | 1 +
 .../components/widgets/conversation/EmptyState/EmptyState.vue   | 1 +
 .../dashboard/components/widgets/conversation/FilterItem.vue    | 1 +
 .../dashboard/components/widgets/conversation/Message.vue       | 2 ++
 .../dashboard/components/widgets/conversation/MoreActions.vue   | 2 ++
 .../components/widgets/conversation/OnboardingView.vue          | 2 ++
 .../components/widgets/conversation/ReplyEmailHead.vue          | 1 +
 .../dashboard/components/widgets/conversation/VariableList.vue  | 1 +
 .../components/widgets/conversation/bubble/InstagramStory.vue   | 1 +
 .../widgets/conversation/bubble/InstagramStoryReply.vue         | 1 +
 .../components/widgets/conversation/bubble/Integration.vue      | 1 +
 .../components/widgets/conversation/bubble/MailHead.vue         | 1 +
 .../dashboard/components/widgets/conversation/bubble/Text.vue   | 1 +
 .../components/widgets/conversation/bubble/TranslateModal.vue   | 1 +
 .../widgets/conversation/bubble/integrations/Dyte.vue           | 2 ++
 .../components/widgets/conversation/components/SLAEventItem.vue | 1 +
 .../widgets/conversation/components/SLAPopoverCard.vue          | 1 +
 .../conversation/conversationCardComponents/CardLabels.vue      | 1 +
 .../widgets/conversation/linear/CreateOrLinkIssue.vue           | 1 +
 app/javascript/dashboard/components/widgets/forms/Input.vue     | 1 +
 .../dashboard/components/widgets/modal/ConfirmationModal.vue    | 1 +
 .../dashboard/components/widgets/modal/DeleteModal.vue          | 1 +
 .../dashboard/components/widgets/modal/WootKeyShortcutModal.vue | 1 +
 .../dashboard/modules/contact/components/ContactFields.vue      | 1 +
 .../dashboard/modules/contact/components/ContactIntro.vue       | 1 +
 .../dashboard/modules/contact/components/ContactPanel.vue       | 1 +
 .../modules/conversations/components/MessageContextMenu.vue     | 2 ++
 .../dashboard/modules/search/components/SearchInput.vue         | 1 +
 .../dashboard/modules/search/components/SearchTabs.vue          | 1 +
 .../dashboard/contacts/components/ContactsAdvancedFilters.vue   | 1 +
 .../routes/dashboard/conversation/ConversationInfo.vue          | 1 +
 .../routes/dashboard/conversation/ConversationParticipant.vue   | 1 +
 .../routes/dashboard/conversation/ConversationView.vue          | 1 +
 .../dashboard/routes/dashboard/conversation/Macros/List.vue     | 2 ++
 .../routes/dashboard/conversation/contact/ContactInfo.vue       | 1 +
 .../routes/dashboard/conversation/contact/ContactInfoRow.vue    | 1 +
 .../routes/dashboard/conversation/search/PopOverSearch.vue      | 1 +
 .../routes/dashboard/helpcenter/components/AddLocale.vue        | 1 +
 .../helpcenter/components/ArticleSearch/SearchResults.vue       | 1 +
 .../routes/dashboard/helpcenter/components/ArticleTable.vue     | 1 +
 .../routes/dashboard/helpcenter/components/HelpCenterLayout.vue | 1 +
 .../dashboard/helpcenter/pages/categories/AddCategory.vue       | 1 +
 .../dashboard/helpcenter/pages/categories/EditCategory.vue      | 1 +
 .../routes/dashboard/helpcenter/pages/portals/EditPortal.vue    | 1 +
 .../routes/dashboard/inbox/components/InboxNameAndId.vue        | 1 +
 .../dashboard/routes/dashboard/inbox/components/MenuItem.vue    | 1 +
 .../routes/dashboard/inbox/components/PaginationButton.vue      | 1 +
 .../dashboard/routes/dashboard/settings/SettingsHeader.vue      | 1 +
 .../dashboard/routes/dashboard/settings/SettingsLayout.vue      | 1 +
 .../dashboard/routes/dashboard/settings/agentBots/Index.vue     | 1 +
 .../dashboard/settings/agentBots/components/AgentBotRow.vue     | 2 ++
 .../dashboard/settings/agentBots/components/AgentBotType.vue    | 2 ++
 .../settings/agentBots/components/CSMLMonacoEditor.vue          | 1 +
 .../dashboard/routes/dashboard/settings/agentBots/csml/Edit.vue | 1 +
 .../dashboard/routes/dashboard/settings/agents/Index.vue        | 1 +
 .../routes/dashboard/settings/attributes/AddAttribute.vue       | 1 +
 .../routes/dashboard/settings/attributes/EditAttribute.vue      | 1 +
 .../dashboard/routes/dashboard/settings/auditlogs/Index.vue     | 1 +
 .../routes/dashboard/settings/automation/EditAutomationRule.vue | 1 +
 .../dashboard/routes/dashboard/settings/automation/Index.vue    | 1 +
 .../dashboard/settings/billing/components/BillingItem.vue       | 1 +
 .../routes/dashboard/settings/campaigns/AddCampaign.vue         | 1 +
 .../dashboard/routes/dashboard/settings/campaigns/Campaign.vue  | 1 +
 .../routes/dashboard/settings/campaigns/EditCampaign.vue        | 1 +
 .../dashboard/routes/dashboard/settings/canned/EditCanned.vue   | 1 +
 .../dashboard/routes/dashboard/settings/canned/Index.vue        | 1 +
 .../dashboard/settings/components/BaseSettingsListItem.vue      | 1 +
 .../dashboard/routes/dashboard/settings/inbox/Index.vue         | 1 +
 .../dashboard/settings/inbox/PreChatForm/PreChatFields.vue      | 1 +
 .../routes/dashboard/settings/inbox/PreChatForm/Settings.vue    | 2 ++
 .../routes/dashboard/settings/inbox/channels/Email.vue          | 1 +
 .../routes/dashboard/settings/inbox/channels/Facebook.vue       | 1 +
 .../routes/dashboard/settings/inbox/channels/Twilio.vue         | 1 +
 .../routes/dashboard/settings/inbox/channels/Twitter.vue        | 2 ++
 .../dashboard/settings/inbox/channels/emailChannels/Google.vue  | 1 +
 .../settings/inbox/channels/emailChannels/OAuthChannel.vue      | 1 +
 .../routes/dashboard/settings/inbox/components/BusinessDay.vue  | 1 +
 .../settings/inbox/components/SingleSelectDropdown.vue          | 1 +
 .../dashboard/settings/inbox/components/WeeklyAvailability.vue  | 1 +
 .../dashboard/settings/inbox/settingsPage/ConfigurationPage.vue | 1 +
 .../routes/dashboard/settings/integrations/Integration.vue      | 1 +
 .../routes/dashboard/settings/integrations/IntegrationHooks.vue | 1 +
 .../routes/dashboard/settings/integrations/IntegrationItem.vue  | 1 +
 .../settings/integrations/MultipleIntegrationHooks.vue          | 1 +
 .../routes/dashboard/settings/integrations/NewHook.vue          | 1 +
 .../routes/dashboard/settings/integrations/ShowIntegration.vue  | 1 +
 .../dashboard/settings/integrations/SingleIntegrationHooks.vue  | 1 +
 .../dashboard/routes/dashboard/settings/integrations/Slack.vue  | 1 +
 .../settings/integrations/Slack/SelectChannelWarning.vue        | 1 +
 .../settings/integrations/Slack/SlackIntegrationHelpText.vue    | 1 +
 .../routes/dashboard/settings/integrations/Webhooks/Index.vue   | 1 +
 .../dashboard/settings/integrations/Webhooks/WebhookForm.vue    | 1 +
 .../dashboard/settings/integrations/Webhooks/WebhookRow.vue     | 1 +
 .../dashboard/routes/dashboard/settings/labels/AddLabel.vue     | 1 +
 .../dashboard/routes/dashboard/settings/labels/EditLabel.vue    | 1 +
 .../dashboard/routes/dashboard/settings/labels/Index.vue        | 1 +
 .../dashboard/routes/dashboard/settings/profile/AccessToken.vue | 1 +
 .../routes/dashboard/settings/profile/AudioAlertCondition.vue   | 1 +
 .../routes/dashboard/settings/profile/AudioAlertTone.vue        | 1 +
 .../dashboard/routes/dashboard/settings/profile/Index.vue       | 1 +
 .../routes/dashboard/settings/profile/MessageSignature.vue      | 1 +
 .../routes/dashboard/settings/profile/UserBasicDetails.vue      | 1 +
 .../routes/dashboard/settings/profile/UserProfilePicture.vue    | 1 +
 .../dashboard/routes/dashboard/settings/reports/BotReports.vue  | 1 +
 .../routes/dashboard/settings/reports/CsatResponses.vue         | 1 +
 .../dashboard/routes/dashboard/settings/reports/LiveReports.vue | 1 +
 .../dashboard/routes/dashboard/settings/reports/SLAReports.vue  | 1 +
 .../settings/reports/components/ChartElements/ChartStats.vue    | 1 +
 .../routes/dashboard/settings/reports/components/CsatTable.vue  | 2 ++
 .../dashboard/settings/reports/components/FilterSelector.vue    | 1 +
 .../dashboard/settings/reports/components/Filters/Agents.vue    | 1 +
 .../dashboard/settings/reports/components/Filters/Inboxes.vue   | 1 +
 .../dashboard/settings/reports/components/Filters/Labels.vue    | 1 +
 .../dashboard/settings/reports/components/Filters/Teams.vue     | 1 +
 .../dashboard/settings/reports/components/ReportFilters.vue     | 1 +
 .../dashboard/settings/reports/components/SLA/SLAMetricCard.vue | 1 +
 .../settings/reports/components/SLA/SLAReportFilters.vue        | 1 +
 .../settings/reports/components/overview/MetricCard.vue         | 2 ++
 .../dashboard/routes/dashboard/settings/sla/Index.vue           | 1 +
 .../dashboard/settings/sla/components/SLABusinessHoursLabel.vue | 1 +
 .../routes/dashboard/settings/sla/components/SLAHeader.vue      | 1 +
 .../routes/dashboard/settings/sla/components/SLAListItem.vue    | 1 +
 .../dashboard/settings/sla/components/SLAListItemLoading.vue    | 1 +
 .../dashboard/settings/sla/components/SLAResponseTime.vue       | 1 +
 .../dashboard/routes/dashboard/settings/teams/Index.vue         | 2 ++
 app/javascript/portal/components/TableOfContents.vue            | 1 +
 app/javascript/shared/components/Button.vue                     | 1 +
 app/javascript/shared/components/CardButton.vue                 | 1 +
 app/javascript/shared/components/ChatOptions.vue                | 1 +
 app/javascript/shared/components/FluentIcon/DashboardIcon.vue   | 1 +
 app/javascript/shared/components/FluentIcon/Icon.vue            | 1 +
 app/javascript/shared/components/FluentIcon/Index.vue           | 1 +
 app/javascript/shared/components/Spinner.vue                    | 2 ++
 app/javascript/shared/components/TextArea.vue                   | 2 ++
 app/javascript/shared/components/emoji/EmojiInput.vue           | 2 ++
 .../shared/components/ui/dropdown/DropdownDivider.vue           | 1 +
 app/javascript/shared/components/ui/dropdown/DropdownHeader.vue | 1 +
 app/javascript/shared/components/ui/dropdown/DropdownItem.vue   | 2 ++
 app/javascript/shared/components/ui/dropdown/DropdownMenu.vue   | 1 +
 .../shared/components/ui/dropdown/DropdownSubMenu.vue           | 2 ++
 app/javascript/v3/App.vue                                       | 2 ++
 app/javascript/v3/components/Divider/SimpleDivider.vue          | 1 +
 app/javascript/v3/components/Form/Button.vue                    | 1 +
 app/javascript/v3/components/Form/Input.vue                     | 1 +
 app/javascript/v3/components/Form/ProfileAvatar.vue             | 1 +
 app/javascript/v3/components/Form/Select.vue                    | 1 +
 app/javascript/v3/components/Form/Textarea.vue                  | 1 +
 app/javascript/v3/components/Form/WithLabel.vue                 | 1 +
 app/javascript/v3/views/auth/confirmation/Index.vue             | 1 +
 app/javascript/v3/views/auth/signup/components/Signup/Form.vue  | 1 +
 .../auth/signup/components/Testimonials/TestimonialCard.vue     | 1 +
 app/javascript/v3/views/onboarding/OnboardingStep.vue           | 1 +
 app/javascript/widget/components/ArticleCategoryCard.vue        | 1 +
 app/javascript/widget/components/ChatFooter.vue                 | 1 +
 app/javascript/widget/components/Form/Input.vue                 | 1 +
 app/javascript/widget/components/Form/PhoneInput.vue            | 1 +
 app/javascript/widget/components/Form/TextArea.vue              | 2 ++
 app/javascript/widget/components/HeaderActions.vue              | 2 ++
 app/javascript/widget/components/ImageBubble.vue                | 1 +
 app/javascript/widget/components/PreChat/Form.vue               | 1 +
 app/javascript/widget/components/UnreadMessage.vue              | 1 +
 app/javascript/widget/components/UnreadMessageList.vue          | 1 +
 app/javascript/widget/components/UserAvatar.vue                 | 1 +
 app/javascript/widget/components/VideoBubble.vue                | 1 +
 app/javascript/widget/components/dropdown/DropdownMenu.vue      | 1 +
 app/javascript/widget/components/dropdown/DropdownMenuItem.vue  | 2 ++
 app/javascript/widget/components/layouts/ViewWithHeader.vue     | 1 +
 app/javascript/widget/components/template/IntegrationCard.vue   | 2 ++
 app/javascript/widget/views/Messages.vue                        | 1 +
 app/javascript/widget/views/PreChatForm.vue                     | 1 +
 218 files changed, 247 insertions(+)

diff --git a/.eslintrc.js b/.eslintrc.js
index 6a91ef912..d95433458 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -158,6 +158,7 @@ module.exports = {
       },
     ],
     'vue/no-v-text': 'error',
+    'vue/padding-line-between-blocks': ['error', 'always'],
     'vue/max-attributes-per-line': [
       'error',
       {
diff --git a/app/javascript/dashboard/components/ChatList.vue b/app/javascript/dashboard/components/ChatList.vue
index 6ab310b11..47dc79bb7 100644
--- a/app/javascript/dashboard/components/ChatList.vue
+++ b/app/javascript/dashboard/components/ChatList.vue
@@ -980,6 +980,7 @@ export default {
     </woot-modal>
   </div>
 </template>
+
 <style scoped>
 @tailwind components;
 @layer components {
diff --git a/app/javascript/dashboard/components/CustomSnoozeModal.vue b/app/javascript/dashboard/components/CustomSnoozeModal.vue
index 76330fe55..4b5a41951 100644
--- a/app/javascript/dashboard/components/CustomSnoozeModal.vue
+++ b/app/javascript/dashboard/components/CustomSnoozeModal.vue
@@ -64,6 +64,7 @@ export default {
     </form>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .modal-content {
   @apply pt-2 px-5 pb-6;
diff --git a/app/javascript/dashboard/components/app/UpdateBanner.vue b/app/javascript/dashboard/components/app/UpdateBanner.vue
index bc71d6977..382b3c3f8 100644
--- a/app/javascript/dashboard/components/app/UpdateBanner.vue
+++ b/app/javascript/dashboard/components/app/UpdateBanner.vue
@@ -66,6 +66,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <Banner
     v-if="shouldShowBanner"
diff --git a/app/javascript/dashboard/components/base/Hotkey.vue b/app/javascript/dashboard/components/base/Hotkey.vue
index 7e3bab572..a02839111 100644
--- a/app/javascript/dashboard/components/base/Hotkey.vue
+++ b/app/javascript/dashboard/components/base/Hotkey.vue
@@ -8,6 +8,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <kbd class="hotkey p-0.5 min-w-[1rem] uppercase" :class="customClass">
     <slot />
diff --git a/app/javascript/dashboard/components/buttons/FormSubmitButton.vue b/app/javascript/dashboard/components/buttons/FormSubmitButton.vue
index 446f16ebf..b29b6b538 100644
--- a/app/javascript/dashboard/components/buttons/FormSubmitButton.vue
+++ b/app/javascript/dashboard/components/buttons/FormSubmitButton.vue
@@ -61,6 +61,7 @@ export default {
     <Spinner v-if="loading" class="ml-2" :color-scheme="spinnerClass" />
   </button>
 </template>
+
 <style lang="scss" scoped>
 button:disabled {
   @apply bg-woot-100 dark:bg-woot-500/25 dark:text-slate-500 opacity-100;
diff --git a/app/javascript/dashboard/components/buttons/ResolveAction.vue b/app/javascript/dashboard/components/buttons/ResolveAction.vue
index 9c7f22c3e..a73f82600 100644
--- a/app/javascript/dashboard/components/buttons/ResolveAction.vue
+++ b/app/javascript/dashboard/components/buttons/ResolveAction.vue
@@ -220,6 +220,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .dropdown-pane {
   @apply left-auto top-[2.625rem] mt-0.5 right-0 max-w-[12.5rem] min-w-[9.75rem];
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/AccountContext.vue b/app/javascript/dashboard/components/layout/sidebarComponents/AccountContext.vue
index a85eac5d6..4a000a447 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/AccountContext.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/AccountContext.vue
@@ -24,6 +24,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     v-if="showShowCurrentAccountContext"
@@ -56,6 +57,7 @@ export default {
     </transition>
   </div>
 </template>
+
 <style scoped>
 @tailwind components;
 @layer components {
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/AgentDetails.vue b/app/javascript/dashboard/components/layout/sidebarComponents/AgentDetails.vue
index e0bbd0014..ff526533f 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/AgentDetails.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/AgentDetails.vue
@@ -22,6 +22,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <woot-button
     v-tooltip.right="$t(`SIDEBAR.PROFILE_SETTINGS`)"
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/Logo.vue b/app/javascript/dashboard/components/layout/sidebarComponents/Logo.vue
index 4faea3926..38615fff0 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/Logo.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/Logo.vue
@@ -23,6 +23,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="w-8 h-8">
     <router-link :to="dashboardPath" replace>
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/NotificationBell.vue b/app/javascript/dashboard/components/layout/sidebarComponents/NotificationBell.vue
index f2cbbf779..2346c3dec 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/NotificationBell.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/NotificationBell.vue
@@ -29,6 +29,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="mb-4">
     <button
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/Primary.vue b/app/javascript/dashboard/components/layout/sidebarComponents/Primary.vue
index b73dc40c2..26161fbc3 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/Primary.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/Primary.vue
@@ -66,6 +66,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="flex flex-col justify-between w-16 h-full bg-white border-r dark:bg-slate-900 border-slate-50 dark:border-slate-800/50 rtl:border-l rtl:border-r-0"
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/PrimaryNavItem.vue b/app/javascript/dashboard/components/layout/sidebarComponents/PrimaryNavItem.vue
index 579c290ed..8951f946c 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/PrimaryNavItem.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/PrimaryNavItem.vue
@@ -28,6 +28,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <router-link v-slot="{ href, isActive, navigate }" :to="to" custom>
     <a
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue b/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue
index 6faaa0199..6de03af53 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue
@@ -234,6 +234,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     v-if="hasSecondaryMenu"
diff --git a/app/javascript/dashboard/components/layout/sidebarComponents/SecondaryChildNavItem.vue b/app/javascript/dashboard/components/layout/sidebarComponents/SecondaryChildNavItem.vue
index 4c105f8cb..f8f75ffe7 100644
--- a/app/javascript/dashboard/components/layout/sidebarComponents/SecondaryChildNavItem.vue
+++ b/app/javascript/dashboard/components/layout/sidebarComponents/SecondaryChildNavItem.vue
@@ -49,6 +49,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <router-link
     v-slot="{ href, isActive, navigate }"
diff --git a/app/javascript/dashboard/components/ui/AnnouncementPopup.vue b/app/javascript/dashboard/components/ui/AnnouncementPopup.vue
index ab3973c39..5d49bc786 100644
--- a/app/javascript/dashboard/components/ui/AnnouncementPopup.vue
+++ b/app/javascript/dashboard/components/ui/AnnouncementPopup.vue
@@ -28,6 +28,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="announcement-popup">
     <span v-if="popupMessage" class="popup-content">
diff --git a/app/javascript/dashboard/components/ui/ContextMenu.vue b/app/javascript/dashboard/components/ui/ContextMenu.vue
index 0bd2f370c..acf9ab23b 100644
--- a/app/javascript/dashboard/components/ui/ContextMenu.vue
+++ b/app/javascript/dashboard/components/ui/ContextMenu.vue
@@ -30,6 +30,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="fixed outline-none z-[9999] cursor-pointer"
diff --git a/app/javascript/dashboard/components/ui/Dropdown/DropdownButton.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownButton.vue
index 3bbfb415c..fecfd5b6f 100644
--- a/app/javascript/dashboard/components/ui/Dropdown/DropdownButton.vue
+++ b/app/javascript/dashboard/components/ui/Dropdown/DropdownButton.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/ui/Dropdown/DropdownEmptyState.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownEmptyState.vue
index ccf9b2b1e..9c8e7155a 100644
--- a/app/javascript/dashboard/components/ui/Dropdown/DropdownEmptyState.vue
+++ b/app/javascript/dashboard/components/ui/Dropdown/DropdownEmptyState.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/ui/Dropdown/DropdownList.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownList.vue
index 24052ac66..f58b1c40d 100644
--- a/app/javascript/dashboard/components/ui/Dropdown/DropdownList.vue
+++ b/app/javascript/dashboard/components/ui/Dropdown/DropdownList.vue
@@ -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]"
diff --git a/app/javascript/dashboard/components/ui/Dropdown/DropdownListItemButton.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownListItemButton.vue
index f9a90297d..9cabd5117 100644
--- a/app/javascript/dashboard/components/ui/Dropdown/DropdownListItemButton.vue
+++ b/app/javascript/dashboard/components/ui/Dropdown/DropdownListItemButton.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/ui/Dropdown/DropdownLoadingState.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownLoadingState.vue
index ccf9b2b1e..9c8e7155a 100644
--- a/app/javascript/dashboard/components/ui/Dropdown/DropdownLoadingState.vue
+++ b/app/javascript/dashboard/components/ui/Dropdown/DropdownLoadingState.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/ui/Dropdown/DropdownSearch.vue b/app/javascript/dashboard/components/ui/Dropdown/DropdownSearch.vue
index c153a82a7..53611208c 100644
--- a/app/javascript/dashboard/components/ui/Dropdown/DropdownSearch.vue
+++ b/app/javascript/dashboard/components/ui/Dropdown/DropdownSearch.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/ui/HelperTextPopup.vue b/app/javascript/dashboard/components/ui/HelperTextPopup.vue
index fb14692f6..eed0e2755 100644
--- a/app/javascript/dashboard/components/ui/HelperTextPopup.vue
+++ b/app/javascript/dashboard/components/ui/HelperTextPopup.vue
@@ -6,6 +6,7 @@ defineProps({
   },
 });
 </script>
+
 <template>
   <div class="relative group w-[inherit] whitespace-normal z-20">
     <fluent-icon
diff --git a/app/javascript/dashboard/components/ui/Label.vue b/app/javascript/dashboard/components/ui/Label.vue
index ca07efaaa..4bdac728d 100644
--- a/app/javascript/dashboard/components/ui/Label.vue
+++ b/app/javascript/dashboard/components/ui/Label.vue
@@ -79,6 +79,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="inline-flex ltr:mr-1 rtl:ml-1 mb-1"
diff --git a/app/javascript/dashboard/components/ui/Switch.vue b/app/javascript/dashboard/components/ui/Switch.vue
index e7d7e1ced..c86582fc6 100644
--- a/app/javascript/dashboard/components/ui/Switch.vue
+++ b/app/javascript/dashboard/components/ui/Switch.vue
@@ -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;
diff --git a/app/javascript/dashboard/components/ui/Tabs/TabsItem.vue b/app/javascript/dashboard/components/ui/Tabs/TabsItem.vue
index 84c4ba33b..4fdcfab09 100644
--- a/app/javascript/dashboard/components/ui/Tabs/TabsItem.vue
+++ b/app/javascript/dashboard/components/ui/Tabs/TabsItem.vue
@@ -44,6 +44,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <li
     :class="{
diff --git a/app/javascript/dashboard/components/ui/Wizard.vue b/app/javascript/dashboard/components/ui/Wizard.vue
index 617b6e5be..a733b7c45 100644
--- a/app/javascript/dashboard/components/ui/Wizard.vue
+++ b/app/javascript/dashboard/components/ui/Wizard.vue
@@ -65,6 +65,7 @@ export default {
     </div>
   </transition-group>
 </template>
+
 <style lang="scss" scoped>
 .wizard-box {
   .item {
diff --git a/app/javascript/dashboard/components/ui/WootButton.vue b/app/javascript/dashboard/components/ui/WootButton.vue
index 1657c45b5..8b3c789e7 100644
--- a/app/javascript/dashboard/components/ui/WootButton.vue
+++ b/app/javascript/dashboard/components/ui/WootButton.vue
@@ -103,6 +103,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <button
     class="button"
diff --git a/app/javascript/dashboard/components/widgets/AIAssistanceButton.vue b/app/javascript/dashboard/components/widgets/AIAssistanceButton.vue
index 5939ac424..4fee4d27c 100644
--- a/app/javascript/dashboard/components/widgets/AIAssistanceButton.vue
+++ b/app/javascript/dashboard/components/widgets/AIAssistanceButton.vue
@@ -106,6 +106,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div v-if="!isFetchingAppIntegrations">
     <div v-if="isAIIntegrationEnabled" class="relative">
diff --git a/app/javascript/dashboard/components/widgets/AIAssistanceCTAButton.vue b/app/javascript/dashboard/components/widgets/AIAssistanceCTAButton.vue
index 478b6ce5f..fb57232ad 100644
--- a/app/javascript/dashboard/components/widgets/AIAssistanceCTAButton.vue
+++ b/app/javascript/dashboard/components/widgets/AIAssistanceCTAButton.vue
@@ -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 {
diff --git a/app/javascript/dashboard/components/widgets/ChannelItem.vue b/app/javascript/dashboard/components/widgets/ChannelItem.vue
index 6f315e1f7..95bd7d0e1 100644
--- a/app/javascript/dashboard/components/widgets/ChannelItem.vue
+++ b/app/javascript/dashboard/components/widgets/ChannelItem.vue
@@ -57,6 +57,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <ChannelSelector
     :class="{ inactive: !isActive }"
diff --git a/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue b/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue
index 70e3144cc..f4d1a7c60 100644
--- a/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue
+++ b/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue
@@ -41,6 +41,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <woot-tabs :index="activeTabIndex" @change="onTabChange">
     <woot-tabs-item
diff --git a/app/javascript/dashboard/components/widgets/FeatureToggle.vue b/app/javascript/dashboard/components/widgets/FeatureToggle.vue
index 9851f01e4..114922042 100644
--- a/app/javascript/dashboard/components/widgets/FeatureToggle.vue
+++ b/app/javascript/dashboard/components/widgets/FeatureToggle.vue
@@ -18,6 +18,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div v-if="isFeatureEnabled">
     <slot />
diff --git a/app/javascript/dashboard/components/widgets/FilterInput/Index.vue b/app/javascript/dashboard/components/widgets/FilterInput/Index.vue
index b79b9e40c..f57364efe 100644
--- a/app/javascript/dashboard/components/widgets/FilterInput/Index.vue
+++ b/app/javascript/dashboard/components/widgets/FilterInput/Index.vue
@@ -279,6 +279,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .filter__answer--wrap {
   input {
diff --git a/app/javascript/dashboard/components/widgets/InboxName.vue b/app/javascript/dashboard/components/widgets/InboxName.vue
index 9dd0632e8..9a43d5f45 100644
--- a/app/javascript/dashboard/components/widgets/InboxName.vue
+++ b/app/javascript/dashboard/components/widgets/InboxName.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/widgets/LoadingState.vue b/app/javascript/dashboard/components/widgets/LoadingState.vue
index a79a88236..dfba6b43e 100644
--- a/app/javascript/dashboard/components/widgets/LoadingState.vue
+++ b/app/javascript/dashboard/components/widgets/LoadingState.vue
@@ -5,6 +5,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex items-center justify-center p-8">
     <h6
diff --git a/app/javascript/dashboard/components/widgets/ShowMore.vue b/app/javascript/dashboard/components/widgets/ShowMore.vue
index 77c0b71b8..c17c32e2a 100644
--- a/app/javascript/dashboard/components/widgets/ShowMore.vue
+++ b/app/javascript/dashboard/components/widgets/ShowMore.vue
@@ -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);
diff --git a/app/javascript/dashboard/components/widgets/TableHeaderCell.vue b/app/javascript/dashboard/components/widgets/TableHeaderCell.vue
index 192467dec..ce3cb21ac 100644
--- a/app/javascript/dashboard/components/widgets/TableHeaderCell.vue
+++ b/app/javascript/dashboard/components/widgets/TableHeaderCell.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/widgets/Thumbnail.vue b/app/javascript/dashboard/components/widgets/Thumbnail.vue
index 0911bc043..7b222aa7e 100644
--- a/app/javascript/dashboard/components/widgets/Thumbnail.vue
+++ b/app/javascript/dashboard/components/widgets/Thumbnail.vue
@@ -130,6 +130,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     :class="thumbnailBoxClass"
diff --git a/app/javascript/dashboard/components/widgets/ThumbnailGroup.vue b/app/javascript/dashboard/components/widgets/ThumbnailGroup.vue
index 0b27f7c85..0b90704dd 100644
--- a/app/javascript/dashboard/components/widgets/ThumbnailGroup.vue
+++ b/app/javascript/dashboard/components/widgets/ThumbnailGroup.vue
@@ -33,6 +33,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="overlapping-thumbnails">
     <Thumbnail
diff --git a/app/javascript/dashboard/components/widgets/UserAvatarWithName.vue b/app/javascript/dashboard/components/widgets/UserAvatarWithName.vue
index 5ddca9de3..d54e7ea4f 100644
--- a/app/javascript/dashboard/components/widgets/UserAvatarWithName.vue
+++ b/app/javascript/dashboard/components/widgets/UserAvatarWithName.vue
@@ -21,6 +21,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex items-center gap-1.5 text-left">
     <Thumbnail
diff --git a/app/javascript/dashboard/components/widgets/VideoCallButton.vue b/app/javascript/dashboard/components/widgets/VideoCallButton.vue
index 9080a81fa..4f6ebf81d 100644
--- a/app/javascript/dashboard/components/widgets/VideoCallButton.vue
+++ b/app/javascript/dashboard/components/widgets/VideoCallButton.vue
@@ -40,6 +40,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <woot-button
     v-if="isVideoIntegrationEnabled"
diff --git a/app/javascript/dashboard/components/widgets/conversation/AvailabilityStatusBadge.vue b/app/javascript/dashboard/components/widgets/conversation/AvailabilityStatusBadge.vue
index b5f76ae0e..97461667a 100644
--- a/app/javascript/dashboard/components/widgets/conversation/AvailabilityStatusBadge.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/AvailabilityStatusBadge.vue
@@ -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 {
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationAdvancedFilter.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationAdvancedFilter.vue
index 161326d0f..306b3a686 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationAdvancedFilter.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationAdvancedFilter.vue
@@ -362,6 +362,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .folder-input {
   @apply w-[50%];
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationBasicFilter.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationBasicFilter.vue
index 3dd9b7213..9a822ccff 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationBasicFilter.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationBasicFilter.vue
@@ -106,6 +106,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .basic-filter {
   @apply w-52 p-4 top-6;
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
index cc4a23ae2..9f0b6d1d7 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
@@ -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;
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
index 2f4cd1a29..770900179 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
@@ -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 {
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
index ec90095ad..217f9957c 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/widgets/conversation/EmptyState/EmptyState.vue b/app/javascript/dashboard/components/widgets/conversation/EmptyState/EmptyState.vue
index 77e9d4bc0..e3de9eb3f 100644
--- a/app/javascript/dashboard/components/widgets/conversation/EmptyState/EmptyState.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/EmptyState/EmptyState.vue
@@ -60,6 +60,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div :class="emptyClassName">
     <woot-loading-state
diff --git a/app/javascript/dashboard/components/widgets/conversation/FilterItem.vue b/app/javascript/dashboard/components/widgets/conversation/FilterItem.vue
index 91c919b1d..05d6fe4db 100644
--- a/app/javascript/dashboard/components/widgets/conversation/FilterItem.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/FilterItem.vue
@@ -35,6 +35,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <select
     v-model="activeValue"
diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue
index b320886d6..e0bcf547c 100644
--- a/app/javascript/dashboard/components/widgets/conversation/Message.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue
@@ -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 {
diff --git a/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue b/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
index 94eb35099..dcfc51b2a 100644
--- a/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/MoreActions.vue
@@ -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;
diff --git a/app/javascript/dashboard/components/widgets/conversation/OnboardingView.vue b/app/javascript/dashboard/components/widgets/conversation/OnboardingView.vue
index aed0b9f25..6d596971b 100644
--- a/app/javascript/dashboard/components/widgets/conversation/OnboardingView.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/OnboardingView.vue
@@ -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;
diff --git a/app/javascript/dashboard/components/widgets/conversation/ReplyEmailHead.vue b/app/javascript/dashboard/components/widgets/conversation/ReplyEmailHead.vue
index 39aa0778a..08ca1eba6 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ReplyEmailHead.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ReplyEmailHead.vue
@@ -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;
diff --git a/app/javascript/dashboard/components/widgets/conversation/VariableList.vue b/app/javascript/dashboard/components/widgets/conversation/VariableList.vue
index 2c8521c01..66ad8965d 100644
--- a/app/javascript/dashboard/components/widgets/conversation/VariableList.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/VariableList.vue
@@ -71,6 +71,7 @@ export default {
     </template>
   </MentionBox>
 </template>
+
 <style scoped>
 .variable--list-label {
   font-weight: var(--font-weight-bold);
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStory.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStory.vue
index e6a9b4188..11a6eaf73 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStory.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStory.vue
@@ -36,6 +36,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <BubbleImage
     v-if="!hasImgStoryError"
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryReply.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryReply.vue
index ba3583e7f..a42f694fd 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryReply.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/InstagramStoryReply.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Integration.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Integration.vue
index f8199cc4f..b31153f1b 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Integration.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/Integration.vue
@@ -30,6 +30,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <DyteVideoCall
     v-if="showDyteIntegration"
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue
index 274768df6..645b25017 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/MailHead.vue
@@ -75,6 +75,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .message__mail-head {
   padding-bottom: var(--space-small);
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
index 0d0f092ed..ab7c81623 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/Text.vue
@@ -114,6 +114,7 @@ export default {
     />
   </div>
 </template>
+
 <style lang="scss">
 .text-content {
   overflow: auto;
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/TranslateModal.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/TranslateModal.vue
index 0e3fa385c..aac444888 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/TranslateModal.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/TranslateModal.vue
@@ -25,6 +25,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <woot-modal
     modal-type="right-aligned"
diff --git a/app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue b/app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue
index cb25b5c5b..a75731183 100644
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue
@@ -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;
diff --git a/app/javascript/dashboard/components/widgets/conversation/components/SLAEventItem.vue b/app/javascript/dashboard/components/widgets/conversation/components/SLAEventItem.vue
index 3affa52c8..82774cbe0 100644
--- a/app/javascript/dashboard/components/widgets/conversation/components/SLAEventItem.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/components/SLAEventItem.vue
@@ -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
diff --git a/app/javascript/dashboard/components/widgets/conversation/components/SLAPopoverCard.vue b/app/javascript/dashboard/components/widgets/conversation/components/SLAPopoverCard.vue
index 0a1cb9346..6b1c66d02 100644
--- a/app/javascript/dashboard/components/widgets/conversation/components/SLAPopoverCard.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/components/SLAPopoverCard.vue
@@ -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"
diff --git a/app/javascript/dashboard/components/widgets/conversation/conversationCardComponents/CardLabels.vue b/app/javascript/dashboard/components/widgets/conversation/conversationCardComponents/CardLabels.vue
index c63121e77..af2a517bf 100644
--- a/app/javascript/dashboard/components/widgets/conversation/conversationCardComponents/CardLabels.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/conversationCardComponents/CardLabels.vue
@@ -60,6 +60,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     v-if="activeLabels.length || $slots.before"
diff --git a/app/javascript/dashboard/components/widgets/conversation/linear/CreateOrLinkIssue.vue b/app/javascript/dashboard/components/widgets/conversation/linear/CreateOrLinkIssue.vue
index ffe7d150e..ca593c31c 100644
--- a/app/javascript/dashboard/components/widgets/conversation/linear/CreateOrLinkIssue.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/linear/CreateOrLinkIssue.vue
@@ -47,6 +47,7 @@ const onClickTabChange = index => {
   selectedTabIndex.value = index;
 };
 </script>
+
 <template>
   <div class="flex flex-col h-auto overflow-auto">
     <woot-modal-header
diff --git a/app/javascript/dashboard/components/widgets/forms/Input.vue b/app/javascript/dashboard/components/widgets/forms/Input.vue
index 0e5b7c5af..770f47d14 100644
--- a/app/javascript/dashboard/components/widgets/forms/Input.vue
+++ b/app/javascript/dashboard/components/widgets/forms/Input.vue
@@ -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;
diff --git a/app/javascript/dashboard/components/widgets/modal/ConfirmationModal.vue b/app/javascript/dashboard/components/widgets/modal/ConfirmationModal.vue
index 441abbe8b..f1d9d1152 100644
--- a/app/javascript/dashboard/components/widgets/modal/ConfirmationModal.vue
+++ b/app/javascript/dashboard/components/widgets/modal/ConfirmationModal.vue
@@ -49,6 +49,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <Modal :show.sync="show" :on-close="cancel">
     <div class="h-auto overflow-auto flex flex-col">
diff --git a/app/javascript/dashboard/components/widgets/modal/DeleteModal.vue b/app/javascript/dashboard/components/widgets/modal/DeleteModal.vue
index 3ae774d02..a69e6dda7 100644
--- a/app/javascript/dashboard/components/widgets/modal/DeleteModal.vue
+++ b/app/javascript/dashboard/components/widgets/modal/DeleteModal.vue
@@ -41,6 +41,7 @@ export default {
     </div>
   </Modal>
 </template>
+
 <style lang="scss" scoped>
 .action-button {
   max-width: var(--space-giga);
diff --git a/app/javascript/dashboard/components/widgets/modal/WootKeyShortcutModal.vue b/app/javascript/dashboard/components/widgets/modal/WootKeyShortcutModal.vue
index 18bb8a1ad..4195c5b91 100644
--- a/app/javascript/dashboard/components/widgets/modal/WootKeyShortcutModal.vue
+++ b/app/javascript/dashboard/components/widgets/modal/WootKeyShortcutModal.vue
@@ -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;
diff --git a/app/javascript/dashboard/modules/contact/components/ContactFields.vue b/app/javascript/dashboard/modules/contact/components/ContactFields.vue
index 97d96e0ca..f33abe3b4 100644
--- a/app/javascript/dashboard/modules/contact/components/ContactFields.vue
+++ b/app/javascript/dashboard/modules/contact/components/ContactFields.vue
@@ -48,6 +48,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="contact-fields">
     <h3 class="text-lg title">
diff --git a/app/javascript/dashboard/modules/contact/components/ContactIntro.vue b/app/javascript/dashboard/modules/contact/components/ContactIntro.vue
index be3af2d40..bae899dab 100644
--- a/app/javascript/dashboard/modules/contact/components/ContactIntro.vue
+++ b/app/javascript/dashboard/modules/contact/components/ContactIntro.vue
@@ -41,6 +41,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="contact--intro">
     <Thumbnail
diff --git a/app/javascript/dashboard/modules/contact/components/ContactPanel.vue b/app/javascript/dashboard/modules/contact/components/ContactPanel.vue
index 2e10d8172..cb7e61607 100644
--- a/app/javascript/dashboard/modules/contact/components/ContactPanel.vue
+++ b/app/javascript/dashboard/modules/contact/components/ContactPanel.vue
@@ -66,6 +66,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="panel">
     <ContactIntro
diff --git a/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue b/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue
index 1367852c8..298b439da 100644
--- a/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue
+++ b/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue
@@ -140,6 +140,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="context-menu">
     <!-- Add To Canned Responses -->
@@ -245,6 +246,7 @@ export default {
     </woot-context-menu>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .menu-container {
   @apply p-1 bg-white dark:bg-slate-900 shadow-xl rounded-md;
diff --git a/app/javascript/dashboard/modules/search/components/SearchInput.vue b/app/javascript/dashboard/modules/search/components/SearchInput.vue
index 5cea55b40..b106347d0 100644
--- a/app/javascript/dashboard/modules/search/components/SearchInput.vue
+++ b/app/javascript/dashboard/modules/search/components/SearchInput.vue
@@ -32,6 +32,7 @@ export default {
     </woot-button>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .search-input-box {
   @apply p-2;
diff --git a/app/javascript/dashboard/modules/search/components/SearchTabs.vue b/app/javascript/dashboard/modules/search/components/SearchTabs.vue
index e31c16bd1..b76e2194e 100644
--- a/app/javascript/dashboard/modules/search/components/SearchTabs.vue
+++ b/app/javascript/dashboard/modules/search/components/SearchTabs.vue
@@ -43,6 +43,7 @@ export default {
     </woot-tabs>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .tab-container {
   @apply mt-1 border-b border-solid border-slate-100 dark:border-slate-800/50;
diff --git a/app/javascript/dashboard/routes/dashboard/contacts/components/ContactsAdvancedFilters.vue b/app/javascript/dashboard/routes/dashboard/contacts/components/ContactsAdvancedFilters.vue
index 2cc5cbc29..5f0a5cb65 100644
--- a/app/javascript/dashboard/routes/dashboard/contacts/components/ContactsAdvancedFilters.vue
+++ b/app/javascript/dashboard/routes/dashboard/contacts/components/ContactsAdvancedFilters.vue
@@ -343,6 +343,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .folder-input {
   @apply w-[50%];
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/ConversationInfo.vue b/app/javascript/dashboard/routes/dashboard/conversation/ConversationInfo.vue
index 2a095c063..38cefc5aa 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/ConversationInfo.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/ConversationInfo.vue
@@ -99,6 +99,7 @@ const staticElements = computed(() =>
     />
   </div>
 </template>
+
 <style scoped lang="scss">
 .conversation--attribute {
   @apply border-slate-50 dark:border-slate-700/50 border-b border-solid;
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/ConversationParticipant.vue b/app/javascript/dashboard/routes/dashboard/conversation/ConversationParticipant.vue
index 88f420270..b53af3cc6 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/ConversationParticipant.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/ConversationParticipant.vue
@@ -228,6 +228,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .dropdown-pane {
   @apply box-border top-8 w-full;
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue b/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
index 0002533fb..a4838a482 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue
@@ -254,6 +254,7 @@ export default {
     </woot-modal>
   </section>
 </template>
+
 <style lang="scss" scoped>
 .conversation-page {
   display: flex;
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/Macros/List.vue b/app/javascript/dashboard/routes/dashboard/conversation/Macros/List.vue
index d86e10735..c4ca6e3d2 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/Macros/List.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/Macros/List.vue
@@ -25,6 +25,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div>
     <div
@@ -59,6 +60,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style scoped lang="scss">
 .macros-list {
   padding: var(--space-smaller);
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue b/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
index 8b4c62efe..639ca4be6 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
@@ -167,6 +167,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="relative items-center w-full p-4 bg-white dark:bg-slate-900">
     <div class="flex flex-col w-full gap-2 text-left rtl:text-right">
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfoRow.vue b/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfoRow.vue
index 356cf2bff..3924ec22d 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfoRow.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfoRow.vue
@@ -38,6 +38,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="w-full h-5 ltr:-ml-1 rtl:-mr-1">
     <a
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/search/PopOverSearch.vue b/app/javascript/dashboard/routes/dashboard/conversation/search/PopOverSearch.vue
index e38c5500a..b7d5e17dd 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/search/PopOverSearch.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/search/PopOverSearch.vue
@@ -65,6 +65,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .search-link {
   &:hover {
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/components/AddLocale.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/components/AddLocale.vue
index d426f8ace..b1e334b2c 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/components/AddLocale.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/components/AddLocale.vue
@@ -134,6 +134,7 @@ export default {
     </form>
   </Modal>
 </template>
+
 <style scoped lang="scss">
 .input-container::v-deep {
   margin: 0 0 var(--space-normal);
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/SearchResults.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/SearchResults.vue
index 12d838b4e..c28320310 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/SearchResults.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/SearchResults.vue
@@ -68,6 +68,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style scoped>
 .empty-state-message {
   @apply text-center flex items-center justify-center px-4 py-8 text-slate-500 text-sm;
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleTable.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleTable.vue
index 1bb2cc974..cb0adbdbc 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleTable.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleTable.vue
@@ -155,6 +155,7 @@ export default {
     />
   </div>
 </template>
+
 <style lang="scss" scoped>
 /*
 The .article-ghost-class class is maintained as the vueDraggable doesn't allow multiple classes
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/components/HelpCenterLayout.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/components/HelpCenterLayout.vue
index 4bf4fe9f6..18b6198f6 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/components/HelpCenterLayout.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/components/HelpCenterLayout.vue
@@ -283,6 +283,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-grow-0 w-full h-full min-h-0 app-wrapper">
     <Sidebar
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/AddCategory.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/AddCategory.vue
index 32a5fd1c8..14aa4e1ca 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/AddCategory.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/AddCategory.vue
@@ -178,6 +178,7 @@ export default {
     </form>
   </woot-modal>
 </template>
+
 <style scoped lang="scss">
 .input-container::v-deep {
   @apply mt-0 mb-4 mx-0;
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/EditCategory.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/EditCategory.vue
index d4dfda7e7..204e9af07 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/EditCategory.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/EditCategory.vue
@@ -189,6 +189,7 @@ export default {
     </form>
   </woot-modal>
 </template>
+
 <style scoped lang="scss">
 .article-info {
   width: 100%;
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue
index cb7156cee..b47af74c0 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue
@@ -99,6 +99,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style scoped lang="scss">
 .wrapper {
   flex: 1;
diff --git a/app/javascript/dashboard/routes/dashboard/inbox/components/InboxNameAndId.vue b/app/javascript/dashboard/routes/dashboard/inbox/components/InboxNameAndId.vue
index 0b0ef03ff..3e4a9d8a9 100644
--- a/app/javascript/dashboard/routes/dashboard/inbox/components/InboxNameAndId.vue
+++ b/app/javascript/dashboard/routes/dashboard/inbox/components/InboxNameAndId.vue
@@ -21,6 +21,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="inline-flex items-center rounded-[4px] border border-slate-100 dark:border-slate-700/50 divide-x divide-slate-100 dark:divide-slate-700/50 bg-none"
diff --git a/app/javascript/dashboard/routes/dashboard/inbox/components/MenuItem.vue b/app/javascript/dashboard/routes/dashboard/inbox/components/MenuItem.vue
index cddad0d58..15d62072e 100644
--- a/app/javascript/dashboard/routes/dashboard/inbox/components/MenuItem.vue
+++ b/app/javascript/dashboard/routes/dashboard/inbox/components/MenuItem.vue
@@ -12,6 +12,7 @@ const onMenuItemClick = () => {
   emits('click');
 };
 </script>
+
 <template>
   <div
     role="button"
diff --git a/app/javascript/dashboard/routes/dashboard/inbox/components/PaginationButton.vue b/app/javascript/dashboard/routes/dashboard/inbox/components/PaginationButton.vue
index 2348d446f..ed0db6c13 100644
--- a/app/javascript/dashboard/routes/dashboard/inbox/components/PaginationButton.vue
+++ b/app/javascript/dashboard/routes/dashboard/inbox/components/PaginationButton.vue
@@ -32,6 +32,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex gap-2 items-center">
     <div class="flex gap-1 items-center">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue b/app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue
index b8b1786c3..ca9f1bf9f 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue
@@ -55,6 +55,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="flex justify-between items-center h-14 min-h-[3.5rem] px-4 py-2 bg-white dark:bg-slate-900 border-b border-slate-50 dark:border-slate-800/50"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/SettingsLayout.vue b/app/javascript/dashboard/routes/dashboard/settings/SettingsLayout.vue
index 618805309..cfe642f54 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/SettingsLayout.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/SettingsLayout.vue
@@ -10,6 +10,7 @@ defineProps({
   },
 });
 </script>
+
 <template>
   <div class="flex flex-col w-full h-full gap-10 font-inter">
     <slot name="header" />
diff --git a/app/javascript/dashboard/routes/dashboard/settings/agentBots/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/agentBots/Index.vue
index 1736ba8ec..886de661e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/agentBots/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/agentBots/Index.vue
@@ -89,6 +89,7 @@ export default {
     />
   </div>
 </template>
+
 <style scoped>
 .bots-list {
   list-style: none;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/AgentBotRow.vue b/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/AgentBotRow.vue
index 033e757f5..98dab9c5d 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/AgentBotRow.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/AgentBotRow.vue
@@ -22,6 +22,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <tr class="space-x-2">
     <td class="agent-bot--details">
@@ -54,6 +55,7 @@ export default {
     </td>
   </tr>
 </template>
+
 <style scoped lang="scss">
 .agent-bot--link {
   align-items: center;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/AgentBotType.vue b/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/AgentBotType.vue
index 711f9108d..ac3ac90b9 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/AgentBotType.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/AgentBotType.vue
@@ -22,6 +22,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <span class="inline-flex items-center gap-1">
     <img
@@ -33,6 +34,7 @@ export default {
     <span>{{ botTypeConfig[botType].label }}</span>
   </span>
 </template>
+
 <style scoped>
 .agent-bot-type--thumbnail {
   width: auto;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/CSMLMonacoEditor.vue b/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/CSMLMonacoEditor.vue
index fe0e51e60..80987bead 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/CSMLMonacoEditor.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/agentBots/components/CSMLMonacoEditor.vue
@@ -45,6 +45,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="csml-editor--container">
     <LoadingState
diff --git a/app/javascript/dashboard/routes/dashboard/settings/agentBots/csml/Edit.vue b/app/javascript/dashboard/routes/dashboard/settings/agentBots/csml/Edit.vue
index f098b5b9b..2dd43f08e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/agentBots/csml/Edit.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/agentBots/csml/Edit.vue
@@ -33,6 +33,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <CsmlBotEditor v-if="agentBot.id" :agent-bot="agentBot" @submit="updateBot" />
   <div v-else class="flex flex-col h-auto overflow-auto no-padding">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue
index 004b5f60e..21000a6fd 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue
@@ -122,6 +122,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 p-4 overflow-auto">
     <woot-button
diff --git a/app/javascript/dashboard/routes/dashboard/settings/attributes/AddAttribute.vue b/app/javascript/dashboard/routes/dashboard/settings/attributes/AddAttribute.vue
index b29b19a8c..2ecd1ec37 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/attributes/AddAttribute.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/attributes/AddAttribute.vue
@@ -274,6 +274,7 @@ export default {
     </div>
   </woot-modal>
 </template>
+
 <style lang="scss" scoped>
 .key-value {
   padding: 0 var(--space-small) var(--space-small) 0;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/attributes/EditAttribute.vue b/app/javascript/dashboard/routes/dashboard/settings/attributes/EditAttribute.vue
index 843fb9321..3e629f058 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/attributes/EditAttribute.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/attributes/EditAttribute.vue
@@ -276,6 +276,7 @@ export default {
     </form>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .key-value {
   padding: 0 var(--space-small) var(--space-small) 0;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/auditlogs/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/auditlogs/Index.vue
index ef64c5551..c6df5a87a 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/auditlogs/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/auditlogs/Index.vue
@@ -70,6 +70,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-col justify-between flex-1 p-4 overflow-auto">
     <!-- List Audit Logs -->
diff --git a/app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue b/app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue
index ed8370dc7..34e42cbe6 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue
@@ -207,6 +207,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .event_wrapper {
   select {
diff --git a/app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue
index 7acbda509..cbd200f09 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue
@@ -157,6 +157,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 p-4 overflow-auto">
     <woot-button
diff --git a/app/javascript/dashboard/routes/dashboard/settings/billing/components/BillingItem.vue b/app/javascript/dashboard/routes/dashboard/settings/billing/components/BillingItem.vue
index 03177e950..90582afa3 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/billing/components/BillingItem.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/billing/components/BillingItem.vue
@@ -21,6 +21,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="manage-subscription">
     <div>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/campaigns/AddCampaign.vue b/app/javascript/dashboard/routes/dashboard/settings/campaigns/AddCampaign.vue
index 527227dfd..842070ff1 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/campaigns/AddCampaign.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/campaigns/AddCampaign.vue
@@ -370,6 +370,7 @@ export default {
     </form>
   </div>
 </template>
+
 <style lang="scss" scoped>
 ::v-deep .ProseMirror-woot-style {
   height: 5rem;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/campaigns/Campaign.vue b/app/javascript/dashboard/routes/dashboard/settings/campaigns/Campaign.vue
index cbe2f87f0..1d4ca8a86 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/campaigns/Campaign.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/campaigns/Campaign.vue
@@ -68,6 +68,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 overflow-auto">
     <CampaignsTable
diff --git a/app/javascript/dashboard/routes/dashboard/settings/campaigns/EditCampaign.vue b/app/javascript/dashboard/routes/dashboard/settings/campaigns/EditCampaign.vue
index e1e897398..841d77f21 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/campaigns/EditCampaign.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/campaigns/EditCampaign.vue
@@ -285,6 +285,7 @@ export default {
     </form>
   </div>
 </template>
+
 <style lang="scss" scoped>
 ::v-deep .ProseMirror-woot-style {
   height: 5rem;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/canned/EditCanned.vue b/app/javascript/dashboard/routes/dashboard/settings/canned/EditCanned.vue
index 70519bdce..abecf4558 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/canned/EditCanned.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/canned/EditCanned.vue
@@ -139,6 +139,7 @@ export default {
     </div>
   </Modal>
 </template>
+
 <style scoped lang="scss">
 ::v-deep {
   .ProseMirror-menubar {
diff --git a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
index 725e78d18..80a50a095 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
@@ -114,6 +114,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 overflow-auto">
     <woot-button
diff --git a/app/javascript/dashboard/routes/dashboard/settings/components/BaseSettingsListItem.vue b/app/javascript/dashboard/routes/dashboard/settings/components/BaseSettingsListItem.vue
index 845f355f5..d98a8e243 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/components/BaseSettingsListItem.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/components/BaseSettingsListItem.vue
@@ -10,6 +10,7 @@ defineProps({
   },
 });
 </script>
+
 <template>
   <div
     class="flex relative flex-col sm:flex-row p-4 gap-4 sm:p-6 justify-between shadow-sm group bg-white border border-solid rounded-xl dark:bg-slate-800 border-slate-75 dark:border-slate-700/50 w-full"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
index f8b8e06b3..5cc0bd464 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/Index.vue
@@ -90,6 +90,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 overflow-auto">
     <div class="flex flex-row gap-4 p-8">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/PreChatFields.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/PreChatFields.vue
index 31b55bc5b..5fc73855e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/PreChatFields.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/PreChatFields.vue
@@ -74,6 +74,7 @@ export default {
     </tr>
   </Draggable>
 </template>
+
 <style scoped lang="scss">
 .pre-chat-field {
   @apply py-4 px-2 text-slate-700 dark:text-slate-100;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue
index 6077f40fe..934819035 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue
@@ -91,6 +91,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="mx-8 my-2 text-base">
     <div class="mx-0 mt-6 mb-3">
@@ -170,6 +171,7 @@ export default {
     </form>
   </div>
 </template>
+
 <style scoped lang="scss">
 .message-editor {
   @apply px-3;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Email.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Email.vue
index 4b8865401..0326cd288 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Email.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Email.vue
@@ -51,6 +51,7 @@ function onClick(emailProvider) {
   }
 }
 </script>
+
 <template>
   <div
     v-if="!provider"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Facebook.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Facebook.vue
index 17260bab1..04d407cd7 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Facebook.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Facebook.vue
@@ -201,6 +201,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="border border-slate-25 dark:border-slate-800/60 bg-white dark:bg-slate-900 h-full p-6 w-full max-w-full md:w-3/4 md:max-w-[75%] flex-shrink-0 flex-grow-0"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue
index 5f7ebd182..3bce5493c 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twilio.vue
@@ -243,6 +243,7 @@ export default {
     </div>
   </form>
 </template>
+
 <style lang="scss" scoped>
 .messagingServiceHelptext {
   margin-top: -10px;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twitter.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twitter.vue
index 3fcb36c5b..216c822f0 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twitter.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/Twitter.vue
@@ -24,6 +24,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="border border-slate-25 dark:border-slate-800/60 bg-white dark:bg-slate-900 h-full p-6 w-full max-w-full md:w-3/4 md:max-w-[75%] flex-shrink-0 flex-grow-0"
@@ -41,6 +42,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style scoped lang="scss">
 .login-init {
   @apply pt-[30%] text-center;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/Google.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/Google.vue
index b0588bdd6..0e8c506dc 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/Google.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/Google.vue
@@ -6,6 +6,7 @@ defineComponent({
   name: 'GoogleOAuthChannel',
 });
 </script>
+
 <template>
   <OAuthChannel
     provider="google"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/OAuthChannel.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/OAuthChannel.vue
index 8c4fda5e7..fce007ca0 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/OAuthChannel.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/OAuthChannel.vue
@@ -64,6 +64,7 @@ async function requestAuthorization() {
   }
 }
 </script>
+
 <template>
   <div
     class="border border-slate-25 dark:border-slate-800/60 bg-white dark:bg-slate-900 h-full p-6 w-full max-w-full md:w-3/4 md:max-w-[75%] flex-shrink-0 flex-grow-0"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/components/BusinessDay.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/components/BusinessDay.vue
index 0c5dd6c68..34879f9ac 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/components/BusinessDay.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/components/BusinessDay.vue
@@ -200,6 +200,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .day-wrap::v-deep .multiselect {
   @apply m-0 w-[7.5rem];
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/components/SingleSelectDropdown.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/components/SingleSelectDropdown.vue
index 31676278f..5984ff238 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/components/SingleSelectDropdown.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/components/SingleSelectDropdown.vue
@@ -25,6 +25,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div>
     <label for="dropdown-select">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/components/WeeklyAvailability.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/components/WeeklyAvailability.vue
index 4549bf240..38f1de8db 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/components/WeeklyAvailability.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/components/WeeklyAvailability.vue
@@ -194,6 +194,7 @@ export default {
     </SettingsSection>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .timezone-input-wrap {
   @apply max-w-[37.5rem];
diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue
index 8d3a385a8..af8238128 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue
@@ -236,6 +236,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .whatsapp-settings--content {
   ::v-deep input {
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Integration.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Integration.vue
index c5e29a9ad..5924e1d6b 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Integration.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Integration.vue
@@ -60,6 +60,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="flex flex-col md:flex-row justify-between items-start md:items-center"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationHooks.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationHooks.vue
index 5e6d7b3a7..ad2daa5f3 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationHooks.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationHooks.vue
@@ -105,6 +105,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="overflow-auto p-4 max-w-full my-auto flex flex-wrap h-full">
     <woot-button
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationItem.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationItem.vue
index f8daef2c7..7162596a2 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationItem.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationItem.vue
@@ -44,6 +44,7 @@ const actionURL = computed(() =>
   frontendURL(`accounts/${accountId.value}/settings/integrations/${props.id}`)
 );
 </script>
+
 <template>
   <div
     class="flex flex-col flex-1 p-6 bg-white border border-solid rounded-md dark:bg-slate-800 border-slate-50 dark:border-slate-700/50"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/MultipleIntegrationHooks.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/MultipleIntegrationHooks.vue
index bf746f532..38deab634 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/MultipleIntegrationHooks.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/MultipleIntegrationHooks.vue
@@ -38,6 +38,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-row gap-4">
     <div class="w-full lg:w-3/5">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/NewHook.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/NewHook.vue
index c8032b9c7..513503e93 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/NewHook.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/NewHook.vue
@@ -99,6 +99,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-col h-auto overflow-auto integration-hooks">
     <woot-modal-header
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue
index c2e0162f7..b48185182 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue
@@ -52,6 +52,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-shrink flex-grow overflow-auto p-4">
     <div class="flex flex-col">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/SingleIntegrationHooks.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/SingleIntegrationHooks.vue
index 6937a232c..2f2e5eef3 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/SingleIntegrationHooks.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/SingleIntegrationHooks.vue
@@ -10,6 +10,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-shrink flex-grow overflow-auto p-4">
     <div class="flex flex-col">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack.vue
index eb394c2f6..fa595a27c 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack.vue
@@ -77,6 +77,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     v-if="integrationLoaded && !uiFlags.isCreatingSlack"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SelectChannelWarning.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SelectChannelWarning.vue
index 42dee32d6..00ad15bbf 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SelectChannelWarning.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SelectChannelWarning.vue
@@ -51,6 +51,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="px-6 py-4 mb-4 border border-yellow-200 rounded-md bg-yellow-50 dark:border-slate-700 dark:bg-slate-800"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SlackIntegrationHelpText.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SlackIntegrationHelpText.vue
index 5c02e688a..e1db3c30b 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SlackIntegrationHelpText.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Slack/SlackIntegrationHelpText.vue
@@ -10,6 +10,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="flex-1 w-full p-6 bg-white rounded-md border border-slate-50 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/Index.vue
index a1827c8fd..e9ec855dc 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/Index.vue
@@ -73,6 +73,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 p-4 overflow-auto">
     <woot-button
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookForm.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookForm.vue
index 7b95ae685..d399adbdd 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookForm.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookForm.vue
@@ -129,6 +129,7 @@ export default {
     </div>
   </form>
 </template>
+
 <style lang="scss" scoped>
 .checkbox {
   @apply mr-2;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookRow.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookRow.vue
index f3c9c093d..20e6d6c1a 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookRow.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Webhooks/WebhookRow.vue
@@ -23,6 +23,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <tr class="space-x-2">
     <td class="max-w-2xl">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/labels/AddLabel.vue b/app/javascript/dashboard/routes/dashboard/settings/labels/AddLabel.vue
index e9c474369..191e00b3a 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/labels/AddLabel.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/labels/AddLabel.vue
@@ -116,6 +116,7 @@ export default {
     </form>
   </div>
 </template>
+
 <style lang="scss" scoped>
 // Label API supports only lowercase letters
 .label-name--input {
diff --git a/app/javascript/dashboard/routes/dashboard/settings/labels/EditLabel.vue b/app/javascript/dashboard/routes/dashboard/settings/labels/EditLabel.vue
index 05b8b24cc..71605db0c 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/labels/EditLabel.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/labels/EditLabel.vue
@@ -119,6 +119,7 @@ export default {
     </form>
   </div>
 </template>
+
 <style lang="scss" scoped>
 // Label API supports only lowercase letters
 .label-name--input {
diff --git a/app/javascript/dashboard/routes/dashboard/settings/labels/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/labels/Index.vue
index 01d5f25ba..9aed65d00 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/labels/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/labels/Index.vue
@@ -83,6 +83,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 overflow-auto">
     <woot-button
diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/AccessToken.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/AccessToken.vue
index bb89889ef..683c848e9 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/AccessToken.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/AccessToken.vue
@@ -21,6 +21,7 @@ const onClick = () => {
   emit('onCopy', props.value);
 };
 </script>
+
 <template>
   <div class="flex flex-row justify-between gap-4">
     <woot-input
diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/AudioAlertCondition.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/AudioAlertCondition.vue
index 4a9508b80..18ae1c07e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/AudioAlertCondition.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/AudioAlertCondition.vue
@@ -15,6 +15,7 @@ const onChange = (id, value) => {
   emit('change', id, value);
 };
 </script>
+
 <template>
   <div>
     <label
diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/AudioAlertTone.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/AudioAlertTone.vue
index d97356854..232a7a74a 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/AudioAlertTone.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/AudioAlertTone.vue
@@ -34,6 +34,7 @@ const selectedValue = computed({
   },
 });
 </script>
+
 <template>
   <FormSelect
     v-model="selectedValue"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue
index 54d2d6992..2b79ef119 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue
@@ -173,6 +173,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="grid py-16 px-5 font-inter mx-auto gap-16 sm:max-w-[720px]">
     <div class="flex flex-col gap-6">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/MessageSignature.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/MessageSignature.vue
index a0f830b41..a6474cc75 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/MessageSignature.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/MessageSignature.vue
@@ -25,6 +25,7 @@ const updateSignature = () => {
   emit('updateSignature', signature.value);
 };
 </script>
+
 <template>
   <form class="flex flex-col gap-6" @submit.prevent="updateSignature()">
     <WootMessageEditor
diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/UserBasicDetails.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/UserBasicDetails.vue
index 2fbf8186d..4b7580d3e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/UserBasicDetails.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/UserBasicDetails.vue
@@ -88,6 +88,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <form class="flex flex-col gap-4" @submit.prevent="updateUser('profile')">
     <woot-input
diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/UserProfilePicture.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/UserProfilePicture.vue
index 87a5dddde..41db9816d 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/UserProfilePicture.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/UserProfilePicture.vue
@@ -25,6 +25,7 @@ const deleteProfilePicture = () => {
   emits('delete');
 };
 </script>
+
 <template>
   <div class="flex flex-col gap-2">
     <span class="text-sm font-medium text-ash-900">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/BotReports.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/BotReports.vue
index b4b1dcce3..1359959aa 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/BotReports.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/BotReports.vue
@@ -88,6 +88,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 p-4 overflow-auto">
     <ReportFilterSelector
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/CsatResponses.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/CsatResponses.vue
index 59d446a11..d4ffc19d8 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/CsatResponses.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/CsatResponses.vue
@@ -106,6 +106,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 p-4 overflow-auto">
     <ReportFilterSelector
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/LiveReports.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/LiveReports.vue
index de93fef0a..8f59f2229 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/LiveReports.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/LiveReports.vue
@@ -118,6 +118,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 p-4 overflow-auto">
     <div class="flex flex-col items-center md:flex-row">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/SLAReports.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/SLAReports.vue
index 4a5baf8a0..c2065babf 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/SLAReports.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/SLAReports.vue
@@ -75,6 +75,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-col flex-1 gap-6 px-4 pt-4 overflow-auto">
     <SLAReportFilters @filterChange="onFilterChange" />
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/ChartElements/ChartStats.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/ChartElements/ChartStats.vue
index 1e140baf1..26f68ea33 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/ChartElements/ChartStats.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/ChartElements/ChartStats.vue
@@ -22,6 +22,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="text-slate-900 dark:text-slate-100">
     <span class="text-sm">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue
index fd0668629..6a27c5192 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue
@@ -126,6 +126,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="csat--table-container">
     <VeTable
@@ -149,6 +150,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .csat--table-container {
   display: flex;
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/FilterSelector.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/FilterSelector.vue
index 7b4cd5355..684a1bae8 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/FilterSelector.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/FilterSelector.vue
@@ -179,6 +179,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-col justify-between gap-3 mb-4 md:flex-row">
     <div
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Agents.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Agents.vue
index fc6a37b17..4a7f41cf4 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Agents.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Agents.vue
@@ -23,6 +23,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="multiselect-wrap--small">
     <multiselect
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Inboxes.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Inboxes.vue
index 19706c716..1119cacd6 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Inboxes.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Inboxes.vue
@@ -23,6 +23,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="multiselect-wrap--small">
     <multiselect
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Labels.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Labels.vue
index 08e909a19..a1f103306 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Labels.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Labels.vue
@@ -23,6 +23,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="multiselect-wrap--small">
     <multiselect
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Teams.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Teams.vue
index e1c6088ad..dc1a0ced5 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Teams.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/Teams.vue
@@ -23,6 +23,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="multiselect-wrap--small">
     <multiselect
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/ReportFilters.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/ReportFilters.vue
index 5779fa5af..263390356 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/ReportFilters.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/ReportFilters.vue
@@ -139,6 +139,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-col md:flex-row">
     <div class="flex flex-col items-center w-full md:flex-row">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
index 1820ada78..6a4bafc2e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAMetricCard.vue
@@ -20,6 +20,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-col gap-2 items-start justify-center min-w-[10rem]">
     <span
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportFilters.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportFilters.vue
index 96495f722..b9a149624 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportFilters.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportFilters.vue
@@ -63,6 +63,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-col flex-wrap w-full gap-3 md:flex-row">
     <woot-date-picker @dateRangeChanged="onDateRangeChange" />
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/overview/MetricCard.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/overview/MetricCard.vue
index 7e350cc02..50f9cd0ba 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/overview/MetricCard.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/overview/MetricCard.vue
@@ -22,6 +22,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="metric-card flex flex-col m-2 p-4 border border-solid overflow-hidden rounded-md flex-grow shadow-sm text-slate-700 dark:text-slate-100 bg-white dark:bg-slate-800 border-slate-75 dark:border-slate-700 min-h-[10rem]"
@@ -67,6 +68,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 .metric-card {
   @apply flex flex-col mb-2 p-4 border border-solid overflow-hidden rounded-md flex-grow shadow-sm text-slate-700 dark:text-slate-100 bg-white dark:bg-slate-800 border-slate-75 dark:border-slate-700 min-h-[10rem];
diff --git a/app/javascript/dashboard/routes/dashboard/settings/sla/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/sla/Index.vue
index 320d069a3..72c035e13 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/sla/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/sla/Index.vue
@@ -113,6 +113,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <SettingsLayout
     :is-loading="uiFlags.isFetching"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLABusinessHoursLabel.vue b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLABusinessHoursLabel.vue
index 8790fe2a8..3f8cad837 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLABusinessHoursLabel.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLABusinessHoursLabel.vue
@@ -6,6 +6,7 @@ defineProps({
   },
 });
 </script>
+
 <template>
   <div
     class="inline-flex items-center min-w-0 gap-1 px-1.5 sm:px-2 py-1 border border-solid rounded-lg border-slate-75 dark:border-slate-700/50"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAHeader.vue b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAHeader.vue
index 8c3f570f5..36d954df1 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAHeader.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAHeader.vue
@@ -10,6 +10,7 @@ defineProps({
 
 defineEmits(['click']);
 </script>
+
 <template>
   <BaseSettingsHeader
     :title="$t('SLA.HEADER')"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAListItem.vue b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAListItem.vue
index 5c847c5c2..b318478fd 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAListItem.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAListItem.vue
@@ -34,6 +34,7 @@ defineProps({
   },
 });
 </script>
+
 <template>
   <BaseSettingsListItem
     class="sm:divide-x sm:divide-slate-75 sm:dark:divide-slate-700/50"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAListItemLoading.vue b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAListItemLoading.vue
index 52169a596..860ded975 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAListItemLoading.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAListItemLoading.vue
@@ -1,6 +1,7 @@
 <script setup>
 import BaseSettingsListItem from '../../components/BaseSettingsListItem.vue';
 </script>
+
 <template>
   <BaseSettingsListItem class="opacity-50">
     <template #title>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAResponseTime.vue b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAResponseTime.vue
index a2caaa4e5..e7e986e7b 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAResponseTime.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/sla/components/SLAResponseTime.vue
@@ -10,6 +10,7 @@ defineProps({
   },
 });
 </script>
+
 <template>
   <div
     class="flex flex-row items-start w-full h-full gap-1 sm:items-end sm:px-6 sm:py-2 sm:gap-2 sm:flex-col"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/teams/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/teams/Index.vue
index 238c3905c..76dbdc0ac 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/teams/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/teams/Index.vue
@@ -70,6 +70,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex-1 overflow-auto">
     <div class="flex flex-row gap-4 p-8">
@@ -152,6 +153,7 @@ export default {
     />
   </div>
 </template>
+
 <style lang="scss" scoped>
 .button-wrapper {
   min-width: unset;
diff --git a/app/javascript/portal/components/TableOfContents.vue b/app/javascript/portal/components/TableOfContents.vue
index 5368e6c79..d907bc49e 100644
--- a/app/javascript/portal/components/TableOfContents.vue
+++ b/app/javascript/portal/components/TableOfContents.vue
@@ -92,6 +92,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="hidden lg:block flex-1 py-6 scroll-mt-24 pl-4">
     <div v-if="rows.length > 0" class="sticky top-24 py-2 overflow-auto">
diff --git a/app/javascript/shared/components/Button.vue b/app/javascript/shared/components/Button.vue
index 2db36fe4c..cd041361f 100644
--- a/app/javascript/shared/components/Button.vue
+++ b/app/javascript/shared/components/Button.vue
@@ -55,6 +55,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <button
     :class="buttonClassName"
diff --git a/app/javascript/shared/components/CardButton.vue b/app/javascript/shared/components/CardButton.vue
index 1b614723b..c8a44a660 100644
--- a/app/javascript/shared/components/CardButton.vue
+++ b/app/javascript/shared/components/CardButton.vue
@@ -27,6 +27,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <a
     v-if="isLink"
diff --git a/app/javascript/shared/components/ChatOptions.vue b/app/javascript/shared/components/ChatOptions.vue
index 85edb9772..a6c744234 100644
--- a/app/javascript/shared/components/ChatOptions.vue
+++ b/app/javascript/shared/components/ChatOptions.vue
@@ -71,6 +71,7 @@ export default {
   }
 }
 </style>
+
 <style scoped lang="scss">
 @import '~widget/assets/scss/variables.scss';
 
diff --git a/app/javascript/shared/components/FluentIcon/DashboardIcon.vue b/app/javascript/shared/components/FluentIcon/DashboardIcon.vue
index 3c6a24b86..0b93b95d4 100644
--- a/app/javascript/shared/components/FluentIcon/DashboardIcon.vue
+++ b/app/javascript/shared/components/FluentIcon/DashboardIcon.vue
@@ -34,6 +34,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <BaseIcon
     :size="size"
diff --git a/app/javascript/shared/components/FluentIcon/Icon.vue b/app/javascript/shared/components/FluentIcon/Icon.vue
index 5aab9c4a3..f09e4d3f4 100644
--- a/app/javascript/shared/components/FluentIcon/Icon.vue
+++ b/app/javascript/shared/components/FluentIcon/Icon.vue
@@ -39,6 +39,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <svg
     v-if="iconLib === 'fluent'"
diff --git a/app/javascript/shared/components/FluentIcon/Index.vue b/app/javascript/shared/components/FluentIcon/Index.vue
index e16e11928..f692bdbc9 100644
--- a/app/javascript/shared/components/FluentIcon/Index.vue
+++ b/app/javascript/shared/components/FluentIcon/Index.vue
@@ -34,6 +34,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <BaseIcon
     :size="size"
diff --git a/app/javascript/shared/components/Spinner.vue b/app/javascript/shared/components/Spinner.vue
index 37c0cbd73..59c798378 100644
--- a/app/javascript/shared/components/Spinner.vue
+++ b/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';
 
diff --git a/app/javascript/shared/components/TextArea.vue b/app/javascript/shared/components/TextArea.vue
index 101875425..b718f090c 100644
--- a/app/javascript/shared/components/TextArea.vue
+++ b/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;
diff --git a/app/javascript/shared/components/emoji/EmojiInput.vue b/app/javascript/shared/components/emoji/EmojiInput.vue
index 0461a873b..a68a41420 100644
--- a/app/javascript/shared/components/emoji/EmojiInput.vue
+++ b/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';
 
diff --git a/app/javascript/shared/components/ui/dropdown/DropdownDivider.vue b/app/javascript/shared/components/ui/dropdown/DropdownDivider.vue
index d8f5f3f05..fbe7f6e32 100644
--- a/app/javascript/shared/components/ui/dropdown/DropdownDivider.vue
+++ b/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"
diff --git a/app/javascript/shared/components/ui/dropdown/DropdownHeader.vue b/app/javascript/shared/components/ui/dropdown/DropdownHeader.vue
index 56f9d129b..65afa3123 100644
--- a/app/javascript/shared/components/ui/dropdown/DropdownHeader.vue
+++ b/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
diff --git a/app/javascript/shared/components/ui/dropdown/DropdownItem.vue b/app/javascript/shared/components/ui/dropdown/DropdownItem.vue
index eea092173..a7205118e 100644
--- a/app/javascript/shared/components/ui/dropdown/DropdownItem.vue
+++ b/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 {
diff --git a/app/javascript/shared/components/ui/dropdown/DropdownMenu.vue b/app/javascript/shared/components/ui/dropdown/DropdownMenu.vue
index d035ffcca..6b161e225 100644
--- a/app/javascript/shared/components/ui/dropdown/DropdownMenu.vue
+++ b/app/javascript/shared/components/ui/dropdown/DropdownMenu.vue
@@ -50,6 +50,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <ul
     ref="dropdownMenu"
diff --git a/app/javascript/shared/components/ui/dropdown/DropdownSubMenu.vue b/app/javascript/shared/components/ui/dropdown/DropdownSubMenu.vue
index eb030e2ef..95f98f01b 100644
--- a/app/javascript/shared/components/ui/dropdown/DropdownSubMenu.vue
+++ b/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);
diff --git a/app/javascript/v3/App.vue b/app/javascript/v3/App.vue
index 7800c2d40..6bfa4fafa 100644
--- a/app/javascript/v3/App.vue
+++ b/app/javascript/v3/App.vue
@@ -36,12 +36,14 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="h-full w-full antialiased" :class="theme">
     <router-view />
     <SnackbarContainer />
   </div>
 </template>
+
 <style lang="scss">
 @tailwind base;
 @tailwind components;
diff --git a/app/javascript/v3/components/Divider/SimpleDivider.vue b/app/javascript/v3/components/Divider/SimpleDivider.vue
index e21ecd559..9413aeacc 100644
--- a/app/javascript/v3/components/Divider/SimpleDivider.vue
+++ b/app/javascript/v3/components/Divider/SimpleDivider.vue
@@ -8,6 +8,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="relative my-4 section-separator">
     <div class="absolute inset-0 flex items-center" aria-hidden="true">
diff --git a/app/javascript/v3/components/Form/Button.vue b/app/javascript/v3/components/Form/Button.vue
index bcc3bf8e5..74d8ada4f 100644
--- a/app/javascript/v3/components/Form/Button.vue
+++ b/app/javascript/v3/components/Form/Button.vue
@@ -81,6 +81,7 @@ const onClick = () => {
   emit('click');
 };
 </script>
+
 <template>
   <button
     class="inline-flex items-center gap-1 text-sm font-medium reset-base rounded-xl w-fit"
diff --git a/app/javascript/v3/components/Form/Input.vue b/app/javascript/v3/components/Form/Input.vue
index 63af5dcdb..0d5dcdc02 100644
--- a/app/javascript/v3/components/Form/Input.vue
+++ b/app/javascript/v3/components/Form/Input.vue
@@ -62,6 +62,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <WithLabel
     :label="label"
diff --git a/app/javascript/v3/components/Form/ProfileAvatar.vue b/app/javascript/v3/components/Form/ProfileAvatar.vue
index 58e4dcf1c..f3dfab667 100644
--- a/app/javascript/v3/components/Form/ProfileAvatar.vue
+++ b/app/javascript/v3/components/Form/ProfileAvatar.vue
@@ -45,6 +45,7 @@ const onAvatarDelete = () => {
   emits('delete');
 };
 </script>
+
 <template>
   <div class="relative rounded-xl h-[72px] w-[72px] cursor-pointe group">
     <img
diff --git a/app/javascript/v3/components/Form/Select.vue b/app/javascript/v3/components/Form/Select.vue
index 1648526db..00334f24b 100644
--- a/app/javascript/v3/components/Form/Select.vue
+++ b/app/javascript/v3/components/Form/Select.vue
@@ -81,6 +81,7 @@ export default {
     </select>
   </WithLabel>
 </template>
+
 <style scoped>
 .select-caret {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28110, 111, 115%29'></polygon></svg>");
diff --git a/app/javascript/v3/components/Form/Textarea.vue b/app/javascript/v3/components/Form/Textarea.vue
index 77627388c..8c533387c 100644
--- a/app/javascript/v3/components/Form/Textarea.vue
+++ b/app/javascript/v3/components/Form/Textarea.vue
@@ -53,6 +53,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <WithLabel
     :label="label"
diff --git a/app/javascript/v3/components/Form/WithLabel.vue b/app/javascript/v3/components/Form/WithLabel.vue
index 43f61c8c0..68840604b 100644
--- a/app/javascript/v3/components/Form/WithLabel.vue
+++ b/app/javascript/v3/components/Form/WithLabel.vue
@@ -24,6 +24,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="space-y-1">
     <label
diff --git a/app/javascript/v3/views/auth/confirmation/Index.vue b/app/javascript/v3/views/auth/confirmation/Index.vue
index 3642600fd..906009883 100644
--- a/app/javascript/v3/views/auth/confirmation/Index.vue
+++ b/app/javascript/v3/views/auth/confirmation/Index.vue
@@ -28,6 +28,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex items-center justify-center h-full w-full">
     <Spinner color-scheme="primary" size="" />
diff --git a/app/javascript/v3/views/auth/signup/components/Signup/Form.vue b/app/javascript/v3/views/auth/signup/components/Signup/Form.vue
index 7a97b8f9a..e2a30aa2f 100644
--- a/app/javascript/v3/views/auth/signup/components/Signup/Form.vue
+++ b/app/javascript/v3/views/auth/signup/components/Signup/Form.vue
@@ -210,6 +210,7 @@ export default {
     />
   </div>
 </template>
+
 <style scoped lang="scss">
 .h-captcha--box {
   &::v-deep .error {
diff --git a/app/javascript/v3/views/auth/signup/components/Testimonials/TestimonialCard.vue b/app/javascript/v3/views/auth/signup/components/Testimonials/TestimonialCard.vue
index c9cf1a920..c68ce53f5 100644
--- a/app/javascript/v3/views/auth/signup/components/Testimonials/TestimonialCard.vue
+++ b/app/javascript/v3/views/auth/signup/components/Testimonials/TestimonialCard.vue
@@ -20,6 +20,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="flex flex-col items-start justify-center p-6 w-80 bg-white rounded-lg drop-shadow-md dark:bg-slate-800"
diff --git a/app/javascript/v3/views/onboarding/OnboardingStep.vue b/app/javascript/v3/views/onboarding/OnboardingStep.vue
index b75e054f6..fbd3d17d4 100644
--- a/app/javascript/v3/views/onboarding/OnboardingStep.vue
+++ b/app/javascript/v3/views/onboarding/OnboardingStep.vue
@@ -47,6 +47,7 @@ export default {
     </span>
   </div>
 </template>
+
 <style scoped>
 .hide-before-of-last:last-child::before {
   display: none;
diff --git a/app/javascript/widget/components/ArticleCategoryCard.vue b/app/javascript/widget/components/ArticleCategoryCard.vue
index 989a9b0dc..45d898bf9 100644
--- a/app/javascript/widget/components/ArticleCategoryCard.vue
+++ b/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);
diff --git a/app/javascript/widget/components/ChatFooter.vue b/app/javascript/widget/components/ChatFooter.vue
index c07ed577c..4cea520f7 100755
--- a/app/javascript/widget/components/ChatFooter.vue
+++ b/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';
 
diff --git a/app/javascript/widget/components/Form/Input.vue b/app/javascript/widget/components/Form/Input.vue
index 5148e6111..3c1c7a81c 100644
--- a/app/javascript/widget/components/Form/Input.vue
+++ b/app/javascript/widget/components/Form/Input.vue
@@ -56,6 +56,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <label class="block">
     <div
diff --git a/app/javascript/widget/components/Form/PhoneInput.vue b/app/javascript/widget/components/Form/PhoneInput.vue
index 3e2dd70cb..68ea3f8cb 100644
--- a/app/javascript/widget/components/Form/PhoneInput.vue
+++ b/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 {
diff --git a/app/javascript/widget/components/Form/TextArea.vue b/app/javascript/widget/components/Form/TextArea.vue
index 9393928a5..8c196bd19 100644
--- a/app/javascript/widget/components/Form/TextArea.vue
+++ b/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;
diff --git a/app/javascript/widget/components/HeaderActions.vue b/app/javascript/widget/components/HeaderActions.vue
index e1f38922d..df8b5fdbf 100644
--- a/app/javascript/widget/components/HeaderActions.vue
+++ b/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';
 
diff --git a/app/javascript/widget/components/ImageBubble.vue b/app/javascript/widget/components/ImageBubble.vue
index 082763d2d..08bca3464 100644
--- a/app/javascript/widget/components/ImageBubble.vue
+++ b/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';
 
diff --git a/app/javascript/widget/components/PreChat/Form.vue b/app/javascript/widget/components/PreChat/Form.vue
index 2dd90a4f2..9b8da3798 100644
--- a/app/javascript/widget/components/PreChat/Form.vue
+++ b/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 {
diff --git a/app/javascript/widget/components/UnreadMessage.vue b/app/javascript/widget/components/UnreadMessage.vue
index e2293266b..b90ad9011 100644
--- a/app/javascript/widget/components/UnreadMessage.vue
+++ b/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 {
diff --git a/app/javascript/widget/components/UnreadMessageList.vue b/app/javascript/widget/components/UnreadMessageList.vue
index 2c63abee7..54c3f4753 100644
--- a/app/javascript/widget/components/UnreadMessageList.vue
+++ b/app/javascript/widget/components/UnreadMessageList.vue
@@ -98,6 +98,7 @@ export default {
     </div>
   </div>
 </template>
+
 <style lang="scss" scoped>
 @import '~widget/assets/scss/variables';
 
diff --git a/app/javascript/widget/components/UserAvatar.vue b/app/javascript/widget/components/UserAvatar.vue
index 0f447652b..f8a713723 100755
--- a/app/javascript/widget/components/UserAvatar.vue
+++ b/app/javascript/widget/components/UserAvatar.vue
@@ -23,6 +23,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="user-avatar" :class="size" :style="getBgImage" />
 </template>
diff --git a/app/javascript/widget/components/VideoBubble.vue b/app/javascript/widget/components/VideoBubble.vue
index 0ba72d363..9813af638 100644
--- a/app/javascript/widget/components/VideoBubble.vue
+++ b/app/javascript/widget/components/VideoBubble.vue
@@ -10,6 +10,7 @@ const onVideoError = () => {
   emits('error');
 };
 </script>
+
 <template>
   <div class="block relative max-w-full">
     <video
diff --git a/app/javascript/widget/components/dropdown/DropdownMenu.vue b/app/javascript/widget/components/dropdown/DropdownMenu.vue
index e351acd4a..a8a34ec9a 100644
--- a/app/javascript/widget/components/dropdown/DropdownMenu.vue
+++ b/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';
 
diff --git a/app/javascript/widget/components/dropdown/DropdownMenuItem.vue b/app/javascript/widget/components/dropdown/DropdownMenuItem.vue
index 162979bb7..f00023b4f 100644
--- a/app/javascript/widget/components/dropdown/DropdownMenuItem.vue
+++ b/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';
 
diff --git a/app/javascript/widget/components/layouts/ViewWithHeader.vue b/app/javascript/widget/components/layouts/ViewWithHeader.vue
index a55f3ce9b..db515ef0e 100644
--- a/app/javascript/widget/components/layouts/ViewWithHeader.vue
+++ b/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"
diff --git a/app/javascript/widget/components/template/IntegrationCard.vue b/app/javascript/widget/components/template/IntegrationCard.vue
index 0b7e6df82..e96c81648 100644
--- a/app/javascript/widget/components/template/IntegrationCard.vue
+++ b/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';
 
diff --git a/app/javascript/widget/views/Messages.vue b/app/javascript/widget/views/Messages.vue
index 23332ca7c..bbfb24129 100644
--- a/app/javascript/widget/views/Messages.vue
+++ b/app/javascript/widget/views/Messages.vue
@@ -16,6 +16,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div
     class="flex flex-col flex-1 overflow-hidden rounded-b-lg bg-slate-25 dark:bg-slate-800"
diff --git a/app/javascript/widget/views/PreChatForm.vue b/app/javascript/widget/views/PreChatForm.vue
index 9f33ca8e6..cb122a2f3 100644
--- a/app/javascript/widget/views/PreChatForm.vue
+++ b/app/javascript/widget/views/PreChatForm.vue
@@ -57,6 +57,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="flex flex-1 overflow-auto">
     <PreChatForm :options="preChatFormOptions" @submit="onSubmit" />