fix: apply ESLint rule vue/component-tags-order

app/javascript/dashboard/components/widgets/modal/DeleteModal.vue

@@ -1,27 +1,3 @@
-<!-- eslint-disable vue/no-mutating-props -->
-<template>
-  <modal :show.sync="show" :on-close="onClose">
-    <woot-modal-header
-      :header-title="title"
-      :header-content="message"
-      :header-content-value="messageValue"
-    />
-    <div class="flex justify-end items-center gap-2 p-8">
-      <woot-button variant="clear" class="action-button" @click="onClose">
-        {{ rejectText }}
-      </woot-button>
-      <woot-button
-        color-scheme="alert"
-        class="action-button"
-        variant="smooth"
-        @click="onConfirm"
-      >
-        {{ confirmText }}
-      </woot-button>
-    </div>
-  </modal>
-</template>
-
 <script>
 import Modal from '../../Modal.vue';
 
@@ -41,6 +17,30 @@ export default {
   },
 };
 </script>
+
+<!-- eslint-disable vue/no-mutating-props -->
+<template>
+  <modal :show.sync="show" :on-close="onClose">
+    <woot-modal-header
+      :header-title="title"
+      :header-content="message"
+      :header-content-value="messageValue"
+    />
+    <div class="flex items-center justify-end gap-2 p-8">
+      <woot-button variant="clear" class="action-button" @click="onClose">
+        {{ rejectText }}
+      </woot-button>
+      <woot-button
+        color-scheme="alert"
+        class="action-button"
+        variant="smooth"
+        @click="onConfirm"
+      >
+        {{ confirmText }}
+      </woot-button>
+    </div>
+  </modal>
+</template>
 <style lang="scss" scoped>
 .action-button {
   max-width: var(--space-giga);