fix: lint errors and reorder imports

Author: jianzuoyi

client/src/components/Form/Elements/FormData/FormDataContextButtons.vue

@@ -4,13 +4,13 @@ import { faEye, faPlus, faSpinner, faTimes, faUpload } from "@fortawesome/free-s
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BButton, BButtonGroup, BDropdown, BDropdownItem } from "bootstrap-vue";
 import { computed } from "vue";
-import localize from "@/utils/localization";
 
 import type { CollectionType } from "@/api/datasetCollections";
 import {
     COLLECTION_TYPE_TO_LABEL,
     type CollectionBuilderType,
 } from "@/components/History/adapters/buildCollectionModal";
+import localize from "@/utils/localization";
 import { capitalizeFirstLetter } from "@/utils/strings";
 
 import { buildersForCollectionTypes, unconstrainedCollectionTypeBuilders } from "./collections";

client/src/components/History/CurrentHistory/HistoryNavigation.vue

@@ -45,7 +45,7 @@ function userTitle(title: string) {
         <nav
             :class="{ 'd-flex justify-content-between mx-3 my-2': !props.minimal }"
             aria-label="current history management">
-            <h2 v-if="!props.minimal" class="m-1 h-sm" v-localize>History</h2>
+            <h2 v-if="!props.minimal" v-localize class="m-1 h-sm">History</h2>
 
             <BButtonGroup>
                 <BButton

client/src/components/Masthead/QuotaMeter.vue

@@ -6,9 +6,8 @@ import { computed } from "vue";
 import { isRegisteredUser } from "@/api";
 import { useConfig } from "@/composables/config";
 import { useUserStore } from "@/stores/userStore";
-import { bytesToString } from "@/utils/utils";
-
 import localize from "@/utils/localization";
+import { bytesToString } from "@/utils/utils";
 
 const { config } = useConfig();
 const { currentUser, isAnonymous } = storeToRefs(useUserStore());

client/src/components/Masthead/_webhooks.js

@@ -9,7 +9,7 @@ export async function loadMastheadWebhooks(items) {
                 id: webhook.id,
                 icon: webhook.config.icon,
                 url: webhook.config.url,
-                tooltip: localize(webhook.config.tooltip),
+                tooltip: webhook.config.tooltip,
                 /*jslint evil: true */
                 onclick: webhook.config.function && new Function(webhook.config.function),
                 target: "_parent",

client/src/components/Panels/Buttons/FavoritesButton.vue

@@ -5,9 +5,9 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { watchImmediate } from "@vueuse/core";
 import { storeToRefs } from "pinia";
 import { computed, ref, watch } from "vue";
-import localize from "@/utils/localization";
 
 import { useUserStore } from "@/stores/userStore";
+import localize from "@/utils/localization";
 
 import GButton from "@/components/BaseComponents/GButton.vue";
 

client/src/components/Tags/StatelessTags.vue

@@ -37,8 +37,6 @@ import VueTagsInput from "@johmun/vue-tags-input";
 
 import { createTag, VALID_TAG_RE } from "./model";
 
-import localize from "@/utils/localization";
-
 export default {
     components: {
         VueTagsInput,

client/src/components/Tool/ToolCard.vue

@@ -249,7 +249,7 @@ onBeforeMount(() => {
         <template v-slot:footer>
             <slot name="buttons" />
             <div v-if="props.options.help" class="mt-2 mb-4">
-                <Heading h2 separator bold size="sm" v-localize>Help</Heading>
+                <Heading v-localize h2 separator bold size="sm">Help</Heading>
                 <ToolHelp :content="props.options.help" :format="props.options.help_format" />
             </div>
 

client/src/components/Tool/ToolForm.vue

@@ -42,7 +42,7 @@
             @updatePreferredObjectStoreId="onUpdatePreferredObjectStoreId"
             @onChangeVersion="onChangeVersion">
             <div class="mt-2 mb-4">
-                <Heading h2 separator bold size="sm" v-localize> Tool Parameters </Heading>
+                <Heading v-localize h2 separator bold size="sm"> Tool Parameters </Heading>
                 <FormDisplay
                     :id="toolId"
                     :inputs="formConfig.inputs"
@@ -55,7 +55,7 @@
             </div>
 
             <div class="mt-2 mb-4">
-                <Heading h2 separator bold size="sm" v-localize> Additional Options </Heading>
+                <Heading v-localize h2 separator bold size="sm"> Additional Options </Heading>
                 <FormElement
                     v-if="emailAllowed(config, currentUser)"
                     id="send_email_notification"

client/src/components/Tool/ToolFormTags.vue

@@ -14,13 +14,13 @@ const emit = defineEmits<{
     <div class="ui-form-element section-row">
         <div class="ui-form-title">
             <span class="ui-form-title-text">
-                <label for="tool-form-tags" v-localize>Output Tags</label>
+                <label v-localize for="tool-form-tags">Output Tags</label>
             </span>
         </div>
         <div id="tool-form-tags" class="ui-form-field">
             <StatelessTags :value="props.tags" placeholder="Add tags" @input="emit('update:tags', $event)" />
         </div>
-        <span class="ui-form-info form-text text-muted" v-localize>
+        <span v-localize class="ui-form-info form-text text-muted">
             Enter tags to apply to the output datasets in your history (e.g., 'sample1'). Tags starting with '#' (e.g.,
             '#sample1') will propagate to datasets derived from these outputs. Tags help you organize and search your
             history.

client/src/components/Tool/ToolTutorialRecommendations.vue

@@ -45,7 +45,7 @@ const tutorialText = computed(() => {
 
 <template>
     <div v-if="trainingAvailable" class="mt-2 mb-4">
-        <Heading h2 separator bold size="sm" v-localize>Tutorials</Heading>
+        <Heading v-localize h2 separator bold size="sm">Tutorials</Heading>
 
         <p>
             {{ tutorialText }}