From a4d5cac7fda6e5d09ae1f0bcc3049e02e4d73248 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Tue, 23 Jul 2024 09:03:39 -0400
Subject: [PATCH] Apply type import enforcement/formatting to vue components.

---
 client/src/components/Citation/CitationItem.vue      |  2 +-
 .../Collections/common/CollectionEditView.vue        |  2 +-
 client/src/components/Common/ExportForm.vue          |  2 +-
 client/src/components/Common/ExportRDMForm.vue       |  6 +++---
 client/src/components/Common/ExportRecordDOILink.vue |  2 +-
 client/src/components/Common/ExportRecordDetails.vue |  2 +-
 client/src/components/Common/FilterMenuDropdown.vue  |  2 +-
 client/src/components/Common/FilterMenuMultiTags.vue |  2 +-
 .../src/components/Common/FilterMenuObjectStore.vue  |  2 +-
 .../src/components/Common/FilterObjectStoreLink.vue  |  2 +-
 client/src/components/Common/ObjectStoreSelect.vue   |  2 +-
 .../Common/PersistentTaskProgressMonitorAlert.vue    |  4 ++--
 .../components/ConfigTemplates/EditSecretsForm.vue   |  2 +-
 .../components/Dataset/DatasetIndex/DatasetIndex.vue |  2 +-
 client/src/components/Dataset/DatasetList.vue        |  2 +-
 client/src/components/Dataset/DatasetName.vue        |  2 +-
 .../Dataset/DatasetStorage/DatasetStorage.vue        |  2 +-
 .../Dataset/DatasetStorage/RelocateDialog.vue        |  2 +-
 .../Dataset/DatasetStorage/RelocateLink.vue          |  2 +-
 .../components/DatasetInformation/DatasetDetails.vue |  2 +-
 .../components/DatasetInformation/DatasetError.vue   | 10 ++++++++--
 client/src/components/FilesDialog/FilesDialog.vue    | 10 +++++-----
 client/src/components/FilesDialog/FilesInput.vue     |  4 ++--
 client/src/components/GDateTime.vue                  |  2 +-
 client/src/components/Grid/GridList.vue              |  9 ++++++++-
 .../History/Archiving/ArchivedHistoryCard.vue        |  2 +-
 .../components/History/Archiving/HistoryArchive.vue  |  2 +-
 .../Content/Collection/CollectionProgress.vue        |  2 +-
 .../CurrentCollection/CollectionOperations.vue       |  2 +-
 .../src/components/History/Export/HistoryExport.vue  |  2 +-
 .../components/History/Multiple/MultipleViewList.vue |  2 +-
 .../src/components/History/SwitchToHistoryLink.vue   |  2 +-
 .../components/Markdown/Elements/JobSelection.vue    |  2 +-
 client/src/components/Markdown/LabelSelector.vue     |  2 +-
 client/src/components/Markdown/MarkdownDialog.vue    |  2 +-
 client/src/components/Markdown/MarkdownSelector.vue  |  2 +-
 .../components/ObjectStore/ObjectStoreTypeSpan.vue   |  2 +-
 .../src/components/ObjectStore/SelectObjectStore.vue |  2 +-
 .../src/components/PageEditor/ObjectPermissions.vue  |  2 +-
 client/src/components/Panels/ToolBox.vue             |  4 ++--
 .../SelectionDialog/BasicSelectionDialog.vue         |  2 +-
 .../components/SelectionDialog/SelectionDialog.vue   |  2 +-
 .../components/User/DiskUsage/DiskUsageSummary.vue   |  2 +-
 .../User/DiskUsage/Quota/QuotaUsageBar.vue           |  2 +-
 .../User/Notifications/NotificationsPreferences.vue  |  2 +-
 client/src/components/Workflow/Editor/Draggable.vue  |  4 ++--
 client/src/components/Workflow/Editor/NodeOutput.vue | 12 +++++++++++-
 .../Workflow/Invocation/Export/ActionButton.vue      |  2 +-
 .../Workflow/Invocation/Export/ExportButton.vue      |  2 +-
 .../Invocation/Export/InvocationExportPluginCard.vue |  4 ++--
 .../WorkflowInvocationOverview.vue                   |  2 +-
 .../components/admin/Notifications/BroadcastCard.vue |  2 +-
 .../admin/Notifications/BroadcastsList.vue           |  2 +-
 .../admin/Notifications/NotificationForm.vue         |  2 +-
 54 files changed, 89 insertions(+), 66 deletions(-)

diff --git a/client/src/components/Citation/CitationItem.vue b/client/src/components/Citation/CitationItem.vue
index 82894f285641..864dadc112e7 100644
--- a/client/src/components/Citation/CitationItem.vue
+++ b/client/src/components/Citation/CitationItem.vue
@@ -4,7 +4,7 @@ import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { computed } from "vue";
 
-import { Citation } from ".";
+import { type Citation } from ".";
 
 library.add(faExternalLinkAlt);
 
diff --git a/client/src/components/Collections/common/CollectionEditView.vue b/client/src/components/Collections/common/CollectionEditView.vue
index 5f231903a451..7ee33362431d 100644
--- a/client/src/components/Collections/common/CollectionEditView.vue
+++ b/client/src/components/Collections/common/CollectionEditView.vue
@@ -18,7 +18,7 @@ import localize from "@/utils/localization";
 import { prependPath } from "@/utils/redirect";
 import { errorMessageAsString } from "@/utils/simple-error";
 
-import { HistoryContentBulkOperationPayload, updateHistoryItemsBulk } from "./services";
+import { type HistoryContentBulkOperationPayload, updateHistoryItemsBulk } from "./services";
 
 import ChangeDatatypeTab from "@/components/Collections/common/ChangeDatatypeTab.vue";
 import DatabaseEditTab from "@/components/Collections/common/DatabaseEditTab.vue";
