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

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;

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

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"

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

@@ -62,6 +62,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <WithLabel
     :label="label"

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

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>");

app/javascript/v3/components/Form/Textarea.vue

@@ -53,6 +53,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <WithLabel
     :label="label"

app/javascript/v3/components/Form/WithLabel.vue

@@ -24,6 +24,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="space-y-1">
     <label

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="" />

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 {

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"

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;