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

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