diff --git a/client/src/components/Common/ExportForm.vue b/client/src/components/Common/ExportForm.vue
index df58871a369b..18e0a7ff6702 100644
--- a/client/src/components/Common/ExportForm.vue
+++ b/client/src/components/Common/ExportForm.vue
@@ -2,7 +2,7 @@
 import { BButton, BCol, BFormGroup, BFormInput, BRow } from "bootstrap-vue";
 import { computed, ref } from "vue";
 
-import { FilterFileSourcesOptions } from "@/api/remoteFiles";
+import { type FilterFileSourcesOptions } from "@/api/remoteFiles";
 import localize from "@/utils/localization";
 
 import FilesInput from "@/components/FilesDialog/FilesInput.vue";
diff --git a/client/src/components/Common/ExportRDMForm.vue b/client/src/components/Common/ExportRDMForm.vue
index f99510a59907..6fee693d46a1 100644
--- a/client/src/components/Common/ExportRDMForm.vue
+++ b/client/src/components/Common/ExportRDMForm.vue
@@ -3,10 +3,10 @@ import { BButton, BCard, BFormGroup, BFormInput, BFormRadio, BFormRadioGroup } f
 import { computed, ref } from "vue";
 
 import {
-    BrowsableFilesSourcePlugin,
-    CreatedEntry,
+    type BrowsableFilesSourcePlugin,
+    type CreatedEntry,
     createRemoteEntry,
-    FilterFileSourcesOptions,
+    type FilterFileSourcesOptions,
 } from "@/api/remoteFiles";
 import { useToast } from "@/composables/toast";
 import localize from "@/utils/localization";
diff --git a/client/src/components/Common/ExportRecordDOILink.vue b/client/src/components/Common/ExportRecordDOILink.vue
index 22683615482c..4ea087d40b12 100644
--- a/client/src/components/Common/ExportRecordDOILink.vue
+++ b/client/src/components/Common/ExportRecordDOILink.vue
@@ -2,7 +2,7 @@
 import axios from "axios";
 import { ref, watch } from "vue";
 
-import { BrowsableFilesSourcePlugin } from "@/api/remoteFiles";
+import { type BrowsableFilesSourcePlugin } from "@/api/remoteFiles";
 import { useFileSources } from "@/composables/fileSources";
 
 import DOILink from "./DOILink.vue";
diff --git a/client/src/components/Common/ExportRecordDetails.vue b/client/src/components/Common/ExportRecordDetails.vue
index 6d4199f6e905..58ad35898ff2 100644
--- a/client/src/components/Common/ExportRecordDetails.vue
+++ b/client/src/components/Common/ExportRecordDetails.vue
@@ -12,7 +12,7 @@ import { BAlert, BButton } from "bootstrap-vue";
 import { computed } from "vue";
 
 import type { ColorVariant } from ".";
-import { ExportRecord } from "./models/exportRecordModel";
+import { type ExportRecord } from "./models/exportRecordModel";
 
 import Heading from "@/components/Common/Heading.vue";
 import LoadingSpan from "@/components/LoadingSpan.vue";
diff --git a/client/src/components/Common/FilterMenuDropdown.vue b/client/src/components/Common/FilterMenuDropdown.vue
index b86b5ca5663e..a251f40281ad 100644
--- a/client/src/components/Common/FilterMenuDropdown.vue
+++ b/client/src/components/Common/FilterMenuDropdown.vue
@@ -6,7 +6,7 @@ import { BButton, BDropdown, BDropdownItem, BInputGroup, BInputGroupAppend, BMod
 import { capitalize } from "lodash";
 import { computed, onMounted, ref, type UnwrapRef, watch } from "vue";
 
-import { QuotaUsage } from "@/components/User/DiskUsage/Quota/model";
+import { type QuotaUsage } from "@/components/User/DiskUsage/Quota/model";
 import { type FilterType, type ValidFilter } from "@/utils/filtering";
 import { errorMessageAsString } from "@/utils/simple-error";
 
diff --git a/client/src/components/Common/FilterMenuMultiTags.vue b/client/src/components/Common/FilterMenuMultiTags.vue
index d9c157d51092..e4b81b3fe6a7 100644
--- a/client/src/components/Common/FilterMenuMultiTags.vue
+++ b/client/src/components/Common/FilterMenuMultiTags.vue
@@ -2,7 +2,7 @@
 import { BInputGroup } from "bootstrap-vue";
 import { computed, ref, watch } from "vue";
 
-import { ValidFilter } from "@/utils/filtering";
+import { type ValidFilter } from "@/utils/filtering";
 
 import StatelessTags from "@/components/TagsMultiselect/StatelessTags.vue";
 
diff --git a/client/src/components/Common/FilterMenuObjectStore.vue b/client/src/components/Common/FilterMenuObjectStore.vue
index dd0dea4756ed..ab4f24d8f0a7 100644
--- a/client/src/components/Common/FilterMenuObjectStore.vue
+++ b/client/src/components/Common/FilterMenuObjectStore.vue
@@ -2,7 +2,7 @@
 import { computed, ref, watch } from "vue";
 
 import { useSelectableObjectStores } from "@/composables/useObjectStores";
-import { ValidFilter } from "@/utils/filtering";
+import { type ValidFilter } from "@/utils/filtering";
 
 import FilterObjectStoreLink from "./FilterObjectStoreLink.vue";
 
diff --git a/client/src/components/Common/FilterObjectStoreLink.vue b/client/src/components/Common/FilterObjectStoreLink.vue
index c68aeb6a8011..5c83394b0902 100644
--- a/client/src/components/Common/FilterObjectStoreLink.vue
+++ b/client/src/components/Common/FilterObjectStoreLink.vue
@@ -4,7 +4,7 @@ import { faTimes } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { computed, ref } from "vue";
 
-import { ConcreteObjectStoreModel } from "@/api";
+import { type ConcreteObjectStoreModel } from "@/api";
 import { useObjectStoreStore } from "@/stores/objectStoreStore";
 
 import ObjectStoreSelect from "./ObjectStoreSelect.vue";
diff --git a/client/src/components/Common/ObjectStoreSelect.vue b/client/src/components/Common/ObjectStoreSelect.vue
index 3ded3de27b2e..0382b9a27c8a 100644
--- a/client/src/components/Common/ObjectStoreSelect.vue
+++ b/client/src/components/Common/ObjectStoreSelect.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ConcreteObjectStoreModel } from "@/api";
+import { type ConcreteObjectStoreModel } from "@/api";
 
 import ObjectStoreSelectButton from "@/components/ObjectStore/ObjectStoreSelectButton.vue";
 import ObjectStoreSelectButtonDescribePopover from "@/components/ObjectStore/ObjectStoreSelectButtonDescribePopover.vue";
