fix: apply ESLint rule vue/define-macros-order

app/javascript/dashboard/components/widgets/TableFooterPagination.vue

@@ -17,6 +17,7 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits(['pageChange']);
 const hasLastPage = computed(
   () => props.currentPage === props.totalPages || props.totalPages === 1
 );
@@ -24,8 +25,6 @@ const hasFirstPage = computed(() => props.currentPage === 1);
 const hasNextPage = computed(() => props.currentPage === props.totalPages);
 const hasPrevPage = computed(() => props.currentPage === 1);
 
-const emit = defineEmits(['pageChange']);
-
 function buttonClass(hasPage) {
   if (hasPage) {
     return 'hover:!bg-slate-50 dark:hover:!bg-slate-800';

app/javascript/dashboard/components/widgets/conversation/components/SLAPopoverCard.vue

@@ -4,8 +4,6 @@ import { ref, computed } from 'vue';
 import wootConstants from 'dashboard/constants/globals';
 import SLAEventItem from './SLAEventItem.vue';
 
-const { SLA_MISS_TYPES } = wootConstants;
-
 const props = defineProps({
   slaMissedEvents: {
     type: Array,
@@ -13,6 +11,8 @@ const props = defineProps({
   },
 });
 
+const { SLA_MISS_TYPES } = wootConstants;
+
 const shouldShowAllNrts = ref(false);
 
 const frtMisses = computed(() =>

app/javascript/dashboard/components/widgets/conversation/conversationBulkActions/UpdateActions.vue

@@ -5,10 +5,6 @@ import { ref } from 'vue';
 import WootDropdownItem from 'shared/components/ui/dropdown/DropdownItem.vue';
 import WootDropdownMenu from 'shared/components/ui/dropdown/DropdownMenu.vue';
 
-const { t } = useI18n();
-
-const emits = defineEmits(['update', 'close']);
-
 const props = defineProps({
   selectedInboxes: {
     type: Array,
@@ -32,6 +28,10 @@ const props = defineProps({
   },
 });
 
+const emits = defineEmits(['update', 'close']);
+
+const { t } = useI18n();
+
 const actions = ref([
   { icon: 'checkmark', key: 'resolved' },
   { icon: 'arrow-redo', key: 'open' },

app/javascript/dashboard/components/widgets/conversation/linear/CreateOrLinkIssue.vue

@@ -15,6 +15,8 @@ const props = defineProps({
   },
 });
 
+const emits = defineEmits(['close']);
+
 const { t } = useI18n();
 
 const selectedTabIndex = ref(0);
@@ -27,8 +29,6 @@ const title = computed(() => {
   });
 });
 
-const emits = defineEmits(['close']);
-
 const tabs = ref([
   {
     key: 0,

app/javascript/dashboard/components/widgets/conversation/linear/Issue.vue

@@ -4,13 +4,6 @@ import UserAvatarWithName from 'dashboard/components/widgets/UserAvatarWithName.
 import IssueHeader from './IssueHeader.vue';
 import { computed } from 'vue';
 
-const priorityMap = {
-  1: 'Urgent',
-  2: 'High',
-  3: 'Medium',
-  4: 'Low',
-};
-
 const props = defineProps({
   issue: {
     type: Object,
@@ -24,6 +17,13 @@ const props = defineProps({
 
 const emit = defineEmits(['unlinkIssue']);
 
+const priorityMap = {
+  1: 'Urgent',
+  2: 'High',
+  3: 'Medium',
+  4: 'Low',
+};
+
 const formattedDate = computed(() => {
   const { createdAt } = props.issue;
   return format(new Date(createdAt), 'hh:mm a, MMM dd');

app/javascript/dashboard/components/widgets/conversation/linear/IssueHeader.vue

@@ -11,10 +11,10 @@ const props = defineProps({
   },
 });
 
-const isUnlinking = inject('isUnlinking');
-
 const emit = defineEmits(['unlinkIssue']);
 
+const isUnlinking = inject('isUnlinking');
+
 const unlinkIssue = () => {
   emit('unlinkIssue');
 };

app/javascript/dashboard/components/widgets/conversation/linear/SearchableDropdown.vue

@@ -3,10 +3,6 @@ import { ref, computed, defineComponent } from 'vue';
 import FilterButton from 'dashboard/components/ui/Dropdown/DropdownButton.vue';
 import FilterListDropdown from 'dashboard/components/ui/Dropdown/DropdownList.vue';
 
-defineComponent({
-  name: 'SearchableDropdown',
-});
-
 const props = defineProps({
   type: { type: String, required: true },
   label: { type: String, default: null },
@@ -17,6 +13,11 @@ const props = defineProps({
 });
 
 const emit = defineEmits(['change']);
+
+defineComponent({
+  name: 'SearchableDropdown',
+});
+
 const shouldShowDropdown = ref(false);
 
 const toggleDropdown = () => {

app/javascript/dashboard/components/widgets/conversation/linear/index.vue

@@ -8,10 +8,6 @@ import CreateOrLinkIssue from './CreateOrLinkIssue.vue';
 import Issue from './Issue.vue';
 import { parseLinearAPIErrorResponse } from 'dashboard/store/utils/api';
 
-defineComponent({
-  name: 'Linear',
-});
-
 const props = defineProps({
   conversationId: {
     type: [Number, String],
@@ -19,6 +15,10 @@ const props = defineProps({
   },
 });
 
+defineComponent({
+  name: 'Linear',
+});
+
 const getters = useStoreGetters();
 const { t } = useI18n();