diff --git a/src/components/draft/draft.vue b/src/components/draft/draft.vue
index 7a9bdd7af..7b0878112 100644
--- a/src/components/draft/draft.vue
+++ b/src/components/draft/draft.vue
@@ -34,7 +34,10 @@
             </i>
           </p>
           <p v-if="draft.status">{{ draft.status }}</p>
-          <p v-else class="faint">{{ $t('drafts.empty') }}</p>
+          <p
+            v-else
+            class="faint"
+          >{{ $t('drafts.empty') }}</p>
         </span>
         <gallery
           v-if="draft.files?.length !== 0"
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index a41355a50..ecf217fb4 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -10,8 +10,8 @@
     {{ ' ' }}
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
-      class="font-checkbox"
       :id="name + '-o'"
+      class="font-checkbox"
       :model-value="present"
       @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
     >
diff --git a/src/components/media_upload/media_upload.js b/src/components/media_upload/media_upload.js
index b6b8930e5..585832dbf 100644
--- a/src/components/media_upload/media_upload.js
+++ b/src/components/media_upload/media_upload.js
@@ -80,7 +80,7 @@ const mediaUpload = {
 
           canvas.toBlob((blob) => {
             resolve(new File([blob], newFileName, {
-              type: type,
+              type,
               lastModified: Date.now()
             }))
           }, type, 0.85)
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index 3d43b7464..f634e63f7 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -29,9 +29,9 @@
     <button
       v-if="apply"
       class="btn button-default palette-apply-button"
-      @click="applyPalette"
       :disabled="disabled"
       :class="{ disabled }"
+      @click="applyPalette"
     >
       {{ $t('settings.style.themes3.palette.apply') }}
     </button>
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index 4a6de3286..20174da0c 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -12,9 +12,9 @@
         <button
           class="button-default theme-preview"
           data-theme-key="stock"
-          @click="resetTheming"
           :class="{ toggled: isStyleActive('stock'), disabled: switchInProgress }"
           :disabled="switchInProgress"
+          @click="resetTheming"
         >
           <!-- eslint-disable vue/no-v-text-v-html-on-component -->
           <!-- eslint-disable vue/no-v-html -->
@@ -58,8 +58,8 @@
           :data-theme-key="style.key"
           class="button-default theme-preview"
           :class="{ toggled: isThemeActive(style.key), disabled: switchInProgress }"
-          @click="style.version === 'v2' ? setTheme(style.key) : setStyle(style.key)"
           :disabled="switchInProgress"
+          @click="style.version === 'v2' ? setTheme(style.key) : setStyle(style.key)"
         >
           <!-- eslint-disable vue/no-v-text-v-html-on-component -->
           <!-- eslint-disable vue/no-v-html -->
@@ -81,9 +81,9 @@
       <div class="import-file-container">
         <button
           class="btn button-default"
-          @click="importFile"
           :class="{ disabled: switchInProgress }"
           :disabled="switchInProgress"
+          @click="importFile"
         >
           <FAIcon icon="folder-open" />
           {{ $t('settings.style.themes3.editor.load_style') }}
@@ -157,8 +157,8 @@
               class="userPalette"
               :compact="true"
               :apply="true"
-              @applyPalette="data => setPaletteCustom(data)"
               :disabled="switchInProgress"
+              @applyPalette="data => setPaletteCustom(data)"
             />
           </template>
           <template v-else-if="customThemeVersion === 'v2'">
diff --git a/src/components/video_attachment/video_attachment.js b/src/components/video_attachment/video_attachment.js
index 107b89855..eb17223a1 100644
--- a/src/components/video_attachment/video_attachment.js
+++ b/src/components/video_attachment/video_attachment.js
@@ -1,4 +1,3 @@
-
 const VideoAttachment = {
   props: ['attachment', 'controls'],
   data () {
diff --git a/src/services/gesture_service/gesture_service.js b/src/services/gesture_service/gesture_service.js
index 265a7f25e..570a1746d 100644
--- a/src/services/gesture_service/gesture_service.js
+++ b/src/services/gesture_service/gesture_service.js
@@ -1,4 +1,3 @@
-
 const DIRECTION_LEFT = [-1, 0]
 const DIRECTION_RIGHT = [1, 0]
 const DIRECTION_UP = [0, -1]
diff --git a/src/services/promise_interval/promise_interval.js b/src/services/promise_interval/promise_interval.js
index 0c0a66a01..0f9abaf13 100644
--- a/src/services/promise_interval/promise_interval.js
+++ b/src/services/promise_interval/promise_interval.js
@@ -1,4 +1,3 @@
-
 // promiseInterval - replacement for setInterval for promises, starts counting
 // the interval only after a promise is done instead of immediately.
 // - promiseCall is a function that returns a promise, it's called the first
diff --git a/src/services/window_utils/window_utils.js b/src/services/window_utils/window_utils.js
index 909088dbc..c33785363 100644
--- a/src/services/window_utils/window_utils.js
+++ b/src/services/window_utils/window_utils.js
@@ -1,4 +1,3 @@
-
 export const windowWidth = () =>
   window.innerWidth ||
   document.documentElement.clientWidth ||