diff --git a/client/src/components/Common/PersistentTaskProgressMonitorAlert.vue b/client/src/components/Common/PersistentTaskProgressMonitorAlert.vue
index 34467f095646..076ddbbbc067 100644
--- a/client/src/components/Common/PersistentTaskProgressMonitorAlert.vue
+++ b/client/src/components/Common/PersistentTaskProgressMonitorAlert.vue
@@ -5,8 +5,8 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BAlert, BLink } from "bootstrap-vue";
 import { computed, watch } from "vue";
 
-import { TaskMonitor } from "@/composables/genericTaskMonitor";
-import { MonitoringRequest, usePersistentProgressTaskMonitor } from "@/composables/persistentProgressMonitor";
+import { type TaskMonitor } from "@/composables/genericTaskMonitor";
+import { type MonitoringRequest, usePersistentProgressTaskMonitor } from "@/composables/persistentProgressMonitor";
 import { useShortTermStorage } from "@/composables/shortTermStorage";
 
 import UtcDate from "@/components/UtcDate.vue";
diff --git a/client/src/components/ConfigTemplates/EditSecretsForm.vue b/client/src/components/ConfigTemplates/EditSecretsForm.vue
index 7d5cd1777d5b..e32b45ddfee5 100644
--- a/client/src/components/ConfigTemplates/EditSecretsForm.vue
+++ b/client/src/components/ConfigTemplates/EditSecretsForm.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TemplateSummary } from "@/api/configTemplates";
+import { type TemplateSummary } from "@/api/configTemplates";
 
 import VaultSecret from "./VaultSecret.vue";
 import FormCard from "@/components/Form/FormCard.vue";
diff --git a/client/src/components/Dataset/DatasetIndex/DatasetIndex.vue b/client/src/components/Dataset/DatasetIndex/DatasetIndex.vue
index 7ac0e57e3650..5001d7f2b20a 100644
--- a/client/src/components/Dataset/DatasetIndex/DatasetIndex.vue
+++ b/client/src/components/Dataset/DatasetIndex/DatasetIndex.vue
@@ -2,7 +2,7 @@
 import { computed } from "vue";
 
 import type { DatasetExtraFiles } from "@/api/datasets";
-import { PathDestination, useDatasetPathDestination } from "@/composables/datasetPathDestination";
+import { type PathDestination, useDatasetPathDestination } from "@/composables/datasetPathDestination";
 
 interface Props {
     historyDatasetId: string;
diff --git a/client/src/components/Dataset/DatasetList.vue b/client/src/components/Dataset/DatasetList.vue
index cec54b0c7429..999b2cef6ff8 100644
--- a/client/src/components/Dataset/DatasetList.vue
+++ b/client/src/components/Dataset/DatasetList.vue
@@ -3,7 +3,7 @@ import { BAlert, BTable } from "bootstrap-vue";
 import { storeToRefs } from "pinia";
 import { computed, onMounted, ref } from "vue";
 
-import { HDASummary } from "@/api";
+import { type HDASummary } from "@/api";
 import { copyDataset, getDatasets } from "@/api/datasets";
 import { updateTags } from "@/api/tags";
 import { useHistoryStore } from "@/stores/historyStore";
diff --git a/client/src/components/Dataset/DatasetName.vue b/client/src/components/Dataset/DatasetName.vue
index 71e629011e3a..2a1b176a48ae 100644
--- a/client/src/components/Dataset/DatasetName.vue
+++ b/client/src/components/Dataset/DatasetName.vue
@@ -5,7 +5,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BLink } from "bootstrap-vue";
 import { computed } from "vue";
 
-import { HDASummary } from "@/api";
+import { type HDASummary } from "@/api";
 
 library.add(faCaretDown, faCopy, faEye, faTimesCircle, faPause);
 
diff --git a/client/src/components/Dataset/DatasetStorage/DatasetStorage.vue b/client/src/components/Dataset/DatasetStorage/DatasetStorage.vue
index b36bdfad2296..3132b9ba16fe 100644
--- a/client/src/components/Dataset/DatasetStorage/DatasetStorage.vue
+++ b/client/src/components/Dataset/DatasetStorage/DatasetStorage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
 
-import { DatasetStorageDetails } from "@/api";
+import { type DatasetStorageDetails } from "@/api";
 import { fetchDatasetStorage } from "@/api/datasets";
 import { errorMessageAsString } from "@/utils/simple-error";
 
diff --git a/client/src/components/Dataset/DatasetStorage/RelocateDialog.vue b/client/src/components/Dataset/DatasetStorage/RelocateDialog.vue
index 1caf060b53b1..3cb59309f726 100644
--- a/client/src/components/Dataset/DatasetStorage/RelocateDialog.vue
+++ b/client/src/components/Dataset/DatasetStorage/RelocateDialog.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ConcreteObjectStoreModel } from "@/api";
+import { type ConcreteObjectStoreModel } from "@/api";
 
 import ObjectStoreSelectButton from "@/components/ObjectStore/ObjectStoreSelectButton.vue";
 import ObjectStoreSelectButtonDescribePopover from "@/components/ObjectStore/ObjectStoreSelectButtonDescribePopover.vue";
