Append .vue suffix to all vue components.

client/src/components/Annotation.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import ClickToEdit from "./ClickToEdit";
+import ClickToEdit from "./ClickToEdit.vue";
 import DebouncedInput from "./DebouncedInput";
 
 export default {

client/src/components/Collections/PairedListCollectionCreator.test.js

@@ -1,6 +1,6 @@
 import DATA from "@tests/test-data/paired-collection-creator.data.js";
 import { mount, shallowMount } from "@vue/test-utils";
-import PairedListCollectionCreator from "@/components/Collections/PairedListCollectionCreator";
+import PairedListCollectionCreator from "@/components/Collections/PairedListCollectionCreator.vue";
 
 describe("PairedListCollectionCreator", () => {
     let wrapper;

client/src/components/Collections/PairedListCollectionCreator.vue

@@ -416,8 +416,8 @@ import Vue from "vue";
 import draggable from "vuedraggable";
 
 import mixin from "./common/mixin";
-import PairedElementView from "./PairedElementView";
-import UnpairedDatasetElementView from "./UnpairedDatasetElementView";
+import PairedElementView from "./PairedElementView.vue";
+import UnpairedDatasetElementView from "./UnpairedDatasetElementView.vue";
 
 Vue.use(BootstrapVue);
 export default {

client/src/components/Collections/common/mixin.js

@@ -1,4 +1,4 @@
-import CollectionCreator from "./CollectionCreator";
+import CollectionCreator from "./CollectionCreator.vue";
 
 export default {
     components: {

client/src/components/Form/Elements/FormBoolean.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormBoolean from "./FormBoolean";
+import FormBoolean from "./FormBoolean.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/Elements/FormCheck.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import MountTarget from "./FormCheck";
+import MountTarget from "./FormCheck.vue";
 
 const localVue = getLocalVue(true);
 

client/src/components/Form/Elements/FormHidden.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormHidden from "./FormHidden";
+import FormHidden from "./FormHidden.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/Elements/FormInput.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormInput from "./FormInput";
+import FormInput from "./FormInput.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/Elements/FormNumber.test.js

@@ -2,7 +2,7 @@ import { mount } from "@vue/test-utils";
 import flushPromises from "flush-promises";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormNumber from "./FormNumber";
+import FormNumber from "./FormNumber.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/Elements/FormOptionalText.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormOptionalText from "./FormOptionalText";
+import FormOptionalText from "./FormOptionalText.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/Elements/FormOptionalText.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import FormText from "./FormText";
+import FormText from "./FormText.vue";
 
 export default {
     components: {

client/src/components/Form/Elements/FormRadio.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import MountTarget from "./FormRadio";
+import MountTarget from "./FormRadio.vue";
 
 const localVue = getLocalVue(true);
 

client/src/components/Form/Elements/FormRulesEdit.vue

@@ -2,8 +2,8 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faEdit } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import RuleCollectionBuilder from "@/components/RuleCollectionBuilder";
-import RulesDisplay from "@/components/RulesDisplay/RulesDisplay";
+import RuleCollectionBuilder from "@/components/RuleCollectionBuilder.vue";
+import RulesDisplay from "@/components/RulesDisplay/RulesDisplay.vue";
 import { computed, ref } from "vue";
 
 import { fetchCollectionDetails } from "@/api/datasetCollections";

client/src/components/Form/Elements/FormText.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormText from "./FormText";
+import FormText from "./FormText.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/Elements/FormUpload.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormUpload from "./FormUpload";
+import FormUpload from "./FormUpload.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/FormCard.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormCard from "./FormCard";
+import FormCard from "./FormCard.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/FormDisplay.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormDisplay from "./FormDisplay";
+import FormDisplay from "./FormDisplay.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/FormDisplay.vue

@@ -18,7 +18,7 @@
 <script>
 import Vue from "vue";
 
-import FormInputs from "./FormInputs";
+import FormInputs from "./FormInputs.vue";
 import { matchInputs, validateInputs, visitInputs } from "./utilities";
 
 export default {

client/src/components/Form/FormElement.test.js

@@ -1,9 +1,9 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormHidden from "./Elements/FormHidden";
-import FormText from "./Elements/FormText";
-import FormElement from "./FormElement";
+import FormHidden from "./Elements/FormHidden.vue";
+import FormText from "./Elements/FormText.vue";
+import FormElement from "./FormElement.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Form/FormGeneric.vue

@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import FormCard from "@/components/Form/FormCard";
-import FormDisplay from "@/components/Form/FormDisplay";
+import FormCard from "@/components/Form/FormCard.vue";
+import FormDisplay from "@/components/Form/FormDisplay.vue";
 import { visitInputs } from "@/components/Form/utilities";
 import { UrlDataProvider } from "@/components/providers/UrlDataProvider";
 import { withPrefix } from "@/utils/redirect";

client/src/components/Form/FormMessage.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import FormMessage from "./FormMessage";
+import FormMessage from "./FormMessage.vue";
 
 jest.mock("app");
 

client/src/components/History/Content/Collection/CollectionDescription.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import CollectionDescription from "./CollectionDescription";
+import CollectionDescription from "./CollectionDescription.vue";
 import { JobStateSummary } from "./JobStateSummary";
 
 const localVue = getLocalVue();

client/src/components/History/Content/Collection/CollectionProgress.test.js

@@ -1,7 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import CollectionProgress from "./CollectionProgress";
+import CollectionProgress from "./CollectionProgress.vue";
 import { JobStateSummary } from "./JobStateSummary";
 
 const localVue = getLocalVue();

client/src/components/History/Content/GenericElement.test.js

@@ -3,7 +3,7 @@ import { mount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 import VueRouter from "vue-router";
 
-import GenericElement from "./GenericElement";
+import GenericElement from "./GenericElement.vue";
 
 jest.mock("components/History/model/queries");
 

client/src/components/History/Content/GenericItem.vue

@@ -34,8 +34,8 @@ import { DatasetCollectionElementProvider } from "@/components/providers/storePr
 import { useHistoryStore } from "@/stores/historyStore";
 import { errorMessageAsString } from "@/utils/simple-error";
 
-import ContentItem from "./ContentItem";
-import GenericElement from "./GenericElement";
+import ContentItem from "./ContentItem.vue";
+import GenericElement from "./GenericElement.vue";
 
 export default {
     components: {

client/src/components/History/CurrentHistory/HistoryOperations/SelectionOperations.vue

@@ -156,7 +156,7 @@ import {
     unhideSelectedContent,
 } from "@/components/History/model/crud";
 import { DatatypesProvider, DbKeyProvider } from "@/components/providers";
-import SingleItemSelector from "@/components/SingleItemSelector";
+import SingleItemSelector from "@/components/SingleItemSelector.vue";
 import { StatelessTags } from "@/components/Tags";
 
 import { GalaxyApi } from "@/api";

client/src/components/History/HistoryFilters.js

@@ -1,5 +1,5 @@
 import { STATES } from "@/components/History/Content/model/states";
-import StatesInfo from "@/components/History/Content/model/StatesInfo";
+import StatesInfo from "@/components/History/Content/model/StatesInfo.vue";
 import Filtering, {
     compare,
     contains,

client/src/components/History/HistoryView.vue

@@ -44,9 +44,9 @@ import { isAnonymousUser } from "@/api";
 import { useHistoryStore } from "@/stores/historyStore";
 import { useUserStore } from "@/stores/userStore";
 
-import CollectionPanel from "./CurrentCollection/CollectionPanel";
-import HistoryPanel from "./CurrentHistory/HistoryPanel";
-import CopyModal from "./Modals/CopyModal";
+import CollectionPanel from "./CurrentCollection/CollectionPanel.vue";
+import HistoryPanel from "./CurrentHistory/HistoryPanel.vue";
+import CopyModal from "./Modals/CopyModal.vue";
 
 export default {
     components: {

client/src/components/History/Layout/DetailsLayout.test.js

@@ -3,7 +3,7 @@ import { createPinia } from "pinia";
 import { useUserStore } from "@/stores/userStore";
 import { getLocalVue } from "tests/jest/helpers";
 
-import DetailsLayout from "./DetailsLayout";
+import DetailsLayout from "./DetailsLayout.vue";
 
 const localVue = getLocalVue();
 

client/src/components/HistoryExport/ToLink.vue

@@ -49,9 +49,9 @@
 <script>
 import axios from "axios";
 import BootstrapVue from "bootstrap-vue";
-import JobError from "@/components/JobInformation/JobError";
+import JobError from "@/components/JobInformation/JobError.vue";
 import { waitOnJob } from "@/components/JobStates/wait";
-import LoadingSpan from "@/components/LoadingSpan";
+import LoadingSpan from "@/components/LoadingSpan.vue";
 import { getAppRoot } from "@/onload/loadConfig";
 import { errorMessageAsString } from "@/utils/simple-error";
 import Vue from "vue";

client/src/components/HistoryExport/ToRemoteFile.vue

@@ -24,10 +24,10 @@
 <script>
 import axios from "axios";
 import BootstrapVue from "bootstrap-vue";
-import ExportForm from "@/components/Common/ExportForm";
-import JobError from "@/components/JobInformation/JobError";
+import ExportForm from "@/components/Common/ExportForm.vue";
+import JobError from "@/components/JobInformation/JobError.vue";
 import { waitOnJob } from "@/components/JobStates/wait";
-import LoadingSpan from "@/components/LoadingSpan";
+import LoadingSpan from "@/components/LoadingSpan.vue";
 import { getAppRoot } from "@/onload/loadConfig";
 import { errorMessageAsString } from "@/utils/simple-error";
 import Vue from "vue";

client/src/components/HistoryImport.vue

@@ -86,16 +86,16 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { refDebounced } from "@vueuse/core";
 import axios from "axios";
 import BootstrapVue from "bootstrap-vue";
-import JobError from "@/components/JobInformation/JobError";
+import JobError from "@/components/JobInformation/JobError.vue";
 import { waitOnJob } from "@/components/JobStates/wait";
-import LoadingSpan from "@/components/LoadingSpan";
+import LoadingSpan from "@/components/LoadingSpan.vue";
 import { getAppRoot } from "@/onload/loadConfig";
 import { errorMessageAsString } from "@/utils/simple-error";
 import Vue, { ref, watch } from "vue";
 
 import { fetchFileSources } from "@/api/remoteFiles";
 
-import ExternalLink from "./ExternalLink";
+import ExternalLink from "./ExternalLink.vue";
 
 import FilesInput from "@/components/FilesDialog/FilesInput.vue";
 

client/src/components/Indices/SharingIndicators.test.js

@@ -1,7 +1,7 @@
 import { shallowMount } from "@vue/test-utils";
 import { getLocalVue } from "tests/jest/helpers";
 
-import SharingIndicators from "./SharingIndicators";
+import SharingIndicators from "./SharingIndicators.vue";
 
 const localVue = getLocalVue();
 

client/src/components/Indices/filtersMixin.js

@@ -1,4 +1,4 @@
-import IndexFilter from "@/components/Indices/IndexFilter";
+import IndexFilter from "@/components/Indices/IndexFilter.vue";
 
 export default {
     components: {

client/src/components/InteractiveTools/InteractiveTools.test.js

@@ -7,7 +7,7 @@ import { PiniaVuePlugin, setActivePinia } from "pinia";
 import { useEntryPointStore } from "@/stores/entryPointStore";
 import { getLocalVue } from "tests/jest/helpers";
 
-import InteractiveTools from "./InteractiveTools";
+import InteractiveTools from "./InteractiveTools.vue";
 import testInteractiveToolsResponse from "./testData/testInteractiveToolsResponse";
 
 describe("InteractiveTools/InteractiveTools.vue", () => {

client/src/components/InteractiveTools/InteractiveTools.vue

@@ -68,7 +68,7 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import UtcDate from "@/components/UtcDate";
+import UtcDate from "@/components/UtcDate.vue";
 import { getAppRoot } from "@/onload/loadConfig";
 import { mapActions, mapState } from "pinia";
 

client/src/components/JobInformation/CodeRow.vue

@@ -30,7 +30,7 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { faCompressAlt, faExpandAlt } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import HelpText from "@/components/Help/HelpText";
+import HelpText from "@/components/Help/HelpText.vue";
 
 library.add(faCompressAlt, faExpandAlt);
 export default {

client/src/components/JobInformation/JobDetails.vue

@@ -30,9 +30,9 @@
 </template>
 
 <script>
-import JobMetrics from "@/components/JobMetrics/JobMetrics";
+import JobMetrics from "@/components/JobMetrics/JobMetrics.vue";
 
-import JobInformation from "./JobInformation";
+import JobInformation from "./JobInformation.vue";
 
 import CodeRow from "./CodeRow.vue";
 import JobParameters from "@/components/JobParameters/JobParameters.vue";

client/src/components/JobInformation/JobInformation.vue

@@ -1,8 +1,8 @@
 <script setup>
-import CopyToClipboard from "@/components/CopyToClipboard";
-import HelpText from "@/components/Help/HelpText";
+import CopyToClipboard from "@/components/CopyToClipboard.vue";
+import HelpText from "@/components/Help/HelpText.vue";
 import { JobDetailsProvider } from "@/components/providers/JobProvider";
-import UtcDate from "@/components/UtcDate";
+import UtcDate from "@/components/UtcDate.vue";
 import { NON_TERMINAL_STATES } from "@/components/WorkflowInvocationState/util";
 import { formatDuration, intervalToDuration } from "date-fns";
 import { computed, ref } from "vue";

client/src/components/JobInformation/JobOutputs.test.js

@@ -1,6 +1,6 @@
 import { shallowMount } from "@vue/test-utils";
 
-import JobOutputs from "./JobOutputs";
+import JobOutputs from "./JobOutputs.vue";
 
 jest.mock("components/providers/DatasetCollectionProvider");
 

client/src/components/JobInformation/JobOutputs.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import GenericHistoryItem from "@/components/History/Content/GenericItem";
+import GenericHistoryItem from "@/components/History/Content/GenericItem.vue";
 
 export default {
     components: {