diff --git a/client/src/components/Dataset/DatasetStorage/RelocateLink.vue b/client/src/components/Dataset/DatasetStorage/RelocateLink.vue
index fb71dacc1b04..a097501d9f35 100644
--- a/client/src/components/Dataset/DatasetStorage/RelocateLink.vue
+++ b/client/src/components/Dataset/DatasetStorage/RelocateLink.vue
@@ -3,7 +3,7 @@ import { BButton } from "bootstrap-vue";
 import { storeToRefs } from "pinia";
 import { computed, ref } from "vue";
 
-import { ConcreteObjectStoreModel, DatasetStorageDetails } from "@/api";
+import { type ConcreteObjectStoreModel, type DatasetStorageDetails } from "@/api";
 import { updateObjectStore } from "@/api/objectStores";
 import { useObjectStoreStore } from "@/stores/objectStoreStore";
 
diff --git a/client/src/components/DatasetInformation/DatasetDetails.vue b/client/src/components/DatasetInformation/DatasetDetails.vue
index 7680606b3106..4793da8d6982 100644
--- a/client/src/components/DatasetInformation/DatasetDetails.vue
+++ b/client/src/components/DatasetInformation/DatasetDetails.vue
@@ -6,7 +6,7 @@ import { onMounted, onUnmounted, ref } from "vue";
 
 import { type HDADetailed } from "@/api";
 import { fetchDatasetDetails } from "@/api/datasets";
-import { fetchJobDetails, JobDetails } from "@/api/jobs";
+import { fetchJobDetails, type JobDetails } from "@/api/jobs";
 import { useConfig } from "@/composables/config";
 import { useUserStore } from "@/stores/userStore";
 import { stateIsTerminal } from "@/utils/utils";
diff --git a/client/src/components/DatasetInformation/DatasetError.vue b/client/src/components/DatasetInformation/DatasetError.vue
index 0c86dada34d9..0e60ad136de4 100644
--- a/client/src/components/DatasetInformation/DatasetError.vue
+++ b/client/src/components/DatasetInformation/DatasetError.vue
@@ -2,14 +2,20 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faBug } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { AxiosError } from "axios";
+import { type AxiosError } from "axios";
 import { BAlert, BButton } from "bootstrap-vue";
 import { storeToRefs } from "pinia";
 import { computed, onMounted, ref } from "vue";
 
 import { type HDADetailed } from "@/api";
 import { fetchDatasetDetails } from "@/api/datasets";
-import { fetchJobCommonProblems, fetchJobDetails, JobDetails, JobInputSummary, postJobErrorReport } from "@/api/jobs";
+import {
+    fetchJobCommonProblems,
+    fetchJobDetails,
+    type JobDetails,
+    type JobInputSummary,
+    postJobErrorReport,
+} from "@/api/jobs";
 import { useMarkdown } from "@/composables/markdown";
 import { useUserStore } from "@/stores/userStore";
 import localize from "@/utils/localization";
diff --git a/client/src/components/FilesDialog/FilesDialog.vue b/client/src/components/FilesDialog/FilesDialog.vue
index 5e6d2bde46e3..f61c7c372c85 100644
--- a/client/src/components/FilesDialog/FilesDialog.vue
+++ b/client/src/components/FilesDialog/FilesDialog.vue
@@ -5,15 +5,15 @@ import Vue, { computed, onMounted, ref } from "vue";
 import {
     browseRemoteFiles,
     fetchFileSources,
-    FileSourceBrowsingMode,
-    FilterFileSourcesOptions,
-    RemoteEntry,
+    type FileSourceBrowsingMode,
+    type FilterFileSourcesOptions,
+    type RemoteEntry,
 } from "@/api/remoteFiles";
 import { UrlTracker } from "@/components/DataDialog/utilities";
 import { fileSourcePluginToItem, isSubPath } from "@/components/FilesDialog/utilities";
 import {
-    ItemsProvider,
-    ItemsProviderContext,
+    type ItemsProvider,
+    type ItemsProviderContext,
     SELECTION_STATES,
     type SelectionItem,
 } from "@/components/SelectionDialog/selectionTypes";
diff --git a/client/src/components/FilesDialog/FilesInput.vue b/client/src/components/FilesDialog/FilesInput.vue
index b1e7390a3483..965eaab51f5a 100644
--- a/client/src/components/FilesDialog/FilesInput.vue
+++ b/client/src/components/FilesDialog/FilesInput.vue
@@ -2,10 +2,10 @@
 import { BFormInput } from "bootstrap-vue";
 import { computed } from "vue";
 
-import { FileSourceBrowsingMode, FilterFileSourcesOptions } from "@/api/remoteFiles";
+import { type FileSourceBrowsingMode, type FilterFileSourcesOptions } from "@/api/remoteFiles";
 import { filesDialog } from "@/utils/data";
 
-import { SelectionItem } from "../SelectionDialog/selectionTypes";
+import { type SelectionItem } from "../SelectionDialog/selectionTypes";
 
 interface Props {
     value: string;
diff --git a/client/src/components/GDateTime.vue b/client/src/components/GDateTime.vue
index 616bc8322684..4b15864d63db 100644
--- a/client/src/components/GDateTime.vue
+++ b/client/src/components/GDateTime.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { BFormInput, BInputGroup } from "bootstrap-vue";
-import { Tuple } from "types/utilityTypes";
+import { type Tuple } from "types/utilityTypes";
 import { computed } from "vue";
 
 const props = defineProps<{
diff --git a/client/src/components/Grid/GridList.vue b/client/src/components/Grid/GridList.vue
index 3490f2c1ab7b..fb62592c7ec8 100644
--- a/client/src/components/Grid/GridList.vue
+++ b/client/src/components/Grid/GridList.vue
@@ -7,7 +7,14 @@ import { BAlert, BButton, BCard, BFormCheckbox, BOverlay, BPagination } from "bo
 import { computed, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
 import { useRouter } from "vue-router/composables";
 
-import { BatchOperation, FieldEntry, FieldHandler, GridConfig, Operation, RowData } from "./configs/types";
+import {
+    type BatchOperation,
+    type FieldEntry,
+    type FieldHandler,
+    type GridConfig,
+    type Operation,
+    type RowData,
+} from "./configs/types";
 
 import HelpText from "../Help/HelpText.vue";
 import SwitchToHistoryLink from "../History/SwitchToHistoryLink.vue";
diff --git a/client/src/components/History/Archiving/ArchivedHistoryCard.vue b/client/src/components/History/Archiving/ArchivedHistoryCard.vue
index 15ca422fce17..3bd2a66dbca3 100644
--- a/client/src/components/History/Archiving/ArchivedHistoryCard.vue
+++ b/client/src/components/History/Archiving/ArchivedHistoryCard.vue
@@ -5,7 +5,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BBadge, BButton, BButtonGroup } from "bootstrap-vue";
 import { computed } from "vue";
 
-import { ArchivedHistorySummary } from "@/api/histories.archived";
+import { type ArchivedHistorySummary } from "@/api/histories.archived";
 import localize from "@/utils/localization";
 
 import ExportRecordDOILink from "@/components/Common/ExportRecordDOILink.vue";
diff --git a/client/src/components/History/Archiving/HistoryArchive.vue b/client/src/components/History/Archiving/HistoryArchive.vue
index 24c3cd4ed417..beef0282cb85 100644
--- a/client/src/components/History/Archiving/HistoryArchive.vue
+++ b/client/src/components/History/Archiving/HistoryArchive.vue
@@ -4,7 +4,7 @@ import { computed, onMounted, ref, watch } from "vue";
 import { useRouter } from "vue-router/composables";
 
 import {
-    ArchivedHistorySummary,
+    type ArchivedHistorySummary,
     fetchArchivedHistories,
     reimportArchivedHistoryFromExportRecord,
 } from "@/api/histories.archived";
diff --git a/client/src/components/History/Content/Collection/CollectionProgress.vue b/client/src/components/History/Content/Collection/CollectionProgress.vue
index 37265ec91dd6..61a080d73d7a 100644
--- a/client/src/components/History/Content/Collection/CollectionProgress.vue
+++ b/client/src/components/History/Content/Collection/CollectionProgress.vue
@@ -2,7 +2,7 @@
 at components/JobStates/CollectionJobStates but it relies on the backbone data
 model, so probably has to go eventually.-->
 <script setup lang="ts">
-import { JobStateSummary } from "./JobStateSummary";
+import { type JobStateSummary } from "./JobStateSummary";
 
 interface Props {
     summary: JobStateSummary;
diff --git a/client/src/components/History/CurrentCollection/CollectionOperations.vue b/client/src/components/History/CurrentCollection/CollectionOperations.vue
index c8c20b4bef5f..144c35e468e1 100644
--- a/client/src/components/History/CurrentCollection/CollectionOperations.vue
+++ b/client/src/components/History/CurrentCollection/CollectionOperations.vue
@@ -2,7 +2,7 @@
 import { computed } from "vue";
 import { useRouter } from "vue-router/composables";
 
-import { HDCADetailed } from "@/api";
+import { type HDCADetailed } from "@/api";
 import { getAppRoot } from "@/onload/loadConfig";
 
 const router = useRouter();
diff --git a/client/src/components/History/Export/HistoryExport.vue b/client/src/components/History/Export/HistoryExport.vue
index e47bd706388d..d2f187888443 100644
--- a/client/src/components/History/Export/HistoryExport.vue
+++ b/client/src/components/History/Export/HistoryExport.vue
@@ -12,7 +12,7 @@ import {
     reimportHistoryFromRecord,
 } from "@/api/histories.export";
 import type { ColorVariant } from "@/components/Common";
-import { areEqual, ExportParams, ExportRecord } from "@/components/Common/models/exportRecordModel";
+import { areEqual, type ExportParams, type ExportRecord } from "@/components/Common/models/exportRecordModel";
 import { useConfirmDialog } from "@/composables/confirmDialog";
 import { useFileSources } from "@/composables/fileSources";
 import { DEFAULT_EXPORT_PARAMS, useShortTermStorage } from "@/composables/shortTermStorage";
diff --git a/client/src/components/History/Multiple/MultipleViewList.vue b/client/src/components/History/Multiple/MultipleViewList.vue
index 36eaac0e68cb..6f71c4a51e2b 100644
--- a/client/src/components/History/Multiple/MultipleViewList.vue
+++ b/client/src/components/History/Multiple/MultipleViewList.vue
@@ -6,7 +6,7 @@ import { computed, type Ref, ref } from "vue";
 //@ts-ignore missing typedefs
 import VirtualList from "vue-virtual-scroll-list";
 
-import { HistoryItemSummary, isHistoryItem } from "@/api";
+import { type HistoryItemSummary, isHistoryItem } from "@/api";
 import { copyDataset } from "@/api/datasets";
 import { useAnimationFrameResizeObserver } from "@/composables/sensors/animationFrameResizeObserver";
 import { useAnimationFrameScroll } from "@/composables/sensors/animationFrameScroll";
diff --git a/client/src/components/History/SwitchToHistoryLink.vue b/client/src/components/History/SwitchToHistoryLink.vue
index 4087ccecd27c..a1f686337540 100644
--- a/client/src/components/History/SwitchToHistoryLink.vue
+++ b/client/src/components/History/SwitchToHistoryLink.vue
@@ -6,7 +6,7 @@ import { BLink } from "bootstrap-vue";
 import { computed } from "vue";
 import { useRouter } from "vue-router/composables";
 
-import { HistorySummary } from "@/api";
+import { type HistorySummary } from "@/api";
 import { useHistoryStore } from "@/stores/historyStore";
 
 import LoadingSpan from "@/components/LoadingSpan.vue";
diff --git a/client/src/components/Markdown/Elements/JobSelection.vue b/client/src/components/Markdown/Elements/JobSelection.vue
index 84ded526629a..4d1d3b1ca38c 100644
--- a/client/src/components/Markdown/Elements/JobSelection.vue
+++ b/client/src/components/Markdown/Elements/JobSelection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { SelectOption } from "./handlesMappingJobs";
+import { type SelectOption } from "./handlesMappingJobs";
 
 interface JobSelectionProps {
     jobId?: string;
diff --git a/client/src/components/Markdown/LabelSelector.vue b/client/src/components/Markdown/LabelSelector.vue
index 2527704f28c6..333bafc103ca 100644
--- a/client/src/components/Markdown/LabelSelector.vue
+++ b/client/src/components/Markdown/LabelSelector.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { WorkflowLabel } from "./labels";
+import { type WorkflowLabel } from "./labels";
 
 interface LabelSelectorProps {
     hasLabels: boolean;
diff --git a/client/src/components/Markdown/MarkdownDialog.vue b/client/src/components/Markdown/MarkdownDialog.vue
index e610692f5a80..4e5039e47e58 100644
--- a/client/src/components/Markdown/MarkdownDialog.vue
+++ b/client/src/components/Markdown/MarkdownDialog.vue
@@ -9,7 +9,7 @@ import { jobsFetcher } from "@/api/jobs";
 import { workflowsFetcher } from "@/api/workflows";
 import { useHistoryStore } from "@/stores/historyStore";
 
-import { WorkflowLabel, WorkflowLabels } from "./labels";
+import { type WorkflowLabel, type WorkflowLabels } from "./labels";
 
 import MarkdownSelector from "./MarkdownSelector.vue";
 import MarkdownVisualization from "./MarkdownVisualization.vue";
diff --git a/client/src/components/Markdown/MarkdownSelector.vue b/client/src/components/Markdown/MarkdownSelector.vue
index d6d16cefdfe8..ffa9b35e3b1c 100644
--- a/client/src/components/Markdown/MarkdownSelector.vue
+++ b/client/src/components/Markdown/MarkdownSelector.vue
@@ -2,7 +2,7 @@
 import { BModal } from "bootstrap-vue";
 import { computed, ref } from "vue";
 
-import { WorkflowLabel } from "./labels";
+import { type WorkflowLabel } from "./labels";
 
 import LabelSelector from "./LabelSelector.vue";
 
diff --git a/client/src/components/ObjectStore/ObjectStoreTypeSpan.vue b/client/src/components/ObjectStore/ObjectStoreTypeSpan.vue
index 6e4113e820b8..20ff0f7ffcc9 100644
--- a/client/src/components/ObjectStore/ObjectStoreTypeSpan.vue
+++ b/client/src/components/ObjectStore/ObjectStoreTypeSpan.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 
-import { ObjectStoreTemplateType } from "@/api/objectStores";
+import { type ObjectStoreTemplateType } from "@/api/objectStores";
 
 const MESSAGES = {
     aws_s3: "This is a storage location based on the Amazon Simple Storage Service (S3). Data here is hosted by Amazon.",
diff --git a/client/src/components/ObjectStore/SelectObjectStore.vue b/client/src/components/ObjectStore/SelectObjectStore.vue
index 807806326bd8..e1a21d18eb77 100644
--- a/client/src/components/ObjectStore/SelectObjectStore.vue
+++ b/client/src/components/ObjectStore/SelectObjectStore.vue
@@ -2,7 +2,7 @@
 import { storeToRefs } from "pinia";
 import { computed, ref } from "vue";
 
-import { ConcreteObjectStoreModel } from "@/api";
+import { type ConcreteObjectStoreModel } from "@/api";
 import { useStorageLocationConfiguration } from "@/composables/storageLocation";
 import { useObjectStoreStore } from "@/stores/objectStoreStore";
 
diff --git a/client/src/components/PageEditor/ObjectPermissions.vue b/client/src/components/PageEditor/ObjectPermissions.vue
index d9d548755337..921811b0e29d 100644
--- a/client/src/components/PageEditor/ObjectPermissions.vue
+++ b/client/src/components/PageEditor/ObjectPermissions.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import axios from "axios";
-import Vue, { computed, Ref, ref, watch } from "vue";
+import Vue, { computed, type Ref, ref, watch } from "vue";
 
 import { fetchCollectionSummary } from "@/api/datasetCollections";
 import { enableLink, sharing } from "@/api/histories";
diff --git a/client/src/components/Panels/ToolBox.vue b/client/src/components/Panels/ToolBox.vue
index 61e202bce985..3589d51b1ab7 100644
--- a/client/src/components/Panels/ToolBox.vue
+++ b/client/src/components/Panels/ToolBox.vue
@@ -3,7 +3,7 @@ import { library } from "@fortawesome/fontawesome-svg-core";
 import { faEye, faEyeSlash } from "@fortawesome/free-regular-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { storeToRefs } from "pinia";
-import { computed, ComputedRef, type PropType, type Ref, ref } from "vue";
+import { computed, type ComputedRef, type PropType, type Ref, ref } from "vue";
 import { useRouter } from "vue-router/composables";
 
 import { getGalaxyInstance } from "@/app";
@@ -11,7 +11,7 @@ import { useGlobalUploadModal } from "@/composables/globalUploadModal";
 import { getAppRoot } from "@/onload/loadConfig";
 import { type Tool, type ToolSection as ToolSectionType } from "@/stores/toolStore";
 import { useToolStore } from "@/stores/toolStore";
-import { Workflow, type Workflow as WorkflowType } from "@/stores/workflowStore";
+import { type Workflow, type Workflow as WorkflowType } from "@/stores/workflowStore";
 import localize from "@/utils/localization";
 
 import { filterTools, getValidPanelItems, getValidToolsInCurrentView, getValidToolsInEachSection } from "./utilities";
diff --git a/client/src/components/SelectionDialog/BasicSelectionDialog.vue b/client/src/components/SelectionDialog/BasicSelectionDialog.vue
index d80167ca3f7e..75a5fcf50e94 100644
--- a/client/src/components/SelectionDialog/BasicSelectionDialog.vue
+++ b/client/src/components/SelectionDialog/BasicSelectionDialog.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, onMounted, type Ref, ref } from "vue";
 
-import { ApiResponse } from "@/api/schema";
+import { type ApiResponse } from "@/api/schema";
 import { type SelectionItem } from "@/components/SelectionDialog/selectionTypes";
 import { errorMessageAsString } from "@/utils/simple-error";
 
diff --git a/client/src/components/SelectionDialog/SelectionDialog.vue b/client/src/components/SelectionDialog/SelectionDialog.vue
index ea501a759411..7a9c08ebaa0d 100644
--- a/client/src/components/SelectionDialog/SelectionDialog.vue
+++ b/client/src/components/SelectionDialog/SelectionDialog.vue
@@ -6,7 +6,7 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BAlert, BButton, BLink, BModal, BPagination, BSpinner, BTable } from "bootstrap-vue";
 import { computed, ref, watch } from "vue";
 
-import { ItemsProvider, SELECTION_STATES } from "@/components/SelectionDialog/selectionTypes";
+import { type ItemsProvider, SELECTION_STATES } from "@/components/SelectionDialog/selectionTypes";
 
 import { type FieldEntry, type SelectionItem } from "./selectionTypes";
 
diff --git a/client/src/components/User/DiskUsage/DiskUsageSummary.vue b/client/src/components/User/DiskUsage/DiskUsageSummary.vue
index f17dc84d8688..d82ebb4f501e 100644
--- a/client/src/components/User/DiskUsage/DiskUsageSummary.vue
+++ b/client/src/components/User/DiskUsage/DiskUsageSummary.vue
@@ -9,7 +9,7 @@ import { useUserStore } from "@/stores/userStore";
 import { errorMessageAsString } from "@/utils/simple-error";
 import { bytesToString } from "@/utils/utils";
 
-import { QuotaUsage } from "./Quota/model";
+import { type QuotaUsage } from "./Quota/model";
 import { fetch } from "./Quota/services";
 
 import QuotaUsageSummary from "@/components/User/DiskUsage/Quota/QuotaUsageSummary.vue";
diff --git a/client/src/components/User/DiskUsage/Quota/QuotaUsageBar.vue b/client/src/components/User/DiskUsage/Quota/QuotaUsageBar.vue
index 46ac1b46cc7f..eb03f59664c1 100644
--- a/client/src/components/User/DiskUsage/Quota/QuotaUsageBar.vue
+++ b/client/src/components/User/DiskUsage/Quota/QuotaUsageBar.vue
@@ -3,7 +3,7 @@ import { computed, ref } from "vue";
 
 import localize from "@/utils/localization";
 
-import { DEFAULT_QUOTA_SOURCE_LABEL, QuotaUsage } from "./model/QuotaUsage";
+import { DEFAULT_QUOTA_SOURCE_LABEL, type QuotaUsage } from "./model/QuotaUsage";
 
 interface QuotaUsageBarProps {
     quotaUsage: QuotaUsage;
diff --git a/client/src/components/User/Notifications/NotificationsPreferences.vue b/client/src/components/User/Notifications/NotificationsPreferences.vue
index 9e481ac90c3b..6431125fa519 100644
--- a/client/src/components/User/Notifications/NotificationsPreferences.vue
+++ b/client/src/components/User/Notifications/NotificationsPreferences.vue
@@ -8,7 +8,7 @@ import { computed, ref, watch } from "vue";
 import {
     getNotificationsPreferencesFromServer,
     updateNotificationsPreferencesOnServer,
-    UserNotificationPreferencesExtended,
+    type UserNotificationPreferencesExtended,
 } from "@/api/notifications.preferences";
 import { useConfig } from "@/composables/config";
 import { Toast } from "@/composables/toast";
diff --git a/client/src/components/Workflow/Editor/Draggable.vue b/client/src/components/Workflow/Editor/Draggable.vue
index cd3c6f52c9e4..6aace6e81333 100644
--- a/client/src/components/Workflow/Editor/Draggable.vue
+++ b/client/src/components/Workflow/Editor/Draggable.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { ZoomTransform } from "d3-zoom";
 import { storeToRefs } from "pinia";
-import type { Ref } from "vue";
-import { computed, inject, PropType, reactive, ref } from "vue";
+import type { type PropType, Ref } from "vue";
+import { computed, inject, reactive, ref } from "vue";
 
 import { useAnimationFrameSize } from "@/composables/sensors/animationFrameSize";
 import { useAnimationFrameThrottle } from "@/composables/throttle";
diff --git a/client/src/components/Workflow/Editor/NodeOutput.vue b/client/src/components/Workflow/Editor/NodeOutput.vue
index 641c8d8c38f7..7f0e5c68ec06 100644
--- a/client/src/components/Workflow/Editor/NodeOutput.vue
+++ b/client/src/components/Workflow/Editor/NodeOutput.vue
@@ -11,7 +11,17 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import type { UseElementBoundingReturn, UseScrollReturn } from "@vueuse/core";
-import { computed, ComputedRef, nextTick, onBeforeUnmount, type Ref, ref, toRefs, type UnwrapRef, watch } from "vue";
+import {
+    computed,
+    type ComputedRef,
+    nextTick,
+    onBeforeUnmount,
+    type Ref,
+    ref,
+    toRefs,
+    type UnwrapRef,
+    watch,
+} from "vue";
 
 import type { DatatypesMapperModel } from "@/components/Datatypes/model";
 import { useWorkflowStores } from "@/composables/workflowStores";
diff --git a/client/src/components/Workflow/Invocation/Export/ActionButton.vue b/client/src/components/Workflow/Invocation/Export/ActionButton.vue
index 5b0604cfcbe6..74653f753b35 100644
--- a/client/src/components/Workflow/Invocation/Export/ActionButton.vue
+++ b/client/src/components/Workflow/Invocation/Export/ActionButton.vue
@@ -2,7 +2,7 @@
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { ref } from "vue";
 
-import { InvocationExportPluginAction } from "./model";
+import { type InvocationExportPluginAction } from "./model";
 
 const modal = ref();
 
diff --git a/client/src/components/Workflow/Invocation/Export/ExportButton.vue b/client/src/components/Workflow/Invocation/Export/ExportButton.vue
index fd1199c2f739..fbd5a9ee48dd 100644
--- a/client/src/components/Workflow/Invocation/Export/ExportButton.vue
+++ b/client/src/components/Workflow/Invocation/Export/ExportButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { IconDefinition, library } from "@fortawesome/fontawesome-svg-core";
+import { type IconDefinition, library } from "@fortawesome/fontawesome-svg-core";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BButton } from "bootstrap-vue";
diff --git a/client/src/components/Workflow/Invocation/Export/InvocationExportPluginCard.vue b/client/src/components/Workflow/Invocation/Export/InvocationExportPluginCard.vue
index 2d5dfef23141..2f2009350444 100644
--- a/client/src/components/Workflow/Invocation/Export/InvocationExportPluginCard.vue
+++ b/client/src/components/Workflow/Invocation/Export/InvocationExportPluginCard.vue
@@ -6,12 +6,12 @@ import { BButtonGroup, BButtonToolbar, BCard, BCardTitle } from "bootstrap-vue";
 import { computed, provide, ref } from "vue";
 
 import { useMarkdown } from "@/composables/markdown";
-import { MonitoringRequest } from "@/composables/persistentProgressMonitor";
+import { type MonitoringRequest } from "@/composables/persistentProgressMonitor";
 import { useShortTermStorageMonitor } from "@/composables/shortTermStorageMonitor";
 import { useTaskMonitor } from "@/composables/taskMonitor";
 import { Toast } from "@/composables/toast";
 
-import { InvocationExportPlugin } from "./model";
+import { type InvocationExportPlugin } from "./model";
 
 import ActionButton from "./ActionButton.vue";
 import PersistentTaskProgressMonitorAlert from "@/components/Common/PersistentTaskProgressMonitorAlert.vue";
diff --git a/client/src/components/WorkflowInvocationState/WorkflowInvocationOverview.vue b/client/src/components/WorkflowInvocationState/WorkflowInvocationOverview.vue
index ae69835b6479..e5f192867512 100644
--- a/client/src/components/WorkflowInvocationState/WorkflowInvocationOverview.vue
+++ b/client/src/components/WorkflowInvocationState/WorkflowInvocationOverview.vue
@@ -2,7 +2,7 @@
 import { BAlert, BButton } from "bootstrap-vue";
 import { computed } from "vue";
 
-import { InvocationJobsSummary, InvocationStep, WorkflowInvocationElementView } from "@/api/invocations";
+import { type InvocationJobsSummary, type InvocationStep, type WorkflowInvocationElementView } from "@/api/invocations";
 import { useWorkflowInstance } from "@/composables/useWorkflowInstance";
 import { getRootFromIndexLink } from "@/onload";
 import { withPrefix } from "@/utils/redirect";
diff --git a/client/src/components/admin/Notifications/BroadcastCard.vue b/client/src/components/admin/Notifications/BroadcastCard.vue
index 4e42947cc516..153c6a3c8e8d 100644
--- a/client/src/components/admin/Notifications/BroadcastCard.vue
+++ b/client/src/components/admin/Notifications/BroadcastCard.vue
@@ -14,7 +14,7 @@ import { computed } from "vue";
 
 import { useConfirmDialog } from "@/composables/confirmDialog";
 import { useMarkdown } from "@/composables/markdown";
-import { BroadcastNotification } from "@/stores/broadcastsStore";
+import { type BroadcastNotification } from "@/stores/broadcastsStore";
 
 import Heading from "@/components/Common/Heading.vue";
 import UtcDate from "@/components/UtcDate.vue";
diff --git a/client/src/components/admin/Notifications/BroadcastsList.vue b/client/src/components/admin/Notifications/BroadcastsList.vue
index fe6c7f34e248..061c39a92f27 100644
--- a/client/src/components/admin/Notifications/BroadcastsList.vue
+++ b/client/src/components/admin/Notifications/BroadcastsList.vue
@@ -8,7 +8,7 @@ import { useRouter } from "vue-router/composables";
 
 import { fetchAllBroadcasts, updateBroadcast } from "@/api/notifications.broadcast";
 import { Toast } from "@/composables/toast";
-import { BroadcastNotification } from "@/stores/broadcastsStore";
+import { type BroadcastNotification } from "@/stores/broadcastsStore";
 
 import BroadcastCard from "./BroadcastCard.vue";
 import Heading from "@/components/Common/Heading.vue";
diff --git a/client/src/components/admin/Notifications/NotificationForm.vue b/client/src/components/admin/Notifications/NotificationForm.vue
index efb72aa79754..778f4f501c25 100644
--- a/client/src/components/admin/Notifications/NotificationForm.vue
+++ b/client/src/components/admin/Notifications/NotificationForm.vue
@@ -7,7 +7,7 @@ import { computed, type Ref, ref } from "vue";
 import { useRouter } from "vue-router/composables";
 
 import { getAllGroups } from "@/api/groups";
-import { NotificationCreateRequest, sendNotification } from "@/api/notifications";
+import { type NotificationCreateRequest, sendNotification } from "@/api/notifications";
 import { getAllRoles } from "@/api/roles";
 import { type components } from "@/api/schema";
 import { getAllUsers } from "@/api/users";