From 2fd58e6b1cb7aaf47469c1931f9660ceb13a12a9 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Thu, 9 Sep 2021 08:00:42 -0400
Subject: [PATCH 1/2] Add bracketSameLine configuration

---
 client/prettier.config.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/prettier.config.js b/client/prettier.config.js
index 5fb801d1631..df792433737 100644
--- a/client/prettier.config.js
+++ b/client/prettier.config.js
@@ -1,4 +1,5 @@
 module.exports = {
     tabWidth: 4,
-    printWidth: 120
+    printWidth: 120,
+    bracketSameLine: true
 };

From 5396bb15fe8cfcf2e89d46c1d061c49b60e2f0b1 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Tue, 23 Nov 2021 20:52:13 -0500
Subject: [PATCH 2/2] Rerun prettier, handling dangling brackets

---
 client/src/components/Annotation.vue          |   6 +-
 client/src/components/Citation/Citations.vue  |   9 +-
 client/src/components/ClickToEdit.vue         |   6 +-
 .../Collections/ListCollectionCreator.vue     |  12 +-
 .../Collections/PairCollectionCreator.vue     |   9 +-
 .../PairedListCollectionCreator.vue           |  45 +++----
 .../Collections/common/ClickToEdit.vue        |   3 +-
 .../Collections/common/CollectionCreator.vue  |  15 +--
 .../Collections/common/CollectionEditView.vue |   3 +-
 .../Collections/common/DatabaseEditTab.vue    |   6 +-
 .../common/SuitableConvertersTab.vue          |   6 +-
 client/src/components/Common/DelayedInput.vue |   6 +-
 client/src/components/Common/SlugInput.vue    |   3 +-
 .../src/components/DataDialog/DataDialog.vue  |   9 +-
 .../Dataset/DatasetIndex/DatasetIndex.vue     |   3 +-
 client/src/components/Dataset/DatasetName.vue |   9 +-
 .../DatasetInformation/DatasetAttributes.vue  |   3 +-
 .../DatasetInformation/DatasetError.vue       |  15 +--
 .../DatasetSourceTransform.vue                |   3 +-
 .../src/components/Details/DatasetDetails.vue |  12 +-
 .../components/FilesDialog/FilesDialog.vue    |   9 +-
 .../Form/Elements/FormDirectory.vue           |   6 +-
 client/src/components/Form/FormCard.vue       |   3 +-
 client/src/components/Form/FormDisplay.vue    |   3 +-
 client/src/components/Form/FormElement.vue    |   3 +-
 client/src/components/Form/FormInputs.vue     |  15 +--
 client/src/components/GalaxyLoader.vue        |   3 +-
 .../src/components/History/ContentFilters.vue |   9 +-
 .../History/ContentItem/Dataset/Dataset.vue   |   3 +-
 .../ContentItem/Dataset/DatasetMenu.vue       |  36 ++---
 .../History/ContentItem/Dataset/DatasetUI.vue |  24 ++--
 .../DatasetCollection/DatasetCollection.vue   |   3 +-
 .../ContentItem/DatasetCollection/DscMenu.vue |   6 +-
 .../ContentItem/DatasetCollection/DscUI.vue   |  18 +--
 .../DatasetCollectionContents.vue             |   6 +-
 .../DatasetCollectionUIWrapper.vue            |   3 +-
 .../GenericContentItem/DatasetUIWrapper.vue   |   3 +-
 .../History/ContentItem/Subdataset.vue        |   3 +-
 .../components/History/ContentOperations.vue  |  33 ++---
 .../History/CurrentCollection/Details.vue     |   6 +-
 .../History/CurrentCollection/Panel.vue       |  12 +-
 .../History/CurrentCollection/TopNav.vue      |   6 +-
 .../History/CurrentHistoryPanel.vue           |   3 +-
 client/src/components/History/EditorMenu.vue  |  12 +-
 .../src/components/History/HistoriesMenu.vue  |   9 +-
 client/src/components/History/History.vue     |  18 +--
 .../src/components/History/HistoryDetails.vue |   9 +-
 .../components/History/HistoryDropdown.vue    |   3 +-
 client/src/components/History/HistoryMenu.vue |   9 +-
 .../src/components/History/HistoryPanel.vue   |   6 +-
 .../components/History/HistorySelector.vue    |   3 +-
 .../History/HistorySelectorModal.vue          |   3 +-
 client/src/components/History/Scroller.vue    |   6 +-
 client/src/components/History/StatusIcon.vue  |   3 +-
 .../components/HistoryExport/ExportLink.vue   |   6 +-
 .../src/components/HistoryExport/ToLink.vue   |   3 +-
 .../components/HistoryExport/ToRemoteFile.vue |   6 +-
 client/src/components/HistoryImport.vue       |   6 +-
 client/src/components/HistoryView.vue         |   3 +-
 client/src/components/IconButton.vue          |   3 +-
 .../InteractiveTools/InteractiveTools.vue     |   6 +-
 .../src/components/JobInformation/CodeRow.vue |   3 +-
 .../JobInformation/JobInformation.vue         |   6 +-
 .../JobStates/CollectionJobStates.vue         |   3 +-
 .../components/Libraries/LibrariesList.vue    |  33 ++---
 .../components/Libraries/LibraryEditField.vue |   3 +-
 .../Libraries/LibraryFolder/LibraryFolder.vue |  63 +++------
 .../LibraryFolderDatasetPermissions.vue       |  15 +--
 .../LibraryFolderPermissions.vue              |  12 +-
 .../Libraries/LibraryFolder/SearchField.vue   |   3 +-
 .../LibraryFolder/TopToolbar/FolderTopBar.vue |  36 ++---
 .../LibraryPermissions/LibraryPermissions.vue |  12 +-
 .../PermissionsInputField.vue                 |   3 +-
 .../CollectionDisplay.vue                     |   6 +-
 .../Elements/HistoryDatasetDisplay.vue        |  21 +--
 .../Markdown/Elements/HistoryDatasetLink.vue  |   3 +-
 .../Elements/Workflow/WorkflowDisplay.vue     |   6 +-
 client/src/components/Markdown/Markdown.vue   |  18 +--
 .../components/Markdown/MarkdownDialog.vue    |  21 +--
 .../components/Markdown/MarkdownEditor.vue    |   6 +-
 .../components/Markdown/MarkdownSelector.vue  |   3 +-
 .../components/Markdown/MarkdownToolBox.vue   |  12 +-
 .../Markdown/MarkdownVisualization.vue        |   6 +-
 client/src/components/Masthead/Masthead.vue   |   3 +-
 .../src/components/Masthead/MastheadItem.vue  |   9 +-
 .../NewUserWelcome/NewUserWelcome.vue         |   3 +-
 .../NewUserWelcome/components/Subtopics.vue   |   3 +-
 .../NewUserWelcome/components/Topics.vue      |   3 +-
 .../src/components/PageEditor/PageEditor.vue  |   3 +-
 .../components/PageEditor/PageEditorHtml.vue  |   6 +-
 .../PageEditor/PageEditorMarkdown.vue         |   9 +-
 .../Panels/Buttons/FavoritesButton.vue        |   3 +-
 .../Panels/Buttons/PanelViewButton.vue        |  12 +-
 .../Panels/Buttons/PanelViewMenuItem.vue      |   3 +-
 client/src/components/Panels/Common/Tool.vue  |   6 +-
 .../Panels/Common/ToolPanelLabel.vue          |   3 +-
 .../components/Panels/Common/ToolSection.vue  |   9 +-
 .../Panels/ProviderAwareToolBox.vue           |   6 +-
 .../Panels/ProviderAwareToolBoxWorkflow.vue   |   6 +-
 client/src/components/Panels/SidePanel.vue    |   3 +-
 client/src/components/Panels/ToolBox.vue      |   9 +-
 .../src/components/Panels/ToolBoxWorkflow.vue |  18 +--
 client/src/components/PluginList.vue          |   9 +-
 .../components/RuleBuilder/ColumnSelector.vue |   3 +-
 .../RuleBuilder/RegularExpressionInput.vue    |   3 +-
 .../RuleBuilder/SavedRulesSelector.vue        |   3 +-
 .../src/components/RuleCollectionBuilder.vue  | 126 ++++++------------
 client/src/components/RulesDisplay.vue        |   6 +-
 .../components/SchemaOrg/CreatorEditor.vue    |   3 +-
 .../components/SchemaOrg/OrganizationForm.vue |   6 +-
 .../SchemaOrg/OrganizationViewer.vue          |   6 +-
 .../src/components/SchemaOrg/PersonForm.vue   |   6 +-
 .../src/components/SchemaOrg/PersonViewer.vue |   6 +-
 .../SelectionDialog/BasicSelectionDialog.vue  |   6 +-
 .../SelectionDialog/DataDialogTable.vue       |  12 +-
 .../DatasetCollectionDialog.vue               |   6 +-
 .../SelectionDialog/SelectionDialog.vue       |   3 +-
 client/src/components/Sharing/Sharing.vue     |  27 ++--
 client/src/components/Tags/StatelessTags.vue  |   6 +-
 client/src/components/Tags/Tags.vue           |   3 +-
 client/src/components/Tool/ToolCard.vue       |  15 +--
 client/src/components/Tool/ToolFooter.vue     |  12 +-
 client/src/components/Tool/ToolForm.vue       |  21 +--
 .../components/Tool/ToolSourceMenuItem.vue    |   3 +-
 client/src/components/ToolsView/ToolsView.vue |   9 +-
 client/src/components/Toolshed/Index.vue      |   3 +-
 .../Toolshed/InstalledList/Index.vue          |   3 +-
 .../Toolshed/InstalledList/Monitor.vue        |   6 +-
 .../Toolshed/RepositoryDetails/Index.vue      |   6 +-
 .../InstallationSettings.vue                  |   6 +-
 .../Toolshed/SearchList/Categories.vue        |   3 +-
 .../components/Toolshed/SearchList/Index.vue  |   9 +-
 .../Toolshed/SearchList/ServerSelection.vue   |   3 +-
 client/src/components/Upload/Collection.vue   |  27 ++--
 client/src/components/Upload/Composite.vue    |   6 +-
 client/src/components/Upload/Default.vue      |  24 ++--
 client/src/components/Upload/RulesInput.vue   |   9 +-
 client/src/components/Upload/UploadButton.vue |   6 +-
 client/src/components/Upload/UploadModal.vue  |   6 +-
 .../components/Upload/UploadModalContent.vue  |   3 +-
 .../components/User/CloudAuth/CloudAuth.vue   |  15 +--
 .../User/CloudAuth/CloudAuthItem.vue          |  12 +-
 .../User/CloudAuth/CredentialConfig.vue       |   6 +-
 .../User/CloudAuth/CredentialForm.vue         |  15 +--
 client/src/components/User/CustomBuilds.vue   |  21 +--
 .../ExternalIdentities/ExternalIdentities.vue |   9 +-
 .../User/ExternalIdentities/ExternalLogin.vue |   6 +-
 .../src/components/User/RecentInvocations.vue |   3 +-
 .../src/components/User/UserPreferences.vue   |   6 +-
 .../components/Workflow/Editor/Attributes.vue |   3 +-
 .../Workflow/Editor/Forms/FormDefault.vue     |  15 +--
 .../Workflow/Editor/Forms/FormOutput.vue      |  27 ++--
 .../Workflow/Editor/Forms/FormOutputLabel.vue |   3 +-
 .../Workflow/Editor/Forms/FormSection.vue     |   9 +-
 .../Workflow/Editor/Forms/FormTool.vue        |  12 +-
 .../src/components/Workflow/Editor/Index.vue  |  33 ++---
 .../src/components/Workflow/Editor/Lint.vue   |  21 +--
 .../Workflow/Editor/LintSection.vue           |   3 +-
 .../Workflow/Editor/MessagesModal.vue         |   3 +-
 .../src/components/Workflow/Editor/Node.vue   |  21 +--
 .../components/Workflow/Editor/NodeOutput.vue |   3 +-
 .../components/Workflow/Editor/Options.vue    |  15 +--
 .../Workflow/Editor/ZoomControl.vue           |   9 +-
 .../src/components/Workflow/Invocations.vue   |  15 +--
 .../components/Workflow/Run/WorkflowRun.vue   |   6 +-
 .../Workflow/Run/WorkflowRunDefaultStep.vue   |   3 +-
 .../Workflow/Run/WorkflowRunForm.vue          |  12 +-
 .../Workflow/Run/WorkflowRunSuccess.vue       |   3 +-
 .../Workflow/Run/WorkflowRunToolStep.vue      |   3 +-
 client/src/components/Workflow/TrsImport.vue  |   3 +-
 client/src/components/Workflow/TrsSearch.vue  |   3 +-
 .../Workflow/TrsServerSelection.vue           |   3 +-
 client/src/components/Workflow/TrsTool.vue    |   3 +-
 .../components/Workflow/WorkflowDropdown.vue  |   3 +-
 .../src/components/Workflow/WorkflowList.vue  |  12 +-
 .../WorkflowInvocationDetails.vue             |   6 +-
 .../WorkflowInvocationState.vue               |  21 +--
 .../WorkflowInvocationStep.vue                |  26 ++--
 .../components/admin/ActiveInvocations.vue    |   3 +-
 client/src/components/admin/BaseList.vue      |   6 +-
 .../admin/DataManager/DataManager.vue         |  12 +-
 .../admin/DataManager/DataManagerJob.vue      |   9 +-
 .../admin/DataManager/DataManagerJobs.vue     |  12 +-
 .../admin/DataManager/DataManagerTable.vue    |   6 +-
 client/src/components/admin/DataTables.vue    |   3 +-
 client/src/components/admin/DataTypes.vue     |   3 +-
 .../admin/Dependencies/ContainerIndex.vue     |  18 +--
 .../ContainerResolutionDetails.vue            |   3 +-
 .../admin/Dependencies/ResolutionDetails.vue  |   3 +-
 .../admin/Dependencies/ResolutionIndex.vue    |  12 +-
 .../admin/Dependencies/UnusedIndex.vue        |   3 +-
 .../components/admin/DisplayApplications.vue  |   3 +-
 client/src/components/admin/Jobs.vue          |  21 +--
 client/src/components/admin/ResetMetadata.vue |   3 +-
 client/src/components/login/Index.vue         |   3 +-
 client/src/components/login/Register.vue      |   3 +-
 196 files changed, 622 insertions(+), 1240 deletions(-)

diff --git a/client/src/components/Annotation.vue b/client/src/components/Annotation.vue
index 4cde03e7d99..5c4ccef7a23 100644
--- a/client/src/components/Annotation.vue
+++ b/client/src/components/Annotation.vue
@@ -7,8 +7,7 @@
         v-b-tooltip.hover="{ boundary: 'viewport', placement: tooltipPlacement }"
         :title="'Edit annotation...' | localize"
         :placeholder="'Edit annotation...' | localize"
-        v-slot="{ toggleEdit, placeholder, stateValidator }"
-    >
+        v-slot="{ toggleEdit, placeholder, stateValidator }">
         <debounced-input v-model="annotation" :delay="1000" v-slot="inputScope">
             <b-form-textarea
                 size="sm"
@@ -19,8 +18,7 @@
                 @input="inputScope.input"
                 @blur="toggleEdit(false)"
                 :placeholder="placeholder"
-                :state="stateValidator(inputScope.value, annotation)"
-            ></b-form-textarea>
+                :state="stateValidator(inputScope.value, annotation)"></b-form-textarea>
         </debounced-input>
     </click-to-edit>
 </template>
diff --git a/client/src/components/Citation/Citations.vue b/client/src/components/Citation/Citations.vue
index b65406d7736..26dac5deb21 100644
--- a/client/src/components/Citation/Citations.vue
+++ b/client/src/components/Citation/Citations.vue
@@ -26,8 +26,7 @@
                     :citation="citation"
                     :output-format="outputFormat"
                     v-for="(citation, index) in citations"
-                    :key="index"
-                />
+                    :key="index" />
             </div>
         </b-card>
         <div v-else-if="citations.length">
@@ -38,16 +37,14 @@
                 @show="$emit('show')"
                 @shown="$emit('shown')"
                 @hide="$emit('hide')"
-                @hidden="$emit('hidden')"
-            >
+                @hidden="$emit('hidden')">
                 <b-card>
                     <Citation
                         class="formatted-reference"
                         :citation="citation"
                         :output-format="outputFormat"
                         v-for="(citation, index) in citations"
-                        :key="index"
-                    />
+                        :key="index" />
                 </b-card>
             </b-collapse>
         </div>
diff --git a/client/src/components/ClickToEdit.vue b/client/src/components/ClickToEdit.vue
index af92b9b9566..71a4d0d9bd5 100644
--- a/client/src/components/ClickToEdit.vue
+++ b/client/src/components/ClickToEdit.vue
@@ -11,8 +11,7 @@
                 :toggleEdit="toggleEdit"
                 :editing="editing"
                 :placeholder="placeholder"
-                :stateValidator="stateValidator"
-            >
+                :stateValidator="stateValidator">
                 <debounced-input v-model="localValue" :delay="debounceDelay">
                     <template v-slot="{ value: debouncedValue, input }">
                         <b-form-input
@@ -22,8 +21,7 @@
                             @blur="toggleEdit(false)"
                             :autofocus="true"
                             :placeholder="placeholder"
-                            :state="stateValidator(debouncedValue, localValue)"
-                        />
+                            :state="stateValidator(debouncedValue, localValue)" />
                     </template>
                 </debounced-input>
             </slot>
diff --git a/client/src/components/Collections/ListCollectionCreator.vue b/client/src/components/Collections/ListCollectionCreator.vue
index fb0116508d4..2f9acfc8c3e 100644
--- a/client/src/components/Collections/ListCollectionCreator.vue
+++ b/client/src/components/Collections/ListCollectionCreator.vue
@@ -65,8 +65,7 @@
                     :oncancel="oncancel"
                     :hide-source-items="hideSourceItems"
                     @onUpdateHideSourceItems="onUpdateHideSourceItems"
-                    @clicked-create="clickedCreate"
-                >
+                    @clicked-create="clickedCreate">
                     <template v-slot:help-content>
                         <p>
                             {{
@@ -162,8 +161,7 @@
                                 href="javascript:void(0);"
                                 role="button"
                                 :title="titleDeselectButton"
-                                @click="clickClearAll"
-                            >
+                                @click="clickClearAll">
                                 {{ l("Clear selected") }}
                             </a>
                         </div>
@@ -171,8 +169,7 @@
                             v-model="workingElements"
                             class="collection-elements scroll-container flex-row drop-zone"
                             @start="drag = true"
-                            @end="drag = false"
-                        >
+                            @end="drag = false">
                             <div v-if="noMoreValidDatasets">
                                 <b-alert show variant="warning" dismissible>
                                     {{ discardedElementsHeader }}
@@ -190,8 +187,7 @@
                                 @element-is-discarded="elementDiscarded"
                                 @onRename="(name) => (element.name = name)"
                                 :class="{ selected: getSelectedDatasetElems.includes(element.id) }"
-                                :element="element"
-                            />
+                                :element="element" />
                         </draggable>
                     </template>
                 </collection-creator>
diff --git a/client/src/components/Collections/PairCollectionCreator.vue b/client/src/components/Collections/PairCollectionCreator.vue
index fd3727dd36d..eb3517d4393 100644
--- a/client/src/components/Collections/PairCollectionCreator.vue
+++ b/client/src/components/Collections/PairCollectionCreator.vue
@@ -82,8 +82,7 @@
                     @onUpdateHideSourceItems="onUpdateHideSourceItems"
                     @clicked-create="clickedCreate"
                     @remove-extensions-toggle="removeExtensionsToggle"
-                    :suggested-name="initialSuggestedName"
-                >
+                    :suggested-name="initialSuggestedName">
                     <template v-slot:help-content>
                         <p>
                             {{
@@ -130,8 +129,7 @@
                                 class="swap"
                                 href="javascript:void(0);"
                                 title="l('Swap forward and reverse datasets')"
-                                @click="swapButton"
-                            >
+                                @click="swapButton">
                                 {{ l("Swap") }}
                             </a>
                         </div>
@@ -139,8 +137,7 @@
                             <div
                                 v-for="(element, index) in workingElements"
                                 :key="element.id"
-                                class="collection-element"
-                            >
+                                class="collection-element">
                                 {{ index == 0 ? l("forward") : l("reverse") }}: {{ element.name }}
                             </div>
                         </div>
diff --git a/client/src/components/Collections/PairedListCollectionCreator.vue b/client/src/components/Collections/PairedListCollectionCreator.vue
index a044b3f13da..1e0175c7061 100644
--- a/client/src/components/Collections/PairedListCollectionCreator.vue
+++ b/client/src/components/Collections/PairedListCollectionCreator.vue
@@ -104,8 +104,7 @@
                     @onUpdateHideSourceItems="onUpdateHideSourceItems"
                     @clicked-create="clickedCreate"
                     @remove-extensions-toggle="removeExtensionsToggle"
-                    :render-extensions-toggle="true"
-                >
+                    :render-extensions-toggle="true">
                     <template v-slot:help-content>
                         <p>
                             {{
@@ -186,8 +185,7 @@
                                 {{ l("Entering regular expressions to match dataset names. See:") }}
                                 <a
                                     href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions"
-                                    target="_blank"
-                                >
+                                    target="_blank">
                                     {{ l("MDN's JavaScript Regular Expression Tutorial") }}</a
                                 >
                                 {{ l("Note: forward slashes (\\) are not needed.") }}
@@ -256,22 +254,19 @@
                                             float-left
                                             search-input search-query
                                             input-group
-                                        "
-                                    >
+                                        ">
                                         <input
                                             type="text"
                                             :placeholder="filterTextPlaceholder"
                                             v-model="forwardFilter"
-                                            title="filterTextTitle"
-                                        />
+                                            title="filterTextTitle" />
                                         <div class="input-group-append" :title="chooseFilterTitle">
                                             <button
                                                 class="btn btn-outline-secondary dropdown-toggle"
                                                 type="button"
                                                 data-toggle="dropdown"
                                                 aria-haspopup="true"
-                                                aria-expanded="false"
-                                            ></button>
+                                                aria-expanded="false"></button>
                                             <div class="dropdown-menu">
                                                 <a class="dropdown-item" @click="changeFilters('illumina')">_1</a>
                                                 <a class="dropdown-item" @click="changeFilters('Rs')">_R1</a>
@@ -287,8 +282,7 @@
                                         class="clear-filters-link"
                                         href="javascript:void(0);"
                                         role="button"
-                                        @click="clickClearFilters"
-                                    >
+                                        @click="clickClearFilters">
                                         {{ l("Clear Filters") }}
                                     </a>
                                     <br />
@@ -296,8 +290,7 @@
                                         class="autopair-link"
                                         href="javascript:void(0);"
                                         role="button"
-                                        @click="clickAutopair"
-                                    >
+                                        @click="clickAutopair">
                                         {{ l("Auto-pair") }}
                                     </a>
                                 </div>
@@ -320,22 +313,19 @@
                                             float-left
                                             search-input search-query
                                             input-group
-                                        "
-                                    >
+                                        ">
                                         <input
                                             type="text"
                                             :placeholder="filterTextPlaceholder"
                                             v-model="reverseFilter"
-                                            title="filterTextTitle"
-                                        />
+                                            title="filterTextTitle" />
                                         <div class="input-group-append" :title="chooseFilterTitle">
                                             <button
                                                 class="btn btn-outline-secondary dropdown-toggle"
                                                 type="button"
                                                 data-toggle="dropdown"
                                                 aria-haspopup="true"
-                                                aria-expanded="false"
-                                            ></button>
+                                                aria-expanded="false"></button>
                                             <div class="dropdown-menu">
                                                 <a class="dropdown-item" @click="changeFilters('illumina')">_2</a>
                                                 <a class="dropdown-item" @click="changeFilters('Rs')">_R2</a>
@@ -365,8 +355,7 @@
                                                         selectedForwardElement &&
                                                         element.id == selectedForwardElement.id,
                                                 }"
-                                                :element="element"
-                                            />
+                                                :element="element" />
                                         </ol>
                                     </div>
                                     <div class="paired-column flex-column no-flex column truncate">
@@ -375,8 +364,7 @@
                                                 v-for="(pairableElement, index) in pairableElements"
                                                 :key="index"
                                                 @click="_pair(pairableElement.forward, pairableElement.reverse)"
-                                                class="dataset"
-                                            >
+                                                class="dataset">
                                                 {{ l("Pair these datasets") }}
                                             </li>
                                         </ol>
@@ -392,8 +380,7 @@
                                                         selectedReverseElement &&
                                                         element.id == selectedReverseElement.id,
                                                 }"
-                                                :element="element"
-                                            />
+                                                :element="element" />
                                         </ol>
                                     </div>
                                 </div>
@@ -407,8 +394,7 @@
                                         class="unpair-all-link"
                                         href="javascript:void(0);"
                                         role="button"
-                                        @click="unpairAll"
-                                    >
+                                        @click="unpairAll">
                                         {{ l("Unpair all") }}
                                     </a>
                                 </div>
@@ -420,8 +406,7 @@
                                                 :key="pair.id"
                                                 :pair="pair"
                                                 :unlink-fn="clickUnpair(pair)"
-                                                @onPairRename="(name) => (pair.name = name)"
-                                            />
+                                                @onPairRename="(name) => (pair.name = name)" />
                                         </draggable>
                                     </ol>
                                 </div>
diff --git a/client/src/components/Collections/common/ClickToEdit.vue b/client/src/components/Collections/common/ClickToEdit.vue
index b232c28910e..4213fb23001 100644
--- a/client/src/components/Collections/common/ClickToEdit.vue
+++ b/client/src/components/Collections/common/ClickToEdit.vue
@@ -5,8 +5,7 @@
         contenteditable
         v-model="localValue"
         @blur="editable = false"
-        @keyup.enter="editable = false"
-    />
+        @keyup.enter="editable = false" />
     <label v-else @click="editable = true">
         {{ localValue }}
     </label>
diff --git a/client/src/components/Collections/common/CollectionCreator.vue b/client/src/components/Collections/common/CollectionCreator.vue
index 4fd0cf01f39..215ba7a82a4 100644
--- a/client/src/components/Collections/common/CollectionCreator.vue
+++ b/client/src/components/Collections/common/CollectionCreator.vue
@@ -7,8 +7,7 @@
                     href="javascript:void(0);"
                     role="button"
                     @click="_clickForHelp"
-                    :title="titleForHelp"
-                >
+                    :title="titleForHelp">
                     <div v-if="!isExpanded">
                         <i class="fas fa-chevron-down"></i>
                     </div>
@@ -24,8 +23,7 @@
                         href="javascript:void(0);"
                         role="button"
                         @click="_clickForHelp"
-                        :title="titleForHelp"
-                    >
+                        :title="titleForHelp">
                     </a>
                 </div>
             </div>
@@ -42,8 +40,7 @@
                             class="remove-extensions float-right"
                             type="checkbox"
                             @click="$emit('remove-extensions-toggle')"
-                            checked
-                        />
+                            checked />
                     </label>
                     <label class="setting-prompt float-right">
                         {{ hideOriginalsText }}
@@ -54,8 +51,7 @@
                     <input
                         class="collection-name form-control float-right"
                         :placeholder="placeholderEnterName"
-                        v-model="collectionName"
-                    />
+                        v-model="collectionName" />
                     <div class="collection-name-prompt float-right">
                         {{ l("Name:") }}
                     </div>
@@ -71,8 +67,7 @@
                     <button
                         class="create-collection btn btn-primary"
                         @click="$emit('clicked-create', collectionName)"
-                        :disabled="!validInput"
-                    >
+                        :disabled="!validInput">
                         {{ l("Create collection") }}
                     </button>
                 </div>
diff --git a/client/src/components/Collections/common/CollectionEditView.vue b/client/src/components/Collections/common/CollectionEditView.vue
index fd66ca22bbd..f178ed395e2 100644
--- a/client/src/components/Collections/common/CollectionEditView.vue
+++ b/client/src/components/Collections/common/CollectionEditView.vue
@@ -19,8 +19,7 @@
                             v-if="item && databaseKeyFromElements"
                             :database-key-from-elements="databaseKeyFromElements"
                             :genomes="item"
-                            @clicked-save="clickedSave"
-                        />
+                            @clicked-save="clickedSave" />
                     </div>
                 </GenomeProvider>
             </b-tab>
diff --git a/client/src/components/Collections/common/DatabaseEditTab.vue b/client/src/components/Collections/common/DatabaseEditTab.vue
index dd9a9a5382f..bb1778a41c5 100644
--- a/client/src/components/Collections/common/DatabaseEditTab.vue
+++ b/client/src/components/Collections/common/DatabaseEditTab.vue
@@ -6,8 +6,7 @@
                 <button
                     class="save-collection-edit btn btn-primary"
                     @click="clickedSave"
-                    :disabled="selectedGenome.id == databaseKeyFromElements"
-                >
+                    :disabled="selectedGenome.id == databaseKeyFromElements">
                     {{ l("Save") }}
                 </button>
             </div>
@@ -20,8 +19,7 @@
             label="text"
             :options="genomes"
             :searchable="true"
-            :allow-empty="false"
-        >
+            :allow-empty="false">
             {{ selectedGenome.text }}
         </multiselect>
     </div>
diff --git a/client/src/components/Collections/common/SuitableConvertersTab.vue b/client/src/components/Collections/common/SuitableConvertersTab.vue
index e31ad5ca46f..0f121d7f01b 100644
--- a/client/src/components/Collections/common/SuitableConvertersTab.vue
+++ b/client/src/components/Collections/common/SuitableConvertersTab.vue
@@ -6,8 +6,7 @@
                 <button
                     class="run-tool-collection-edit btn btn-primary"
                     @click="clickedConvert"
-                    :disabled="selectedConverter == {}"
-                >
+                    :disabled="selectedConverter == {}">
                     {{ l("Convert Collection") }}
                 </button>
             </div>
@@ -20,8 +19,7 @@
             label="name"
             :options="suitableConverters"
             :searchable="true"
-            :allow-empty="true"
-        >
+            :allow-empty="true">
         </multiselect>
     </div>
 </template>
diff --git a/client/src/components/Common/DelayedInput.vue b/client/src/components/Common/DelayedInput.vue
index 6659f75f78e..dcda3e98cfd 100644
--- a/client/src/components/Common/DelayedInput.vue
+++ b/client/src/components/Common/DelayedInput.vue
@@ -6,8 +6,7 @@
             v-model="queryInput"
             @input="delayQuery"
             @change="setQuery"
-            @keydown.esc="setQuery()"
-        />
+            @keydown.esc="setQuery()" />
         <font-awesome-icon v-if="loading" class="search-clear" icon="spinner" spin />
         <font-awesome-icon
             v-else
@@ -15,8 +14,7 @@
             :title="titleClearSearch"
             class="search-clear"
             icon="times-circle"
-            @click="setQuery()"
-        />
+            @click="setQuery()" />
     </div>
 </template>
 <script>
diff --git a/client/src/components/Common/SlugInput.vue b/client/src/components/Common/SlugInput.vue
index 27c098eaa22..0d1129ec8c6 100644
--- a/client/src/components/Common/SlugInput.vue
+++ b/client/src/components/Common/SlugInput.vue
@@ -5,8 +5,7 @@
         @keydown.enter="onChange"
         @keydown.esc="onCancel"
         class="d-inline w-auto h-auto px-1 py-0"
-        ref="input"
-    />
+        ref="input" />
 </template>
 <script>
 import Vue from "vue";
diff --git a/client/src/components/DataDialog/DataDialog.vue b/client/src/components/DataDialog/DataDialog.vue
index 7a572b96ede..eab7aeb96ef 100644
--- a/client/src/components/DataDialog/DataDialog.vue
+++ b/client/src/components/DataDialog/DataDialog.vue
@@ -3,8 +3,7 @@
         :error-message="errorMessage"
         :options-show="optionsShow"
         :modal-show="modalShow"
-        :hide-modal="onCancel"
-    >
+        :hide-modal="onCancel">
         <template v-slot:search>
             <data-dialog-search v-model="filter" />
         </template>
@@ -15,8 +14,7 @@
                 :multiple="multiple"
                 :filter="filter"
                 @clicked="onClick"
-                @load="load"
-            />
+                @load="load" />
         </template>
         <template v-slot:buttons>
             <b-btn size="sm" class="float-left" v-if="undoShow" @click="load()">
@@ -33,8 +31,7 @@
                 class="float-right ml-1"
                 variant="primary"
                 @click="onOk"
-                :disabled="!hasValue"
-            >
+                :disabled="!hasValue">
                 Ok
             </b-btn>
         </template>
diff --git a/client/src/components/Dataset/DatasetIndex/DatasetIndex.vue b/client/src/components/Dataset/DatasetIndex/DatasetIndex.vue
index ef995f7bf5a..ed9ba82907f 100644
--- a/client/src/components/Dataset/DatasetIndex/DatasetIndex.vue
+++ b/client/src/components/Dataset/DatasetIndex/DatasetIndex.vue
@@ -6,8 +6,7 @@
             striped
             hover
             :fields="fields"
-            :items="directoryContent"
-        >
+            :items="directoryContent">
         </b-table>
         <div v-if="errorMessage">
             <b v-if="path">{{ path }}</b> {{ errorMessage }}
diff --git a/client/src/components/Dataset/DatasetName.vue b/client/src/components/Dataset/DatasetName.vue
index 2abd8318b0c..8e738d9bedf 100644
--- a/client/src/components/Dataset/DatasetName.vue
+++ b/client/src/components/Dataset/DatasetName.vue
@@ -5,20 +5,17 @@
             class="workflow-dropdown font-weight-bold p-2"
             data-toggle="dropdown"
             aria-haspopup="true"
-            aria-expanded="false"
-        >
+            aria-expanded="false">
             <span
                 v-if="isError"
                 class="dataset-icon error fa fa-times-circle text-danger"
                 v-b-tooltip.hover
-                title="An error occurred for this dataset."
-            />
+                title="An error occurred for this dataset." />
             <span
                 v-else-if="isPaused"
                 class="dataset-icon pause fa fa-pause text-info"
                 v-b-tooltip.hover
-                title="The creation of this dataset has been paused."
-            />
+                title="The creation of this dataset has been paused." />
             <span v-else class="dataset-icon fa fa-caret-down" />
             <span class="name">{{ this.getName }}</span>
         </b-link>
diff --git a/client/src/components/DatasetInformation/DatasetAttributes.vue b/client/src/components/DatasetInformation/DatasetAttributes.vue
index 5e2cf360b98..4602c63fa88 100644
--- a/client/src/components/DatasetInformation/DatasetAttributes.vue
+++ b/client/src/components/DatasetInformation/DatasetAttributes.vue
@@ -17,8 +17,7 @@
                                 id="dataset-attributes-default-save"
                                 @click="submit('attribute', 'attributes')"
                                 variant="primary"
-                                class="mr-1"
-                            >
+                                class="mr-1">
                                 <font-awesome-icon icon="save" class="mr-1" />{{ "Save" | l }}
                             </b-button>
                             <b-button @click="submit('attribute', 'autodetect')">
diff --git a/client/src/components/DatasetInformation/DatasetError.vue b/client/src/components/DatasetInformation/DatasetError.vue
index 6e19c5e0b6a..6ffc5a0a68b 100644
--- a/client/src/components/DatasetInformation/DatasetError.vue
+++ b/client/src/components/DatasetInformation/DatasetError.vue
@@ -9,8 +9,7 @@
                 v-if="!datasetLoading"
                 :jobid="dataset.creating_job"
                 v-slot="{ result: jobDetails, loading }"
-                @error="onError"
-            >
+                @error="onError">
                 <div v-if="!loading">
                     <div class="page-container edit-attr">
                         <div class="response-message"></div>
@@ -24,8 +23,7 @@
                     <DatasetErrorDetails
                         :tool-stderr="jobDetails.tool_stderr"
                         :job-stderr="jobDetails.job_stderr"
-                        :job-messages="jobDetails.job_messages"
-                    />
+                        :job-messages="jobDetails.job_messages" />
                     <JobProblemProvider :jobid="dataset.creating_job" v-slot="{ result: jobProblems }" @error="onError">
                         <div v-if="jobProblems && (jobProblems.has_duplicate_inputs || jobProblems.has_empty_inputs)">
                             <h3 class="common_problems mt-3">Detected Common Potential Problems</h3>
@@ -62,20 +60,17 @@
                         v-if="!jobDetails.user_email"
                         id="dataset-error-email"
                         v-model="email"
-                        title="Please provide your email:"
-                    />
+                        title="Please provide your email:" />
                     <FormElement
                         id="dataset-error-message"
                         v-model="message"
                         :area="true"
-                        title="Please provide detailed information on the activities leading to this issue:"
-                    />
+                        title="Please provide detailed information on the activities leading to this issue:" />
                     <b-button
                         id="dataset-error-submit"
                         variant="primary"
                         @click="submit(dataset, jobDetails.user_email)"
-                        class="mt-3"
-                    >
+                        class="mt-3">
                         <font-awesome-icon icon="bug" class="mr-1" />Report
                     </b-button>
                 </div>
diff --git a/client/src/components/DatasetInformation/DatasetSourceTransform.vue b/client/src/components/DatasetInformation/DatasetSourceTransform.vue
index d4f15b4d701..188f8fecf47 100644
--- a/client/src/components/DatasetInformation/DatasetSourceTransform.vue
+++ b/client/src/components/DatasetInformation/DatasetSourceTransform.vue
@@ -9,8 +9,7 @@
                         :title="actionLongDescription(transformAction)"
                         class="dataset-source-transform-element"
                         :data-transform-action="transformAction.action"
-                        v-b-tooltip.hover.noninteractive.nofade.bottom
-                    >
+                        v-b-tooltip.hover.noninteractive.nofade.bottom>
                         {{ actionShortDescription(transformAction) }}
                     </span>
                 </li>
diff --git a/client/src/components/Details/DatasetDetails.vue b/client/src/components/Details/DatasetDetails.vue
index bce1a013459..6d622e18068 100644
--- a/client/src/components/Details/DatasetDetails.vue
+++ b/client/src/components/Details/DatasetDetails.vue
@@ -2,8 +2,7 @@
     <ConfigProvider v-slot="{ config }">
         <DatasetProvider
             :id="datasetId"
-            v-slot="{ item: dataset, loading: isDatasetLoading, error: datasetLoadingError }"
-        >
+            v-slot="{ item: dataset, loading: isDatasetLoading, error: datasetLoadingError }">
             <div>
                 <LoadingSpan v-if="isDatasetLoading" />
                 <Alert v-else-if="datasetLoadingError" :message="datasetLoadingError" variant="error" />
@@ -12,8 +11,7 @@
                         v-if="!isDatasetLoading && dataset.creating_job !== null"
                         :jobid="dataset.creating_job"
                         v-slot="{ result: job, loading: isJobLoading }"
-                        :use-cache="false"
-                    >
+                        :use-cache="false">
                         <div v-if="!isJobLoading">
                             <dataset-information class="detail" :hda_id="datasetId" />
                             <job-parameters class="detail" dataset_type="hda" :dataset-id="datasetId" />
@@ -24,13 +22,11 @@
                                 class="detail"
                                 v-if="config"
                                 :aws_estimate="config.aws_estimate"
-                                :dataset-id="datasetId"
-                            />
+                                :dataset-id="datasetId" />
                             <job-destination-params
                                 class="detail"
                                 v-if="user.is_admin"
-                                :job-id="dataset.creating_job"
-                            />
+                                :job-id="dataset.creating_job" />
                             <job-dependencies class="detail" :dependencies="job.dependencies"></job-dependencies>
                             <div class="detail" v-if="dataset.peek">
                                 <h3>Dataset Peek:</h3>
diff --git a/client/src/components/FilesDialog/FilesDialog.vue b/client/src/components/FilesDialog/FilesDialog.vue
index 0c6f22e9d3d..f55a3cf275a 100644
--- a/client/src/components/FilesDialog/FilesDialog.vue
+++ b/client/src/components/FilesDialog/FilesDialog.vue
@@ -3,8 +3,7 @@
         :error-message="errorMessage"
         :options-show="optionsShow"
         :modal-show="modalShow"
-        :hide-modal="() => (modalShow = false)"
-    >
+        :hide-modal="() => (modalShow = false)">
         <template v-slot:search>
             <data-dialog-search v-model="filter" />
         </template>
@@ -21,8 +20,7 @@
                 :is-busy="isBusy"
                 @clicked="clicked"
                 @open="open"
-                @toggleSelectAll="toggleSelectAll"
-            />
+                @toggleSelectAll="toggleSelectAll" />
         </template>
         <template v-slot:buttons>
             <b-btn id="back-btn" size="sm" class="float-left" v-if="undoShow" @click="load()">
@@ -36,8 +34,7 @@
                 variant="primary"
                 id="ok-btn"
                 @click="fileMode ? finalize() : selectLeaf(currentDirectory)"
-                :disabled="(fileMode && !hasValue) || isBusy || (!fileMode && urlTracker.atRoot())"
-            >
+                :disabled="(fileMode && !hasValue) || isBusy || (!fileMode && urlTracker.atRoot())">
                 {{ fileMode ? "Ok" : "Select this folder" }}
             </b-btn>
         </template>
diff --git a/client/src/components/Form/Elements/FormDirectory.vue b/client/src/components/Form/Elements/FormDirectory.vue
index f7c2dc21236..fdb533fa78b 100644
--- a/client/src/components/Form/Elements/FormDirectory.vue
+++ b/client/src/components/Form/Elements/FormDirectory.vue
@@ -15,8 +15,7 @@
             <b-breadcrumb-item
                 v-for="({ pathChunk, editable }, index) in pathChunks"
                 :key="index"
-                class="existent-url-path align-items-center"
-            >
+                class="existent-url-path align-items-center">
                 <b-button class="regular-path-chunk" @click="removePath(index)" :disabled="!editable" variant="dark">
                     {{ pathChunk }}</b-button
                 >
@@ -31,8 +30,7 @@
                     @keydown.8.capture="removeLastPath"
                     v-model="currentDirectoryName"
                     placeholder="enter directory name"
-                    trim
-                />
+                    trim />
             </b-breadcrumb-item>
         </b-breadcrumb>
     </div>
diff --git a/client/src/components/Form/FormCard.vue b/client/src/components/Form/FormCard.vue
index 4ef130dfb00..a3e71b1ac88 100644
--- a/client/src/components/Form/FormCard.vue
+++ b/client/src/components/Form/FormCard.vue
@@ -11,8 +11,7 @@
                     size="sm"
                     class="float-right"
                     v-b-tooltip.hover.bottom
-                    @click="onCollapse"
-                >
+                    @click="onCollapse">
                     <font-awesome-icon v-if="expanded" icon="eye-slash" class="fa-fw" />
                     <font-awesome-icon v-else icon="eye" class="fa-fw" />
                 </b-button>
diff --git a/client/src/components/Form/FormDisplay.vue b/client/src/components/Form/FormDisplay.vue
index ac9a6aa48c3..846641bd15d 100644
--- a/client/src/components/Form/FormDisplay.vue
+++ b/client/src/components/Form/FormDisplay.vue
@@ -11,8 +11,7 @@
         :collapsed-disable-icon="collapsedDisableIcon"
         :errors="errors"
         :on-change="onChange"
-        :on-change-form="onChangeForm"
-    />
+        :on-change-form="onChangeForm" />
 </template>
 
 <script>
diff --git a/client/src/components/Form/FormElement.vue b/client/src/components/Form/FormElement.vue
index c4e4407957f..b18f61d1b3c 100644
--- a/client/src/components/Form/FormElement.vue
+++ b/client/src/components/Form/FormElement.vue
@@ -32,8 +32,7 @@
                 :data-label="title"
                 :type="type"
                 :attributes="attrs"
-                ref="params"
-            />
+                ref="params" />
             <FormInput v-else v-model="currentValue" :id="id" :area="attrs['area']" />
         </div>
         <div v-if="showPreview" class="ui-form-preview" v-html="previewText" />
diff --git a/client/src/components/Form/FormInputs.vue b/client/src/components/Form/FormInputs.vue
index 2d74191b466..5267d7790ea 100644
--- a/client/src/components/Form/FormInputs.vue
+++ b/client/src/components/Form/FormInputs.vue
@@ -12,15 +12,13 @@
                     :disabled="sustainConditionals"
                     :attributes="input.test_param"
                     :backbonejs="true"
-                    @change="onChange"
-                />
+                    @change="onChange" />
                 <div v-for="(caseDetails, caseId) in input.cases" :key="caseId">
                     <FormNode
                         v-if="conditionalMatch(input, caseId)"
                         v-bind="$props"
                         :inputs="caseDetails.inputs"
-                        :prefix="getPrefix(input.name)"
-                    />
+                        :prefix="getPrefix(input.name)" />
                 </div>
             </div>
             <div v-else-if="input.type == 'repeat'">
@@ -30,8 +28,7 @@
                 <FormCard
                     v-for="(cache, cacheId) in input.cache"
                     :key="cacheId"
-                    :title="repeatTitle(cacheId, input.title)"
-                >
+                    :title="repeatTitle(cacheId, input.title)">
                     <template v-slot:operations>
                         <b-button
                             v-if="!sustainRepeats"
@@ -40,8 +37,7 @@
                             size="sm"
                             class="float-right"
                             v-b-tooltip.hover.bottom
-                            @click="repeatDelete(input, cacheId)"
-                        >
+                            @click="repeatDelete(input, cacheId)">
                             <font-awesome-icon icon="trash-alt" />
                         </b-button>
                     </template>
@@ -76,8 +72,7 @@
                 :collapsed-enable-icon="collapsedEnableIcon"
                 :collapsed-disable-text="collapsedDisableText"
                 :collapsed-disable-icon="collapsedDisableIcon"
-                @change="onChange"
-            />
+                @change="onChange" />
         </div>
     </div>
 </template>
diff --git a/client/src/components/GalaxyLoader.vue b/client/src/components/GalaxyLoader.vue
index fe2c4298471..fd898b36b01 100644
--- a/client/src/components/GalaxyLoader.vue
+++ b/client/src/components/GalaxyLoader.vue
@@ -2,8 +2,7 @@
     <div
         class="galaxy-loader"
         :class="[`galaxy-loader_${style}`, { 'galaxy-loader_center': center }]"
-        :style="{ transform: `scale(${size / 100})` }"
-    >
+        :style="{ transform: `scale(${size / 100})` }">
         <div class="galaxy-loader_strip-1"></div>
         <div class="galaxy-loader_strip-2"></div>
         <div class="galaxy-loader_strip-3"></div>
diff --git a/client/src/components/History/ContentFilters.vue b/client/src/components/History/ContentFilters.vue
index a1fa851561e..5d7ecf9fa47 100644
--- a/client/src/components/History/ContentFilters.vue
+++ b/client/src/components/History/ContentFilters.vue
@@ -6,8 +6,7 @@
                 :value="value"
                 @input="input"
                 :placeholder="'Search Filter' | localize"
-                data-description="filter text input"
-            />
+                data-description="filter text input" />
         </DebouncedInput>
 
         <b-input-group-append>
@@ -16,8 +15,7 @@
                 :pressed="showDeleted"
                 :variant="showDeleted ? 'info' : 'secondary'"
                 @click="showDeleted = !showDeleted"
-                data-description="show deleted filter toggle"
-            >
+                data-description="show deleted filter toggle">
                 {{ "Deleted" | localize }}
             </b-button>
             <b-button
@@ -25,8 +23,7 @@
                 :pressed="showHidden"
                 :variant="showHidden ? 'info' : 'secondary'"
                 @click="showHidden = !showHidden"
-                data-description="show hidden filter toggle"
-            >
+                data-description="show hidden filter toggle">
                 {{ "Hidden" | localize }}
             </b-button>
         </b-input-group-append>
diff --git a/client/src/components/History/ContentItem/Dataset/Dataset.vue b/client/src/components/History/ContentItem/Dataset/Dataset.vue
index cc00d07b0d4..da7c43affb6 100644
--- a/client/src/components/History/ContentItem/Dataset/Dataset.vue
+++ b/client/src/components/History/ContentItem/Dataset/Dataset.vue
@@ -8,8 +8,7 @@
         @delete="onDelete"
         @undelete="onUndelete"
         @unhide="onUnhide"
-        @copy-link="onCopyLink"
-    />
+        @copy-link="onCopyLink" />
 </template>
 
 <script>
diff --git a/client/src/components/History/ContentItem/Dataset/DatasetMenu.vue b/client/src/components/History/ContentItem/Dataset/DatasetMenu.vue
index 690dc7ad1b8..a780d32aaaa 100644
--- a/client/src/components/History/ContentItem/Dataset/DatasetMenu.vue
+++ b/client/src/components/History/ContentItem/Dataset/DatasetMenu.vue
@@ -8,8 +8,7 @@
                 :disabled="dataset.purged || isIn(STATES.UPLOAD, STATES.NEW)"
                 @click.stop="viewData"
                 variant="link"
-                class="px-1 display-btn"
-            />
+                class="px-1 display-btn" />
             <IconButton
                 v-if="writable && notIn(STATES.DISCARDED)"
                 icon="pen"
@@ -17,8 +16,7 @@
                 :disabled="dataset.deleted || isIn(STATES.UPLOAD, STATES.NEW)"
                 @click.stop="$emit('edit')"
                 variant="link"
-                class="px-1 edit-btn"
-            />
+                class="px-1 edit-btn" />
             <IconButton
                 v-if="writable && dataset.accessible"
                 :icon="dataset.deleted ? 'trash-restore' : 'trash'"
@@ -27,8 +25,7 @@
                 v-b-modal="bsId('delete-modal')"
                 variant="link"
                 class="px-1 delete-btn"
-                @click.stop
-            />
+                @click.stop />
 
             <b-dropdown
                 right
@@ -38,8 +35,7 @@
                 toggle-class="p-1 pl-2"
                 class="flex-grow-0 dataset-operations-dropdown"
                 v-if="expanded"
-                boundary="window"
-            >
+                boundary="window">
                 <template v-slot:button-content>
                     <Icon icon="ellipsis-v" variant="link" />
                     <span class="sr-only">Dataset Operations</span>
@@ -53,8 +49,7 @@
                         backboneRoute('datasets/error', {
                             dataset_id: dataset.id,
                         })
-                    "
-                >
+                    ">
                     <Icon icon="exclamation-triangle" class="mr-1" />
                     <span v-localize>Show Error</span>
                 </b-dropdown-item>
@@ -62,8 +57,7 @@
                 <b-dropdown-item
                     v-if="showDownloads && dataset.getUrl('download')"
                     title="Copy Link"
-                    @click.stop="$emit('copy-link')"
-                >
+                    @click.stop="$emit('copy-link')">
                     <Icon icon="link" class="mr-1" />
                     <span v-localize>Copy Link</span>
                 </b-dropdown-item>
@@ -75,8 +69,7 @@
                         :title="'Download ' + mf.file_type"
                         :href="prependPath(dataset.getUrl('meta_download') + mf.file_type)"
                         target="_blank"
-                        download
-                    >
+                        download>
                         <Icon icon="download" class="mr-1" />
                         <span v-localize>{{ "Download " + mf.file_type }}</span>
                     </b-dropdown-item>
@@ -88,8 +81,7 @@
                     :href="prependPath(dataset.getUrl('download'))"
                     target="_blank"
                     class="download-btn"
-                    download
-                >
+                    download>
                     <Icon icon="download" class="mr-1" />
                     <span v-localize>Download</span>
                 </b-dropdown-item>
@@ -102,8 +94,7 @@
                         backboneRoute('/', {
                             job_id: dataset.creating_job,
                         })
-                    "
-                >
+                    ">
                     <Icon icon="play" class="mr-1" />
                     <span v-localize>Run job again</span>
                 </b-dropdown-item>
@@ -111,8 +102,7 @@
                 <b-dropdown-item
                     v-if="showViz && hasViz && isIn(STATES.OK, STATES.FAILED_METADATA)"
                     title="Visualize Data"
-                    @click.stop.prevent="visualize"
-                >
+                    @click.stop.prevent="visualize">
                     <Icon icon="chart-area" class="mr-1" />
                     <span v-localize>Visualize Data</span>
                 </b-dropdown-item>
@@ -120,8 +110,7 @@
                 <b-dropdown-item
                     v-if="currentUser && currentUser.id && dataset.creating_job"
                     title="Tool Help"
-                    @click.stop="showToolHelp(dataset.creating_job)"
-                >
+                    @click.stop="showToolHelp(dataset.creating_job)">
                     <Icon icon="question" class="mr-1" />
                     <span v-localize>Tool Help</span>
                 </b-dropdown-item>
@@ -131,8 +120,7 @@
                     key="dataset-details"
                     title="View Dataset Details"
                     class="params-btn"
-                    @click.stop.prevent="showDetails"
-                >
+                    @click.stop.prevent="showDetails">
                     <Icon icon="info-circle" class="mr-1" />
                     <span v-localize>View Dataset Details</span>
                 </b-dropdown-item>
diff --git a/client/src/components/History/ContentItem/Dataset/DatasetUI.vue b/client/src/components/History/ContentItem/Dataset/DatasetUI.vue
index b229742942a..d485504b441 100644
--- a/client/src/components/History/ContentItem/Dataset/DatasetUI.vue
+++ b/client/src/components/History/ContentItem/Dataset/DatasetUI.vue
@@ -13,8 +13,7 @@ either through the props, and make updates through the events -->
         :data-state="dataset.state"
         @keydown.arrow-left.self.stop="$emit('update:expanded', false)"
         @keydown.arrow-right.self.stop="$emit('update:expanded', true)"
-        @keydown.space.self.stop.prevent="$emit('update:selected', !selected)"
-    >
+        @keydown.space.self.stop.prevent="$emit('update:selected', !selected)">
         <!-- name, state buttons, menus -->
         <nav class="content-top-menu p-1 d-flex cursor-pointer" @click.stop="$emit('update:expanded', !expanded)">
             <div class="d-flex flex-grow-1 overflow-hidden">
@@ -26,8 +25,7 @@ either through the props, and make updates through the events -->
                     v-if="!collapsed"
                     class="status-icon px-1"
                     :state="dataset.state"
-                    @click.stop="onStatusClick"
-                />
+                    @click.stop="onStatusClick" />
 
                 <IconButton
                     v-if="!collapsed && !dataset.visible"
@@ -35,8 +33,7 @@ either through the props, and make updates through the events -->
                     state="hidden"
                     title="Unhide"
                     icon="eye-slash"
-                    @click.stop="$emit('unhide')"
-                />
+                    @click.stop="$emit('unhide')" />
 
                 <IconButton
                     v-if="!collapsed && dataset.isDeleted && !dataset.purged"
@@ -44,8 +41,7 @@ either through the props, and make updates through the events -->
                     state="deleted"
                     title="Undelete"
                     icon="trash-restore"
-                    @click.stop="$emit('undelete')"
-                />
+                    @click.stop="$emit('undelete')" />
 
                 <div class="content-title title p-1 overflow-hidden">
                     <h5 class="text-truncate" v-if="collapsed">
@@ -62,8 +58,7 @@ either through the props, and make updates through the events -->
                         :expanded="expanded"
                         :writable="writable"
                         @edit="edit"
-                        v-on="$listeners"
-                    />
+                        v-on="$listeners" />
                 </slot>
             </div>
         </nav>
@@ -91,16 +86,14 @@ either through the props, and make updates through the events -->
                             v-model="name"
                             placeholder="Dataset Name"
                             trim
-                            max-rows="4"
-                        ></b-textarea>
+                            max-rows="4"></b-textarea>
 
                         <b-textarea
                             class="mb-3"
                             v-model="annotation"
                             placeholder="Annotation (optional)"
                             trim
-                            max-rows="4"
-                        ></b-textarea>
+                            max-rows="4"></b-textarea>
 
                         <StatelessTags class="mt-2" v-model="tags" />
                     </div>
@@ -115,8 +108,7 @@ either through the props, and make updates through the events -->
                     :valid="valid"
                     :dirty="dirty"
                     @save="save"
-                    @revert="revert"
-                />
+                    @revert="revert" />
             </div>
 
             <div class="details">
diff --git a/client/src/components/History/ContentItem/DatasetCollection/DatasetCollection.vue b/client/src/components/History/ContentItem/DatasetCollection/DatasetCollection.vue
index c8b44f8d3d9..b437dc7d14c 100644
--- a/client/src/components/History/ContentItem/DatasetCollection/DatasetCollection.vue
+++ b/client/src/components/History/ContentItem/DatasetCollection/DatasetCollection.vue
@@ -8,8 +8,7 @@
         @update:dsc="onUpdate"
         @delete="onDelete"
         @undelete="onUndelete"
-        @unhide="onUnhide"
-    />
+        @unhide="onUnhide" />
 </template>
 
 <script>
diff --git a/client/src/components/History/ContentItem/DatasetCollection/DscMenu.vue b/client/src/components/History/ContentItem/DatasetCollection/DscMenu.vue
index 7d314f5ef95..b5cf70aedfe 100644
--- a/client/src/components/History/ContentItem/DatasetCollection/DscMenu.vue
+++ b/client/src/components/History/ContentItem/DatasetCollection/DscMenu.vue
@@ -8,8 +8,7 @@
                 title="View Dataset Collection Details"
                 @click.stop.prevent="backboneRoute(collectionDetailsPath)"
                 variant="link"
-                class="px-1"
-            >
+                class="px-1">
             </IconButton>
             <IconButton
                 v-if="notIn(STATES.DISCARDED)"
@@ -18,8 +17,7 @@
                 :disabled="dsc.deleted || isIn(STATES.UPLOAD, STATES.NEW)"
                 @click.stop="backboneRoute('collection/edit/' + dsc.hdca_id)"
                 variant="link"
-                class="px-1 dsc-edit-view"
-            />
+                class="px-1 dsc-edit-view" />
             <b-dropdown v-if="notIn(STATES.DISCARDED)" no-caret right variant="link" size="sm" boundary="window">
                 <template v-slot:button-content>
                     <Icon icon="trash" variant="link" />
diff --git a/client/src/components/History/ContentItem/DatasetCollection/DscUI.vue b/client/src/components/History/ContentItem/DatasetCollection/DscUI.vue
index 63e53942acc..273cc5f0c22 100644
--- a/client/src/components/History/ContentItem/DatasetCollection/DscUI.vue
+++ b/client/src/components/History/ContentItem/DatasetCollection/DscUI.vue
@@ -8,8 +8,7 @@
         :id="typedId"
         :data-state="dsc.state"
         @keydown.arrow-right.self.stop="$emit('viewCollection')"
-        @keydown.space.self.stop.prevent="$emit('update:selected', !selected)"
-    >
+        @keydown.space.self.stop.prevent="$emit('update:selected', !selected)">
         <nav class="content-top-menu p-1 d-flex cursor-pointer">
             <div class="d-flex flex-grow-1 overflow-hidden">
                 <div class="pl-1" v-if="showSelection">
@@ -17,16 +16,14 @@
                         class="selector"
                         :checked="selected"
                         @click.stop
-                        @change="$emit('update:selected', $event)"
-                    />
+                        @change="$emit('update:selected', $event)" />
                 </div>
 
                 <StatusIcon
                     v-if="dsc.state != 'ok'"
                     class="status-icon px-1"
                     :state="dsc.state"
-                    @click.stop="onStatusClick"
-                />
+                    @click.stop="onStatusClick" />
 
                 <IconButton
                     v-if="!dsc.visible"
@@ -34,8 +31,7 @@
                     state="hidden"
                     title="Unhide"
                     icon="eye-slash"
-                    @click.stop="$emit('unhide')"
-                />
+                    @click.stop="$emit('unhide')" />
 
                 <IconButton
                     v-if="dsc.deleted"
@@ -43,8 +39,7 @@
                     state="deleted"
                     title="Undelete"
                     icon="trash-restore"
-                    @click.stop="$emit('undelete')"
-                />
+                    @click.stop="$emit('undelete')" />
 
                 <IconButton
                     class="px-1"
@@ -52,8 +47,7 @@
                     title="Collection"
                     icon="folder"
                     @click.stop="$emit('viewCollection')"
-                    variant="link"
-                />
+                    variant="link" />
 
                 <div class="content-title title flex-grow-1 overflow-hidden" @click.stop="$emit('viewCollection')">
                     <h5 class="text-truncate">
diff --git a/client/src/components/History/ContentItem/GenericContentItem/DatasetCollectionContents.vue b/client/src/components/History/ContentItem/GenericContentItem/DatasetCollectionContents.vue
index a3d5c09a9e9..157e8280316 100644
--- a/client/src/components/History/ContentItem/GenericContentItem/DatasetCollectionContents.vue
+++ b/client/src/components/History/ContentItem/GenericContentItem/DatasetCollectionContents.vue
@@ -4,8 +4,7 @@
             <DatasetProvider
                 v-if="contentItem.element_type === 'hda'"
                 :id="contentItem.object.id"
-                v-slot="{ item, loading }"
-            >
+                v-slot="{ item, loading }">
                 <div>
                     <loading-span v-if="loading" message="Loading datasets" />
                     <DatasetUIWrapper v-else :item="item" :element_identifier="contentItem.element_identifier">
@@ -15,8 +14,7 @@
             <DatasetCollectionUIWrapper
                 v-if="contentItem.element_type === 'dataset_collection'"
                 :item="contentItem"
-                :element_count="collectionContents.length + 1"
-            >
+                :element_count="collectionContents.length + 1">
             </DatasetCollectionUIWrapper>
         </div>
     </div>
diff --git a/client/src/components/History/ContentItem/GenericContentItem/DatasetCollectionUIWrapper.vue b/client/src/components/History/ContentItem/GenericContentItem/DatasetCollectionUIWrapper.vue
index ffff2bf8ae8..248f55f21ee 100644
--- a/client/src/components/History/ContentItem/GenericContentItem/DatasetCollectionUIWrapper.vue
+++ b/client/src/components/History/ContentItem/GenericContentItem/DatasetCollectionUIWrapper.vue
@@ -10,8 +10,7 @@
             @hide="onHide(datasetCollection)"
             @unhide="onUnhide(datasetCollection)"
             @delete="onDelete(datasetCollection, $event)"
-            @undelete="onUndelete(datasetCollection)"
-        />
+            @undelete="onUndelete(datasetCollection)" />
         <DatasetCollectionContentProvider v-if="expand" :id="datasetCollection.contents_url" v-slot="{ item, loading }">
             <b-spinner v-if="loading">Loading Dataset Collection...</b-spinner>
             <DatasetCollectionContents v-else :collection-contents="item" />
diff --git a/client/src/components/History/ContentItem/GenericContentItem/DatasetUIWrapper.vue b/client/src/components/History/ContentItem/GenericContentItem/DatasetUIWrapper.vue
index 5cbf85e73cb..f41e2c6c479 100644
--- a/client/src/components/History/ContentItem/GenericContentItem/DatasetUIWrapper.vue
+++ b/client/src/components/History/ContentItem/GenericContentItem/DatasetUIWrapper.vue
@@ -11,8 +11,7 @@
         @delete="onDelete"
         @undelete="onUndelete"
         @unhide="onUnhide"
-        @update="onUpdate"
-    >
+        @update="onUpdate">
     </DatasetUI>
 </template>
 <script>
diff --git a/client/src/components/History/ContentItem/Subdataset.vue b/client/src/components/History/ContentItem/Subdataset.vue
index 89264e97b6c..884d34f91f2 100644
--- a/client/src/components/History/ContentItem/Subdataset.vue
+++ b/client/src/components/History/ContentItem/Subdataset.vue
@@ -10,8 +10,7 @@ cache first to see if we already have the data -->
         :dataset="dataset"
         :writable="false"
         :selectable="false"
-        @update:expanded="onExpand"
-    />
+        @update:expanded="onExpand" />
 </template>
 
 <script>
diff --git a/client/src/components/History/ContentOperations.vue b/client/src/components/History/ContentOperations.vue
index ca554566972..4a3741ff4be 100644
--- a/client/src/components/History/ContentOperations.vue
+++ b/client/src/components/History/ContentOperations.vue
@@ -7,22 +7,19 @@
                     icon="check-square"
                     :disabled="!totalMatches"
                     :pressed="hasSelection"
-                    @click="toggleSelectAll"
-                />
+                    @click="toggleSelectAll" />
                 <IconButton
                     title="Filter History Content"
                     icon="filter"
                     :disabled="!totalMatches"
                     :pressed="showFilter"
                     @click="showFilter = !showFilter"
-                    data-description="content filter toggle"
-                />
+                    data-description="content filter toggle" />
                 <IconButton
                     title="Collapse Expanded Items"
                     icon="compress"
                     :disabled="!expandedCount"
-                    @click="$emit('collapseAllContent')"
-                />
+                    @click="$emit('collapseAllContent')" />
             </b-button-group>
 
             <b-button-group>
@@ -31,8 +28,7 @@
                     size="sm"
                     text="Selection"
                     :disabled="!hasSelection"
-                    data-description="selected content menu"
-                >
+                    data-description="selected content menu">
                     <b-dropdown-text id="history-op-selected-content">
                         <span v-localize v-if="hasSelection">With {{ numSelected }} selected items...</span>
                         <span v-localize v-else>You don't have any selected content.</span>
@@ -57,40 +53,35 @@
                     <b-dropdown-item
                         aria-describedby="history-op-selected-content"
                         v-b-modal:purge-selected-content
-                        :disabled="!hasSelection"
-                    >
+                        :disabled="!hasSelection">
                         <span v-localize>Permanently Delete</span>
                     </b-dropdown-item>
 
                     <b-dropdown-item
                         aria-describedby="history-op-selected-content"
                         @click="buildDatasetList"
-                        data-description="build list"
-                    >
+                        data-description="build list">
                         <span v-localize>Build Dataset List</span>
                     </b-dropdown-item>
 
                     <b-dropdown-item
                         aria-describedby="history-op-selected-content"
                         @click="buildDatasetPair"
-                        data-description="build pair"
-                    >
+                        data-description="build pair">
                         <span v-localize>Build Dataset Pair</span>
                     </b-dropdown-item>
 
                     <b-dropdown-item
                         aria-describedby="history-op-selected-content"
                         @click="buildListOfPairs"
-                        data-description="build list of pairs"
-                    >
+                        data-description="build list of pairs">
                         <span v-localize>Build List of Dataset Pairs</span>
                     </b-dropdown-item>
 
                     <b-dropdown-item
                         aria-describedby="history-op-selected-content"
                         @click="buildCollectionFromRules"
-                        data-description="build collection from rules"
-                    >
+                        data-description="build collection from rules">
                         <span v-localize>Build Collection from Rules</span>
                     </b-dropdown-item>
                 </b-dropdown>
@@ -100,8 +91,7 @@
                     size="sm"
                     text="History"
                     :disabled="!totalMatches"
-                    data-description="history action menu"
-                >
+                    data-description="history action menu">
                     <b-dropdown-text id="history-op-all-content">
                         <span v-localize>With entire history...</span>
                     </b-dropdown-text>
@@ -109,8 +99,7 @@
                     <b-dropdown-item
                         aria-describedby="history-op-all-content"
                         @click="iframeRedirect('/dataset/copy_datasets')"
-                        data-description="copy datasets"
-                    >
+                        data-description="copy datasets">
                         <span v-localize>Copy Datasets</span>
                     </b-dropdown-item>
 
diff --git a/client/src/components/History/CurrentCollection/Details.vue b/client/src/components/History/CurrentCollection/Details.vue
index d2b1b9bc546..7286171641c 100644
--- a/client/src/components/History/CurrentCollection/Details.vue
+++ b/client/src/components/History/CurrentCollection/Details.vue
@@ -18,8 +18,7 @@
                     placeholder="Collection Name"
                     trim
                     max-rows="4"
-                    data-description="name input"
-                ></b-textarea>
+                    data-description="name input"></b-textarea>
                 <StatelessTags v-model="tags" class="mt-3 tags" />
             </div>
 
@@ -37,8 +36,7 @@
             :valid="valid"
             :dirty="dirty"
             @save="save"
-            @revert="revert"
-        />
+            @revert="revert" />
     </section>
 </template>
 
diff --git a/client/src/components/History/CurrentCollection/Panel.vue b/client/src/components/History/CurrentCollection/Panel.vue
index 1d9899a68f6..16d82e2a837 100644
--- a/client/src/components/History/CurrentCollection/Panel.vue
+++ b/client/src/components/History/CurrentCollection/Panel.vue
@@ -6,8 +6,7 @@
             <ExpandedItems
                 :scope-key="selectedCollection.id"
                 :get-item-key="(item) => item.type_id"
-                v-slot="{ isExpanded, setExpanded }"
-            >
+                v-slot="{ isExpanded, setExpanded }">
                 <Layout class="dataset-collection-panel">
                     <template v-slot:globalNav>
                         <TopNav :history="history" :selected-collections="selectedCollections" v-on="$listeners" />
@@ -18,8 +17,7 @@
                             icon="download"
                             title="Download Collection"
                             :href="downloadCollectionUrl"
-                            download
-                        />
+                            download />
                     </template>
 
                     <template v-slot:details>
@@ -32,8 +30,7 @@
                             :class="{ loadingBackground: loading }"
                             v-bind="payload"
                             @scroll="setScrollPos"
-                            :debug="false"
-                        >
+                            :debug="false">
                             <template v-slot="{ item, index, rowKey }">
                                 <CollectionContentItem
                                     :item="item"
@@ -45,8 +42,7 @@
                                     @update:expanded="setExpanded(item, $event)"
                                     @viewCollection="$emit('viewCollection', item)"
                                     :data-index="index"
-                                    :data-row-key="rowKey"
-                                />
+                                    :data-row-key="rowKey" />
                             </template>
                         </Scroller>
                     </template>
diff --git a/client/src/components/History/CurrentCollection/TopNav.vue b/client/src/components/History/CurrentCollection/TopNav.vue
index b63d4878287..ad02a1ee399 100644
--- a/client/src/components/History/CurrentCollection/TopNav.vue
+++ b/client/src/components/History/CurrentCollection/TopNav.vue
@@ -5,8 +5,7 @@
         text="Return to..."
         boundary="viewport"
         data-description="collection breadcrumbs menu"
-        no-caret
-    >
+        no-caret>
         <template v-slot:button-content>
             <Icon icon="arrow-up" class="mr-1" />
             <b class="text-nowrap" v-localize>Return to...</b>
@@ -27,8 +26,7 @@
         size="sm"
         title="`Return to: ${history.name}`"
         @click="close"
-        data-description="back to history"
-    >
+        data-description="back to history">
         <Icon icon="arrow-up" class="mr-1" />
         <b class="text-nowrap">Return to: {{ history.name }}</b>
     </b-button>
diff --git a/client/src/components/History/CurrentHistoryPanel.vue b/client/src/components/History/CurrentHistoryPanel.vue
index 925dca99230..63b11833fce 100644
--- a/client/src/components/History/CurrentHistoryPanel.vue
+++ b/client/src/components/History/CurrentHistoryPanel.vue
@@ -7,8 +7,7 @@
                         v-on="handlers"
                         :histories="histories"
                         :current-history="currentHistory"
-                        title="Histories"
-                    />
+                        title="Histories" />
                 </template>
             </HistoryPanel>
 
diff --git a/client/src/components/History/EditorMenu.vue b/client/src/components/History/EditorMenu.vue
index 7601b259cf9..8b0b81a422f 100644
--- a/client/src/components/History/EditorMenu.vue
+++ b/client/src/components/History/EditorMenu.vue
@@ -6,8 +6,7 @@
             :pressed="editing"
             icon="pen"
             @click="$emit('update:editing', !editing)"
-            data-description="editor toggle"
-        />
+            data-description="editor toggle" />
 
         <template v-if="editing">
             <!-- save -->
@@ -17,8 +16,7 @@
                 :class="{ disabled: !valid }"
                 icon="save"
                 @click="$emit('save')"
-                data-description="editor save button"
-            />
+                data-description="editor save button" />
 
             <!-- revert -->
             <IconButton
@@ -27,8 +25,7 @@
                 :class="{ disabled: !dirty }"
                 icon="undo"
                 @click="$emit('revert')"
-                data-description="editor revert button"
-            />
+                data-description="editor revert button" />
 
             <!-- form status -->
             <IconButton
@@ -37,8 +34,7 @@
                 :class="{ valid: valid, disabled: !valid }"
                 :icon="valid ? 'check' : 'exclamation-triangle'"
                 variant="link"
-                data-description="editor status"
-            />
+                data-description="editor status" />
         </template>
     </nav>
 </template>
diff --git a/client/src/components/History/HistoriesMenu.vue b/client/src/components/History/HistoriesMenu.vue
index c915310d37b..da09812d0e2 100644
--- a/client/src/components/History/HistoriesMenu.vue
+++ b/client/src/components/History/HistoriesMenu.vue
@@ -9,8 +9,7 @@
             :text="title | l"
             toggle-class="text-decoration-none"
             class="histories-operation-menu"
-            data-description="histories operation menu"
-        >
+            data-description="histories operation menu">
             <template v-slot:button-content>
                 <Icon fixed-width class="mr-1" icon="folder" />
                 <span class="text-nowrap">{{ title | l }}</span>
@@ -39,8 +38,7 @@
 
             <b-dropdown-item
                 data-description="switch to multi history view"
-                @click="redirect('/history/view_multiple')"
-            >
+                @click="redirect('/history/view_multiple')">
                 <Icon fixed-width class="mr-1" icon="columns" />
                 <span v-localize>Show Histories Side-by-Side</span>
             </b-dropdown-item>
@@ -58,8 +56,7 @@
             id="history-selector-modal"
             :histories="histories"
             :current-history="currentHistory"
-            @selectHistory="$emit('setCurrentHistory', $event)"
-        />
+            @selectHistory="$emit('setCurrentHistory', $event)" />
     </div>
 </template>
 
diff --git a/client/src/components/History/History.vue b/client/src/components/History/History.vue
index dda1fc58161..09531083044 100644
--- a/client/src/components/History/History.vue
+++ b/client/src/components/History/History.vue
@@ -5,13 +5,11 @@
         :disable-poll="false"
         :debug="false"
         :debounce-period="500"
-        v-slot="{ loading, payload, manualReload, setScrollPos }"
-    >
+        v-slot="{ loading, payload, manualReload, setScrollPos }">
         <ExpandedItems
             :scope-key="history.id"
             :get-item-key="(item) => item.type_id"
-            v-slot="{ expandedCount, isExpanded, setExpanded, collapseAll }"
-        >
+            v-slot="{ expandedCount, isExpanded, setExpanded, collapseAll }">
             <SelectedItems
                 :scope-key="history.id"
                 :get-item-key="(item) => item.type_id"
@@ -23,8 +21,7 @@
                     isSelected,
                     setSelected,
                     resetSelection,
-                }"
-            >
+                }">
                 <Layout>
                     <template v-slot:globalNav>
                         <slot name="globalNav" :history="history"></slot>
@@ -56,8 +53,7 @@
                             @selectAllContent="selectItems(payload.contents)"
                             @manualReload="manualReload"
                             :expanded-count="expandedCount"
-                            @collapseAllContent="collapseAll"
-                        />
+                            @collapseAllContent="collapseAll" />
                     </template>
 
                     <template v-slot:listing>
@@ -69,8 +65,7 @@
                             key-field="hid"
                             v-bind="payload"
                             :debug="false"
-                            @scroll="setScrollPos"
-                        >
+                            @scroll="setScrollPos">
                             <template v-slot="{ item, index, rowKey }">
                                 <HistoryContentItem
                                     :item="item"
@@ -84,8 +79,7 @@
                                     @viewCollection="$emit('viewCollection', item)"
                                     :data-hid="item.hid"
                                     :data-index="index"
-                                    :data-row-key="rowKey"
-                                />
+                                    :data-row-key="rowKey" />
                             </template>
                         </Scroller>
                     </template>
diff --git a/client/src/components/History/HistoryDetails.vue b/client/src/components/History/HistoryDetails.vue
index f0ed93a5dbd..f3a6b48a7b6 100644
--- a/client/src/components/History/HistoryDetails.vue
+++ b/client/src/components/History/HistoryDetails.vue
@@ -26,8 +26,7 @@ Emit new History model object when done via .sync syntax
                     placeholder="History Name"
                     trim
                     max-rows="4"
-                    data-description="name input"
-                ></b-textarea>
+                    data-description="name input"></b-textarea>
 
                 <b-textarea
                     class="mb-2"
@@ -35,8 +34,7 @@ Emit new History model object when done via .sync syntax
                     placeholder="Annotation (optional)"
                     trim
                     max-rows="4"
-                    data-description="annotation input"
-                ></b-textarea>
+                    data-description="annotation input"></b-textarea>
 
                 <StatelessTags class="mt-3 tags" v-model="tags" />
             </div>
@@ -51,8 +49,7 @@ Emit new History model object when done via .sync syntax
             :valid="valid"
             :dirty="dirty"
             @save="save"
-            @revert="revert"
-        />
+            @revert="revert" />
     </section>
 </template>
 
diff --git a/client/src/components/History/HistoryDropdown.vue b/client/src/components/History/HistoryDropdown.vue
index 7400e8a034e..6dcfbc15467 100644
--- a/client/src/components/History/HistoryDropdown.vue
+++ b/client/src/components/History/HistoryDropdown.vue
@@ -5,8 +5,7 @@
             class="history-dropdown font-weight-bold"
             data-toggle="dropdown"
             aria-haspopup="true"
-            aria-expanded="false"
-        >
+            aria-expanded="false">
             {{ history.name }}
         </b-link>
         <div class="dropdown-menu" aria-labelledby="history-dropdown">
diff --git a/client/src/components/History/HistoryMenu.vue b/client/src/components/History/HistoryMenu.vue
index 6c13c708303..0c9a317132a 100644
--- a/client/src/components/History/HistoryMenu.vue
+++ b/client/src/components/History/HistoryMenu.vue
@@ -5,8 +5,7 @@
             variant="link"
             text="Histories"
             toggle-class="text-decoration-none"
-            data-description="history menu"
-        >
+            data-description="history menu">
             <template v-slot:button-content>
                 <Icon fixed-width icon="cog" />
                 <span class="sr-only">Operations on the current history</span>
@@ -82,8 +81,7 @@
             id="history-privacy-modal"
             title="Make History Private"
             title-tag="h2"
-            @ok="$emit('secureHistory', history)"
-        >
+            @ok="$emit('secureHistory', history)">
             <p v-localize>
                 This will make all the data in this history private (excluding library datasets), and will set
                 permissions such that all new data is created as private. Any datasets within that are currently shared
@@ -99,8 +97,7 @@
             id="purge-history-modal"
             title="Permanently Delete History?"
             title-tag="h2"
-            @ok="$emit('purgeHistory', history)"
-        >
+            @ok="$emit('purgeHistory', history)">
             <p v-localize>Really delete the current history permanently? This cannot be undone.</p>
         </b-modal>
 
diff --git a/client/src/components/History/HistoryPanel.vue b/client/src/components/History/HistoryPanel.vue
index 6a8f349bcb4..67f4f11a825 100644
--- a/client/src/components/History/HistoryPanel.vue
+++ b/client/src/components/History/HistoryPanel.vue
@@ -6,8 +6,7 @@ selected datset collections -->
         v-if="history && !breadcrumbs.length"
         :history="history"
         v-on="$listeners"
-        @viewCollection="drillDown"
-    >
+        @viewCollection="drillDown">
         <template v-for="(_, name) in $scopedSlots" :slot="name" slot-scope="slotData">
             <slot :name="name" v-bind="slotData" :history="history" />
         </template>
@@ -17,8 +16,7 @@ selected datset collections -->
         v-else-if="breadcrumbs.length"
         :history="history"
         :selected-collections.sync="breadcrumbs"
-        @viewCollection="drillDown"
-    />
+        @viewCollection="drillDown" />
 
     <div v-else>
         <span class="sr-only">Loading...</span>
diff --git a/client/src/components/History/HistorySelector.vue b/client/src/components/History/HistorySelector.vue
index e27e0241f3a..bf522e6120f 100644
--- a/client/src/components/History/HistorySelector.vue
+++ b/client/src/components/History/HistorySelector.vue
@@ -14,8 +14,7 @@
                 :current-page="currentPage"
                 @filtered="onFiltered"
                 @row-clicked="switchToHistory"
-                sticky-header="50vh"
-            >
+                sticky-header="50vh">
                 <template v-slot:cell(tags)="row">
                     <!-- just display tags, don't allow editing -->
                     <stateless-tags :value="row.item.tags" :disabled="true" />
diff --git a/client/src/components/History/HistorySelectorModal.vue b/client/src/components/History/HistorySelectorModal.vue
index 58e2ffeea45..8fcac6a7d06 100644
--- a/client/src/components/History/HistorySelectorModal.vue
+++ b/client/src/components/History/HistorySelectorModal.vue
@@ -19,8 +19,7 @@
             :selectable="true"
             select-mode="single"
             selected-variant="success"
-            @row-selected="switchToHistory"
-        >
+            @row-selected="switchToHistory">
             <template v-slot:cell(tags)="row">
                 <stateless-tags :value="row.item.tags" :disabled="true" />
             </template>
diff --git a/client/src/components/History/Scroller.vue b/client/src/components/History/Scroller.vue
index a9ba80d71ab..3a37d391b67 100644
--- a/client/src/components/History/Scroller.vue
+++ b/client/src/components/History/Scroller.vue
@@ -8,8 +8,7 @@
                     v-for="(item, index) in itemWindow"
                     :key="getItemKey(item)"
                     :data-row-index="index"
-                    :data-row-key="getItemKey(item)"
-                >
+                    :data-row-key="getItemKey(item)">
                     <slot :item="item" :index="index" :row-key="getItemKey(item)">
                         <pre>{{ item }}</pre>
                     </slot>
@@ -25,8 +24,7 @@
             ref="scrollSliderContainer"
             class="scrollSliderContainer"
             :style="scrollSliderContainerStyles"
-            @scroll="onScroll"
-        >
+            @scroll="onScroll">
             <div ref="scrollSlider"></div>
         </div>
 
diff --git a/client/src/components/History/StatusIcon.vue b/client/src/components/History/StatusIcon.vue
index b342daad634..82fa5d5b0a1 100644
--- a/client/src/components/History/StatusIcon.vue
+++ b/client/src/components/History/StatusIcon.vue
@@ -6,8 +6,7 @@
         :icon="stateIcon"
         :variant="variant"
         v-on="$listeners"
-        v-bind="$attrs"
-    />
+        v-bind="$attrs" />
 </template>
 
 <script>
diff --git a/client/src/components/HistoryExport/ExportLink.vue b/client/src/components/HistoryExport/ExportLink.vue
index 96517445f81..fece9bbe0ce 100644
--- a/client/src/components/HistoryExport/ExportLink.vue
+++ b/client/src/components/HistoryExport/ExportLink.vue
@@ -9,11 +9,9 @@
             class="copy-export-link"
             icon="link"
             style="cursor: pointer"
-            @click="copyUrl"
-        />
+            @click="copyUrl" />
         <i
-            title="Information about when the history export was generated is included in the job details. Additionally, if there are issues with export, the job details may help figure out the underlying problem or communicate issues to your Galaxy administrator."
-        >
+            title="Information about when the history export was generated is included in the job details. Additionally, if there are issues with export, the job details may help figure out the underlying problem or communicate issues to your Galaxy administrator.">
             (<b-link class="show-job-link" href="#" @click="showDetails">view job details</b-link>)
         </i>
         <b-modal v-model="details" modal-class="job-information-modal" scrollable ok-only hide-header>
diff --git a/client/src/components/HistoryExport/ToLink.vue b/client/src/components/HistoryExport/ToLink.vue
index 173e372476d..e468c02fc76 100644
--- a/client/src/components/HistoryExport/ToLink.vue
+++ b/client/src/components/HistoryExport/ToLink.vue
@@ -6,8 +6,7 @@
                 v-if="jobError"
                 style="margin-top: 15px"
                 header="History export job ended in error"
-                :job="jobError"
-            />
+                :job="jobError" />
         </b-alert>
         <div v-if="loadingExports">
             <loading-span message="Loading history export information from Galaxy server." />
diff --git a/client/src/components/HistoryExport/ToRemoteFile.vue b/client/src/components/HistoryExport/ToRemoteFile.vue
index a4f8142a757..d26aeb7b121 100644
--- a/client/src/components/HistoryExport/ToRemoteFile.vue
+++ b/client/src/components/HistoryExport/ToRemoteFile.vue
@@ -6,8 +6,7 @@
                 v-if="jobError"
                 style="margin-top: 15px"
                 header="History export job ended in error"
-                :job="jobError"
-            />
+                :job="jobError" />
         </b-alert>
         <div v-if="waitingOnJob">
             <loading-span message="Executing history export job, this will likely take a while." />
@@ -23,8 +22,7 @@
                 id="fieldset-directory"
                 label-for="directory"
                 description="Select a 'remote files' directory to export history archive to."
-                class="mt-3"
-            >
+                class="mt-3">
                 <files-input id="directory" v-model="directory" mode="directory" :require-writable="true" />
             </b-form-group>
             <b-form-group id="fieldset-name" label-for="name" description="Give the exported file a name." class="mt-3">
diff --git a/client/src/components/HistoryImport.vue b/client/src/components/HistoryImport.vue
index df29ec5123a..06aa21e0bf5 100644
--- a/client/src/components/HistoryImport.vue
+++ b/client/src/components/HistoryImport.vue
@@ -6,8 +6,7 @@
                 v-if="jobError"
                 style="margin-top: 15px"
                 header="History import job ended in error"
-                :job="jobError"
-            />
+                :job="jobError" />
         </b-alert>
         <div v-if="initializing">
             <loading-span message="Loading server configuration." />
@@ -28,8 +27,7 @@
                         v-model="importType"
                         :aria-describedby="ariaDescribedby"
                         name="import-type"
-                        stacked
-                    >
+                        stacked>
                         <b-form-radio value="externalUrl">
                             Export URL from another Galaxy instance
                             <font-awesome-icon icon="external-link-alt" />
diff --git a/client/src/components/HistoryView.vue b/client/src/components/HistoryView.vue
index 2097ff141fd..19a7f3c6c51 100644
--- a/client/src/components/HistoryView.vue
+++ b/client/src/components/HistoryView.vue
@@ -26,8 +26,7 @@
         <div
             :id="'history-' + historyHistory['id']"
             class="history-panel unified-panel-body"
-            style="overflow: auto"
-        ></div>
+            style="overflow: auto"></div>
     </div>
 </template>
 
diff --git a/client/src/components/IconButton.vue b/client/src/components/IconButton.vue
index 713e34f9e2e..c1c3f1d0171 100644
--- a/client/src/components/IconButton.vue
+++ b/client/src/components/IconButton.vue
@@ -7,8 +7,7 @@
         :size="size"
         :pressed="pressed"
         :disabled="disabled"
-        :variant="localVariant"
-    >
+        :variant="localVariant">
         <Icon :icon="icon" />
         <span class="sr-only">{{ title | l }}</span>
     </b-button>
diff --git a/client/src/components/InteractiveTools/InteractiveTools.vue b/client/src/components/InteractiveTools/InteractiveTools.vue
index e6007f9d19c..97739c65a5d 100644
--- a/client/src/components/InteractiveTools/InteractiveTools.vue
+++ b/client/src/components/InteractiveTools/InteractiveTools.vue
@@ -11,8 +11,7 @@
                     placeholder="Search Interactive Tool"
                     autocomplete="off"
                     type="text"
-                    v-model="filter"
-                />
+                    v-model="filter" />
             </b-col>
         </b-row>
         <b-table
@@ -21,8 +20,7 @@
             :fields="fields"
             :items="activeInteractiveTools"
             :filter="filter"
-            @filtered="filtered"
-        >
+            @filtered="filtered">
             <template v-slot:cell(checkbox)="row">
                 <b-form-checkbox :id="createId('checkbox', row.item.id)" v-model="row.item.marked" />
             </template>
diff --git a/client/src/components/JobInformation/CodeRow.vue b/client/src/components/JobInformation/CodeRow.vue
index c97dbdded5f..13862466548 100644
--- a/client/src/components/JobInformation/CodeRow.vue
+++ b/client/src/components/JobInformation/CodeRow.vue
@@ -4,8 +4,7 @@
         @mousemove="mouseIsDown ? (mouseMoved = true) : (mouseMoved = false)"
         @mouseup="toggleExpanded()"
         v-b-tooltip.hover
-        :title="`click to ${action}`"
-    >
+        :title="`click to ${action}`">
         <td>
             {{ codeLabel }}
         </td>
diff --git a/client/src/components/JobInformation/JobInformation.vue b/client/src/components/JobInformation/JobInformation.vue
index 9c456c9fdcb..47e4043fcb5 100644
--- a/client/src/components/JobInformation/JobInformation.vue
+++ b/client/src/components/JobInformation/JobInformation.vue
@@ -10,8 +10,7 @@
                         <copy-to-clipboard
                             message="Tool ID was copied to your clipboard"
                             :text="job.tool_id"
-                            title="Copy Tool ID"
-                        />
+                            title="Copy Tool ID" />
                     </td>
                 </tr>
                 <tr v-if="job && job.tool_version">
@@ -43,8 +42,7 @@
                     id="traceback"
                     v-if="job && job.traceback"
                     :code-label="'Unexpected Job Errors'"
-                    :code-item="job.traceback"
-                />
+                    :code-item="job.traceback" />
                 <tr v-if="job">
                     <td>Tool Exit Code:</td>
                     <td id="exist-code">{{ job.exit_code }}</td>
diff --git a/client/src/components/JobStates/CollectionJobStates.vue b/client/src/components/JobStates/CollectionJobStates.vue
index cf001d77e4f..2c885b1297c 100644
--- a/client/src/components/JobStates/CollectionJobStates.vue
+++ b/client/src/components/JobStates/CollectionJobStates.vue
@@ -17,8 +17,7 @@
             :ok-count="okCount"
             :error-count="errorCount"
             :running-count="runningCount"
-            :new-count="newCount"
-        />
+            :new-count="newCount" />
     </div>
 </template>
 <script>
diff --git a/client/src/components/Libraries/LibrariesList.vue b/client/src/components/Libraries/LibrariesList.vue
index be208764500..276cb0cb26e 100644
--- a/client/src/components/Libraries/LibrariesList.vue
+++ b/client/src/components/Libraries/LibrariesList.vue
@@ -45,15 +45,13 @@
             ref="libraries_list"
             @filtered="onFiltered"
             :filter="filter"
-            :filter-included-fields="filterOn"
-        >
+            :filter-included-fields="filterOn">
             <template v-slot:cell(name)="row">
                 <textarea
                     v-if="row.item.editMode"
                     class="form-control input_library_name"
                     v-model="row.item.name"
-                    rows="3"
-                />
+                    rows="3" />
 
                 <div class="deleted-item" v-else-if="row.item.deleted && include_deleted">{{ row.item.name }}</div>
                 <b-link v-else :to="{ path: `folders/${row.item.root_folder_id}` }">{{ row.item.name }}</b-link>
@@ -65,8 +63,7 @@
                     :is-expanded="item.isExpanded"
                     :is-edit-mode="item.editMode"
                     :text="item.description"
-                    :changed-value.sync="item[newDescriptionProperty]"
-                />
+                    :changed-value.sync="item[newDescriptionProperty]" />
             </template>
             <template v-slot:cell(synopsis)="{ item }">
                 <LibraryEditField
@@ -75,15 +72,13 @@
                     :is-expanded="item.isExpanded"
                     :is-edit-mode="item.editMode"
                     :text="item.synopsis"
-                    :changed-value.sync="item[newSynopsisProperty]"
-                />
+                    :changed-value.sync="item[newSynopsisProperty]" />
             </template>
             <template v-slot:cell(is_unrestricted)="row">
                 <font-awesome-icon
                     v-if="row.item.public && !row.item.deleted"
                     title="Unrestricted dataset"
-                    icon="globe"
-                />
+                    icon="globe" />
             </template>
             <template v-slot:cell(buttons)="row">
                 <b-button @click="undelete(row.item)" v-if="row.item.deleted" :title="'Undelete ' + row.item.name">
@@ -96,8 +91,7 @@
                         size="sm"
                         class="lib-btn permission_folder_btn"
                         :title="'Permissions of ' + row.item.name"
-                        @click="saveChanges(row.item)"
-                    >
+                        @click="saveChanges(row.item)">
                         <font-awesome-icon :icon="['far', 'save']" />
                         {{ titleSave }}
                     </b-button>
@@ -106,8 +100,7 @@
                         size="sm"
                         class="lib-btn edit_library_btn save_library_btn"
                         :title="`Edit ${row.item.name}`"
-                        @click="toggleEditMode(row.item)"
-                    >
+                        @click="toggleEditMode(row.item)">
                         <div v-if="!row.item.editMode">
                             <font-awesome-icon icon="pencil-alt" />
                             {{ titleEdit }}
@@ -122,8 +115,7 @@
                         size="sm"
                         class="lib-btn permission_library_btn"
                         :title="'Permissions of ' + row.item.name"
-                        :to="{ path: `/${row.item.id}/permissions` }"
-                    >
+                        :to="{ path: `/${row.item.id}/permissions` }">
                         <font-awesome-icon icon="users" />
                         Manage
                     </b-button>
@@ -132,8 +124,7 @@
                         size="sm"
                         class="lib-btn delete-lib-btn"
                         :title="`Delete ${row.item.name}`"
-                        @click="deleteLibrary(row.item)"
-                    >
+                        @click="deleteLibrary(row.item)">
                         <font-awesome-icon icon="trash" />
                         {{ titleDelete }}
                     </b-button>
@@ -148,8 +139,7 @@
                         v-model="currentPage"
                         :total-rows="rows"
                         :per-page="perPage"
-                        aria-controls="libraries_list"
-                    >
+                        aria-controls="libraries_list">
                     </b-pagination>
                 </b-col>
                 <b-col cols="1.5">
@@ -162,8 +152,7 @@
                                     autocomplete="off"
                                     type="number"
                                     onkeyup="this.value|=0;if(this.value<1)this.value=1"
-                                    v-model="perPage"
-                                />
+                                    v-model="perPage" />
                             </td>
                             <td class="text-muted ml-1 paginator-text">
                                 <span class="pagination-total-pages-text"
diff --git a/client/src/components/Libraries/LibraryEditField.vue b/client/src/components/Libraries/LibraryEditField.vue
index 41259336464..a556b7fe44a 100644
--- a/client/src/components/Libraries/LibraryEditField.vue
+++ b/client/src/components/Libraries/LibraryEditField.vue
@@ -10,8 +10,7 @@
                 <span
                     class="shrinked-description"
                     :title="text"
-                    v-html="linkify(text.substring(0, maxDescriptionLength))"
-                >
+                    v-html="linkify(text.substring(0, maxDescriptionLength))">
                 </span>
                 <span :title="text">...</span>
                 <a class="more-text-btn" @click="toggleDescriptionExpand" href="javascript:void(0)">(more) </a>
diff --git a/client/src/components/Libraries/LibraryFolder/LibraryFolder.vue b/client/src/components/Libraries/LibraryFolder/LibraryFolder.vue
index 94e57224156..709c951e7ac 100644
--- a/client/src/components/Libraries/LibraryFolder/LibraryFolder.vue
+++ b/client/src/components/Libraries/LibraryFolder/LibraryFolder.vue
@@ -15,8 +15,7 @@
                 :selected="selected"
                 :metadata="folder_metadata"
                 :unselected="unselected"
-                :is-all-selected-mode="isAllSelectedMode"
-            />
+                :is-all-selected-mode="isAllSelectedMode" />
 
             <b-table
                 id="folder_list_body"
@@ -30,8 +29,7 @@
                 no-select-on-click
                 @row-clicked="onRowClick"
                 ref="folder_content_table"
-                show-empty
-            >
+                show-empty>
                 <template v-slot:empty>
                     <div v-if="isBusy" class="text-center my-2">
                         <b-spinner class="align-middle"></b-spinner>
@@ -52,24 +50,21 @@
                         class="select-checkbox cursor-pointer"
                         size="lg"
                         title="Check to select all datasets"
-                        icon="minus-square"
-                    />
+                        icon="minus-square" />
                     <font-awesome-icon
                         v-else
                         @click="toggleSelect"
                         class="select-checkbox cursor-pointer"
                         size="lg"
                         title="Check to select all datasets"
-                        :icon="isAllSelectedOnPage() ? ['far', 'check-square'] : ['far', 'square']"
-                    />
+                        :icon="isAllSelectedOnPage() ? ['far', 'check-square'] : ['far', 'square']" />
                 </template>
                 <template v-slot:cell(selected)="row">
                     <font-awesome-icon
                         class="select-checkbox lib-folder-checkbox"
                         size="lg"
                         v-if="!row.item.isNewFolder && !row.item.deleted"
-                        :icon="row.rowSelected ? ['far', 'check-square'] : ['far', 'square']"
-                    />
+                        :icon="row.rowSelected ? ['far', 'check-square'] : ['far', 'square']" />
                 </template>
                 <!-- Name -->
                 <template v-slot:cell(name)="row">
@@ -80,15 +75,13 @@
                             name="input_folder_name"
                             :ref="'name' + row.item.id"
                             v-model="row.item.name"
-                            rows="3"
-                        />
+                            rows="3" />
                         <textarea
                             v-else
                             class="form-control"
                             :ref="'name' + row.item.id"
                             :value="row.item.name"
-                            rows="3"
-                        />
+                            rows="3" />
                     </div>
                     <div v-else-if="!row.item.deleted">
                         <b-link
@@ -114,15 +107,13 @@
                             class="form-control input_folder_description"
                             :ref="'description' + row.item.id"
                             v-model="row.item.description"
-                            rows="3"
-                        ></textarea>
+                            rows="3"></textarea>
                         <textarea
                             v-else
                             class="form-control input_folder_description"
                             :ref="'description' + row.item.id"
                             :value="row.item.description"
-                            rows="3"
-                        ></textarea>
+                            rows="3"></textarea>
                     </div>
                     <div v-else>
                         <div class="description-field" v-if="getMessage(row.item)">
@@ -130,13 +121,11 @@
                                 v-if="
                                     getMessage(row.item).length > maxDescriptionLength &&
                                     !expandedMessage.includes(row.item.id)
-                                "
-                            >
+                                ">
                                 <span
                                     class="shrinked-description"
                                     :title="getMessage(row.item)"
-                                    v-html="linkify(getMessage(row.item).substring(0, maxDescriptionLength))"
-                                >
+                                    v-html="linkify(getMessage(row.item).substring(0, maxDescriptionLength))">
                                 </span>
                                 <span :title="getMessage(row.item)"> ...</span>
                                 <a class="more-text-btn" @click="expandMessage(row.item)" href="javascript:void(0)"
@@ -168,22 +157,19 @@
                         v-if="row.item.update_time"
                         :date="row.item.update_time"
                         custom-format="'YYYY-MM-DD- HH:mm a'"
-                        mode="elapsed"
-                    />
+                        mode="elapsed" />
                 </template>
                 <template v-slot:cell(is_unrestricted)="row">
                     <font-awesome-icon v-if="row.item.is_unrestricted" title="Unrestricted dataset" icon="globe" />
                     <font-awesome-icon
                         v-else-if="row.item.deleted"
                         title="Marked deleted"
-                        icon="ban"
-                    ></font-awesome-icon>
+                        icon="ban"></font-awesome-icon>
                     <font-awesome-icon v-else-if="row.item.is_private" title="Private dataset" icon="key" />
                     <font-awesome-icon
                         v-else-if="row.item.is_private === false && row.item.is_unrestricted === false"
                         title="Restricted dataset"
-                        icon="shield-alt"
-                    />
+                        icon="shield-alt" />
                 </template>
 
                 <template v-slot:cell(buttons)="row">
@@ -191,16 +177,14 @@
                         <button
                             @click="row.item.isNewFolder ? createNewFolder(row.item) : saveChanges(row.item)"
                             class="primary-button btn-sm permission_folder_btn save_folder_btn"
-                            :title="'save ' + row.item.name"
-                        >
+                            :title="'save ' + row.item.name">
                             <font-awesome-icon :icon="['far', 'save']" />
                             Save
                         </button>
                         <button
                             class="primary-button btn-sm permission_folder_btn"
                             title="Discard Changes"
-                            @click="toggleEditMode(row.item)"
-                        >
+                            @click="toggleEditMode(row.item)">
                             <font-awesome-icon :icon="['fas', 'times']" />
                             Cancel
                         </button>
@@ -213,8 +197,7 @@
                             data-placement="top"
                             size="sm"
                             class="lib-btn permission_folder_btn edit_folder_btn"
-                            :title="'Edit ' + row.item.name"
-                        >
+                            :title="'Edit ' + row.item.name">
                             <font-awesome-icon icon="pencil-alt" />
                             Edit
                         </b-button>
@@ -223,8 +206,7 @@
                             size="sm"
                             class="lib-btn permission_lib_btn"
                             :title="`Permissions of ${row.item.name}`"
-                            :to="{ path: `${navigateToPermission(row.item)}` }"
-                        >
+                            :to="{ path: `${navigateToPermission(row.item)}` }">
                             <font-awesome-icon icon="users" />
                             Manage
                         </b-button>
@@ -233,8 +215,7 @@
                             v-if="row.item.deleted"
                             :title="'Undelete ' + row.item.name"
                             class="lib-btn primary-button btn-sm undelete_dataset_btn"
-                            type="button"
-                        >
+                            type="button">
                             <font-awesome-icon icon="unlock" />
                             Undelete
                         </button>
@@ -256,8 +237,7 @@
                             :total-rows="total_rows"
                             :per-page="perPage"
                             @input="changePage"
-                            aria-controls="folder_list_body"
-                        >
+                            aria-controls="folder_list_body">
                         </b-pagination>
                     </b-col>
 
@@ -270,8 +250,7 @@
                                         id="paginationPerPage"
                                         autocomplete="off"
                                         type="number"
-                                        v-model="perPage"
-                                    />
+                                        v-model="perPage" />
                                 </td>
                                 <td class="text-muted ml-1 paginator-text">
                                     <span class="pagination-total-pages-text">per page, {{ total_rows }} total</span>
diff --git a/client/src/components/Libraries/LibraryFolder/LibraryFolderPermissions/LibraryFolderDatasetPermissions.vue b/client/src/components/Libraries/LibraryFolder/LibraryFolderPermissions/LibraryFolderDatasetPermissions.vue
index 8c843e06cae..5fd0434160e 100644
--- a/client/src/components/Libraries/LibraryFolder/LibraryFolderPermissions/LibraryFolderDatasetPermissions.vue
+++ b/client/src/components/Libraries/LibraryFolder/LibraryFolderPermissions/LibraryFolderDatasetPermissions.vue
@@ -24,8 +24,7 @@
                             title="Go to Dataset Details"
                             variant="secondary"
                             type="button"
-                            :href="`${root}library/list#folders/${folder_id}/datasets/${dataset_id}`"
-                        >
+                            :href="`${root}library/list#folders/${folder_id}/datasets/${dataset_id}`">
                             <font-awesome-icon :icon="['far', 'file']" />
                             &nbsp;Dataset Details
                         </b-button>
@@ -50,8 +49,7 @@
                 title="Roles that can modify the library item"
                 :api-root-url="apiRootUrl"
                 alert="User with <strong>any</strong> of these roles can modify name, metadata, and other information about this library item."
-                @input="setUserPermissionsPreferences"
-            />
+                @input="setUserPermissionsPreferences" />
             <hr class="my-4" />
             <h2 class="text-center">Dataset-related permissions</h2>
             <div class="alert alert-warning text-center">
@@ -84,8 +82,7 @@
                 alert="User has to have <strong>all these roles</strong> in order to access this dataset.
                         Users without access permission <strong>cannot</strong> have other permissions on this dataset.
                         If there are no access roles set on the dataset it is considered <strong>unrestricted</strong>."
-                @input="setUserPermissionsPreferences"
-            />
+                @input="setUserPermissionsPreferences" />
             <PermissionsInputField
                 v-if="manage_dataset_roles"
                 :id="dataset_id"
@@ -95,16 +92,14 @@
                 title="Roles that can manage permissions on the dataset"
                 alert="User with <strong>any</strong> of these roles can manage permissions of this dataset.
                         If you remove yourself you will lose the ability manage this dataset unless you are an admin."
-                @input="setUserPermissionsPreferences"
-            />
+                @input="setUserPermissionsPreferences" />
             <b-button
                 data-toggle="tooltip"
                 data-placement="top"
                 title="Save modifications"
                 class="toolbtn_save_permissions"
                 variant="secondary"
-                @click="postPermissions"
-            >
+                @click="postPermissions">
                 <font-awesome-icon :icon="['far', 'save']" />
                 &nbsp;Save
             </b-button>
diff --git a/client/src/components/Libraries/LibraryFolder/LibraryFolderPermissions/LibraryFolderPermissions.vue b/client/src/components/Libraries/LibraryFolder/LibraryFolderPermissions/LibraryFolderPermissions.vue
index d4b8eaaf847..d119e81aba4 100644
--- a/client/src/components/Libraries/LibraryFolder/LibraryFolderPermissions/LibraryFolderPermissions.vue
+++ b/client/src/components/Libraries/LibraryFolder/LibraryFolderPermissions/LibraryFolderPermissions.vue
@@ -12,8 +12,7 @@
                     :api-root-url="apiRootUrl"
                     alert="User with <strong>any</strong> of these roles can manage permissions on this folder."
                     title="Roles that can manage permissions on this folder"
-                    @input="setUserPermissionsPreferences"
-                />
+                    @input="setUserPermissionsPreferences" />
 
                 <PermissionsInputField
                     v-if="add_library_item_role_list"
@@ -24,8 +23,7 @@
                     title="Roles that can add items to this folder"
                     alert="User with <strong>any</strong> of these roles can add items to this folder (folders and
                                 datasets)."
-                    @input="setUserPermissionsPreferences"
-                />
+                    @input="setUserPermissionsPreferences" />
 
                 <PermissionsInputField
                     v-if="modify_folder_role_list"
@@ -35,16 +33,14 @@
                     :api-root-url="apiRootUrl"
                     title="Roles that can modify this folder"
                     alert="User with <strong>any</strong> of these roles can modify this folder (name, etc.)."
-                    @input="setUserPermissionsPreferences"
-                />
+                    @input="setUserPermissionsPreferences" />
                 <button
                     data-toggle="tooltip"
                     data-placement="top"
                     title="Save modifications"
                     class="btn btn-secondary toolbtn_save_permissions primary-button"
                     type="button"
-                    @click="postPermissions"
-                >
+                    @click="postPermissions">
                     <font-awesome-icon :icon="['far', 'save']" />
                     &nbsp;Save
                 </button>
diff --git a/client/src/components/Libraries/LibraryFolder/SearchField.vue b/client/src/components/Libraries/LibraryFolder/SearchField.vue
index bf365126a6f..4545bb22a8c 100644
--- a/client/src/components/Libraries/LibraryFolder/SearchField.vue
+++ b/client/src/components/Libraries/LibraryFolder/SearchField.vue
@@ -6,8 +6,7 @@
             type="search"
             id="filterInput"
             :placeholder="titleSearch"
-            @keyup.enter="startSearch()"
-        />
+            @keyup.enter="startSearch()" />
     </b-input-group>
 </template>
 
diff --git a/client/src/components/Libraries/LibraryFolder/TopToolbar/FolderTopBar.vue b/client/src/components/Libraries/LibraryFolder/TopToolbar/FolderTopBar.vue
index a41d0334a24..d71aca032d8 100644
--- a/client/src/components/Libraries/LibraryFolder/TopToolbar/FolderTopBar.vue
+++ b/client/src/components/Libraries/LibraryFolder/TopToolbar/FolderTopBar.vue
@@ -5,8 +5,7 @@
                 class="mr-1 btn btn-secondary"
                 :to="{ path: `/` }"
                 data-toggle="tooltip"
-                title="Go to libraries list"
-            >
+                title="Go to libraries list">
                 <font-awesome-icon icon="home" />
             </b-button>
             <div>
@@ -17,16 +16,14 @@
                         title="Create new folder"
                         class="btn btn-secondary toolbtn-create-folder add-library-items add-library-items-folder mr-1"
                         type="button"
-                        @click="newFolder"
-                    >
+                        @click="newFolder">
                         <font-awesome-icon icon="plus" />
                         Folder
                     </button>
                     <div v-if="metadata.can_add_library_item">
                         <div
                             title="Add datasets to current folder"
-                            class="dropdown add-library-items add-library-items-datasets mr-1"
-                        >
+                            class="dropdown add-library-items add-library-items-datasets mr-1">
                             <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
                                 <span class="fa fa-plus"></span> Datasets <span class="caret" />
                             </button>
@@ -37,8 +34,7 @@
                                 <a
                                     v-if="user_library_import_dir_available"
                                     class="dropdown-item cursor-pointer"
-                                    @click="addDatasets('userdir')"
-                                >
+                                    @click="addDatasets('userdir')">
                                     from User Directory
                                 </a>
                                 <div v-if="library_import_dir || allow_library_path_paste">
@@ -46,15 +42,13 @@
                                     <a
                                         v-if="library_import_dir"
                                         class="dropdown-item cursor-pointer"
-                                        @click="addDatasets('importdir')"
-                                    >
+                                        @click="addDatasets('importdir')">
                                         from Import Directory
                                     </a>
                                     <a
                                         v-if="allow_library_path_paste"
                                         class="dropdown-item cursor-pointer"
-                                        @click="addDatasets('path')"
-                                    >
+                                        @click="addDatasets('path')">
                                         from Path
                                     </a>
                                 </div>
@@ -65,8 +59,7 @@
                         <button
                             type="button"
                             class="primary-button dropdown-toggle add-to-history"
-                            data-toggle="dropdown"
-                        >
+                            data-toggle="dropdown">
                             <font-awesome-icon icon="book" />
                             Export to History <span class="caret"></span>
                         </button>
@@ -75,16 +68,14 @@
                                 href="javascript:void(0)"
                                 role="button"
                                 class="toolbtn-bulk-import add-to-history-datasets dropdown-item"
-                                @click="importToHistoryModal(false)"
-                            >
+                                @click="importToHistoryModal(false)">
                                 as Datasets
                             </a>
                             <a
                                 href="javascript:void(0)"
                                 role="button"
                                 class="toolbtn-collection-import add-to-history-collection dropdown-item"
-                                @click="importToHistoryModal(true)"
-                            >
+                                @click="importToHistoryModal(true)">
                                 as a Collection
                             </a>
                         </div>
@@ -92,8 +83,7 @@
                     <div
                         title="Download items as archive"
                         class="dropdown dataset-manipulation mr-1"
-                        v-if="dataset_manipulation"
-                    >
+                        v-if="dataset_manipulation">
                         <button type="button" id="download--btn" class="primary-button" @click="downloadData('zip')">
                             <font-awesome-icon icon="download" />
                             Download
@@ -105,8 +95,7 @@
                         title="Mark items deleted"
                         class="primary-button toolbtn-bulk-delete logged-dataset-manipulation mr-1"
                         type="button"
-                        @click="deleteSelected"
-                    >
+                        @click="deleteSelected">
                         <font-awesome-icon icon="trash" />
                         Delete
                     </button>
@@ -121,8 +110,7 @@
                             id="checkbox-1"
                             :checked="include_deleted"
                             @input="toggle_include_deleted($event)"
-                            name="checkbox-1"
-                        >
+                            name="checkbox-1">
                             include deleted
                         </b-form-checkbox>
                     </div>
diff --git a/client/src/components/Libraries/LibraryPermissions/LibraryPermissions.vue b/client/src/components/Libraries/LibraryPermissions/LibraryPermissions.vue
index 1d3f2511297..9411604131a 100644
--- a/client/src/components/Libraries/LibraryPermissions/LibraryPermissions.vue
+++ b/client/src/components/Libraries/LibraryPermissions/LibraryPermissions.vue
@@ -10,8 +10,7 @@
             :api-root-url="apiRootUrl"
             alert="User with <strong>any</strong> of these roles can access this library. If there are no access roles set on the library it is considered <strong>unrestricted</strong>."
             title="Roles that can access the library"
-            @input="setUserPermissionsPreferences"
-        />
+            @input="setUserPermissionsPreferences" />
         <PermissionsInputField
             v-if="manage_library_role_list"
             :id="library_id"
@@ -20,8 +19,7 @@
             :api-root-url="apiRootUrl"
             alert="User with <strong>any</strong> of these roles can manage permissions on this library (includes giving access)."
             title="Roles that can manage permissions on this library"
-            @input="setUserPermissionsPreferences"
-        />
+            @input="setUserPermissionsPreferences" />
 
         <PermissionsInputField
             v-if="add_library_item_role_list"
@@ -32,8 +30,7 @@
             class="add_perm"
             alert="User with <strong>any</strong> of these roles can add items to this library (folders and datasets)."
             title="Roles that can add items to this library"
-            @input="setUserPermissionsPreferences"
-        />
+            @input="setUserPermissionsPreferences" />
         <PermissionsInputField
             v-if="modify_library_role_list"
             :id="library_id"
@@ -42,8 +39,7 @@
             :api-root-url="apiRootUrl"
             alert="User with  <strong>any</strong> of these roles can modify this library (name, synopsis, etc.)."
             title="Roles that can modify this library"
-            @input="setUserPermissionsPreferences"
-        />
+            @input="setUserPermissionsPreferences" />
         <button title="Save modifications" class="toolbtn_save_permissions" @click="postPermissions">
             <font-awesome-icon :icon="['far', 'save']" />
             Save
diff --git a/client/src/components/Libraries/LibraryPermissions/PermissionsInputField.vue b/client/src/components/Libraries/LibraryPermissions/PermissionsInputField.vue
index e57617442a5..4624633e1fe 100644
--- a/client/src/components/Libraries/LibraryPermissions/PermissionsInputField.vue
+++ b/client/src/components/Libraries/LibraryPermissions/PermissionsInputField.vue
@@ -16,8 +16,7 @@
                         track-by="id"
                         @input="valueChanged"
                         @search-change="searchChanged"
-                        :internal-search="false"
-                    >
+                        :internal-search="false">
                         <template slot="afterList">
                             <div v-observe-visibility="reachedEndOfList" v-if="hasMorePages">
                                 <span class="spinner fa fa-spinner fa-spin fa-1x" />
diff --git a/client/src/components/Markdown/Elements/HistoryDatasetCollection/CollectionDisplay.vue b/client/src/components/Markdown/Elements/HistoryDatasetCollection/CollectionDisplay.vue
index 0b9cabc9a9d..a81f86ea5f8 100644
--- a/client/src/components/Markdown/Elements/HistoryDatasetCollection/CollectionDisplay.vue
+++ b/client/src/components/Markdown/Elements/HistoryDatasetCollection/CollectionDisplay.vue
@@ -10,8 +10,7 @@
                     title="Download Collection"
                     type="button"
                     class="py-0 px-1"
-                    v-b-tooltip.hover
-                >
+                    v-b-tooltip.hover>
                     <span class="fa fa-download" />
                 </b-button>
                 <CurrentUser v-slot="{ user }">
@@ -25,8 +24,7 @@
                             title="Import Collection"
                             type="button"
                             class="py-0 px-1"
-                            v-b-tooltip.hover
-                        >
+                            v-b-tooltip.hover>
                             <span class="fa fa-file-import" />
                         </b-button>
                     </UserHistories>
diff --git a/client/src/components/Markdown/Elements/HistoryDatasetDisplay.vue b/client/src/components/Markdown/Elements/HistoryDatasetDisplay.vue
index 76d6845601f..29ba91e976c 100644
--- a/client/src/components/Markdown/Elements/HistoryDatasetDisplay.vue
+++ b/client/src/components/Markdown/Elements/HistoryDatasetDisplay.vue
@@ -10,8 +10,7 @@
                     title="Download Dataset"
                     type="button"
                     class="py-0 px-1"
-                    v-b-tooltip.hover
-                >
+                    v-b-tooltip.hover>
                     <span class="fa fa-download" />
                 </b-button>
                 <b-button
@@ -21,8 +20,7 @@
                     title="Import Dataset"
                     type="button"
                     class="py-0 px-1"
-                    v-b-tooltip.hover
-                >
+                    v-b-tooltip.hover>
                     <span class="fa fa-file-import" />
                 </b-button>
                 <b-button
@@ -34,8 +32,7 @@
                     type="button"
                     class="py-0 px-1"
                     v-b-tooltip.hover
-                    @click="onExpand"
-                >
+                    @click="onExpand">
                     <span class="fa fa-angle-double-up" />
                 </b-button>
                 <b-button
@@ -47,8 +44,7 @@
                     type="button"
                     class="py-0 px-1"
                     v-b-tooltip.hover
-                    @click="onExpand"
-                >
+                    @click="onExpand">
                     <span class="fa fa-angle-double-down" />
                 </b-button>
             </span>
@@ -69,14 +65,12 @@
                                 v-if="isSubTypeOfAny(datasetType, ['pdf', 'html'], datatypesModel)"
                                 type="iframe"
                                 aspect="16by9"
-                                :src="displayUrl"
-                            />
+                                :src="displayUrl" />
                             <div v-else-if="itemContent.item_data">
                                 <div v-if="isSubTypeOfAny(datasetType, ['tabular'], datatypesModel)">
                                     <UrlDataProvider
                                         :url="metaUrl"
-                                        v-slot="{ result: metaData, loading: metaLoading, error: metaError }"
-                                    >
+                                        v-slot="{ result: metaData, loading: metaLoading, error: metaError }">
                                         <LoadingSpan v-if="metaLoading" message="Loading Metadata" />
                                         <div v-else-if="metaError">{{ metaError }}</div>
                                         <b-table
@@ -84,8 +78,7 @@
                                             striped
                                             hover
                                             :fields="getFields(metaData)"
-                                            :items="getItems(itemContent.item_data, metaData)"
-                                        />
+                                            :items="getItems(itemContent.item_data, metaData)" />
                                     </UrlDataProvider>
                                 </div>
                                 <pre v-else>
diff --git a/client/src/components/Markdown/Elements/HistoryDatasetLink.vue b/client/src/components/Markdown/Elements/HistoryDatasetLink.vue
index 68229479fa5..aa7a51a0724 100644
--- a/client/src/components/Markdown/Elements/HistoryDatasetLink.vue
+++ b/client/src/components/Markdown/Elements/HistoryDatasetLink.vue
@@ -3,8 +3,7 @@
         class="dataset-link"
         :history_dataset_id="args.history_dataset_id"
         :path="args.path"
-        :label="args.label"
-    />
+        :label="args.label" />
 </template>
 
 <script>
diff --git a/client/src/components/Markdown/Elements/Workflow/WorkflowDisplay.vue b/client/src/components/Markdown/Elements/Workflow/WorkflowDisplay.vue
index 754f1e339a4..927c11c830b 100644
--- a/client/src/components/Markdown/Elements/Workflow/WorkflowDisplay.vue
+++ b/client/src/components/Markdown/Elements/Workflow/WorkflowDisplay.vue
@@ -10,8 +10,7 @@
                     title="Download Workflow"
                     type="button"
                     class="py-0 px-1"
-                    v-b-tooltip.hover
-                >
+                    v-b-tooltip.hover>
                     <span class="fa fa-download" />
                 </b-button>
                 <b-button
@@ -21,8 +20,7 @@
                     title="Import Workflow"
                     type="button"
                     class="py-0 px-1"
-                    v-b-tooltip.hover
-                >
+                    v-b-tooltip.hover>
                     <span class="fa fa-file-import" />
                 </b-button>
             </span>
diff --git a/client/src/components/Markdown/Markdown.vue b/client/src/components/Markdown/Markdown.vue
index efd8426554f..5ede5d719d6 100644
--- a/client/src/components/Markdown/Markdown.vue
+++ b/client/src/components/Markdown/Markdown.vue
@@ -10,8 +10,7 @@
                     variant="link"
                     role="button"
                     v-b-tooltip.hover.bottom
-                    @click="onDownload"
-                >
+                    @click="onDownload">
                     <font-awesome-icon icon="download" />
                 </b-button>
                 <b-button
@@ -21,8 +20,7 @@
                     variant="link"
                     role="button"
                     v-b-tooltip.hover.bottom
-                    @click="$emit('onEdit')"
-                >
+                    @click="$emit('onEdit')">
                     <font-awesome-icon icon="edit" />
                 </b-button>
                 <h3 class="float-right align-middle mr-1 mt-2">Galaxy {{ markdownConfig.model_class }}</h3>
@@ -64,20 +62,17 @@
                 <HistoryDatasetCollectionDisplay
                     v-else-if="obj.name == 'history_dataset_collection_display'"
                     :args="obj.args"
-                    :collections="historyDatasetCollections"
-                />
+                    :collections="historyDatasetCollections" />
                 <ToolStd
                     v-else-if="['tool_stdout', 'tool_stderr'].includes(obj.name)"
                     :args="obj.args"
                     :name="obj.name"
-                    :jobs="jobs"
-                />
+                    :jobs="jobs" />
                 <HistoryDatasetDisplay
                     v-else-if="['history_dataset_embedded', 'history_dataset_display'].includes(obj.name)"
                     :args="obj.args"
                     :datasets="historyDatasets"
-                    :embedded="obj.name == 'history_dataset_embedded'"
-                />
+                    :embedded="obj.name == 'history_dataset_embedded'" />
                 <HistoryDatasetDetails
                     v-else-if="
                         [
@@ -89,8 +84,7 @@
                     "
                     :name="obj.name"
                     :args="obj.args"
-                    :datasets="historyDatasets"
-                />
+                    :datasets="historyDatasets" />
             </div>
         </div>
     </div>
diff --git a/client/src/components/Markdown/MarkdownDialog.vue b/client/src/components/Markdown/MarkdownDialog.vue
index f2accf3389d..ad06146335d 100644
--- a/client/src/components/Markdown/MarkdownDialog.vue
+++ b/client/src/components/Markdown/MarkdownDialog.vue
@@ -7,8 +7,7 @@
             :labels="labels"
             :label-title="selectedLabelTitle"
             @onOk="onOk"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
         <MarkdownVisualization
             v-else-if="visualizationShow"
             :argument-name="argumentName"
@@ -17,16 +16,14 @@
             :use-labels="useLabels"
             :history="dataHistoryId"
             @onOk="onVisualization"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
         <DataDialog v-else-if="dataShow" :history="dataHistoryId" format="id" @onOk="onData" @onCancel="onCancel" />
         <DatasetCollectionDialog
             v-else-if="dataCollectionShow"
             :history="dataHistoryId"
             format="id"
             @onOk="onDataCollection"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
         <BasicSelectionDialog
             v-else-if="jobShow"
             :get-data="getJobs"
@@ -34,8 +31,7 @@
             title="Job"
             label-key="id"
             @onOk="onJob"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
         <BasicSelectionDialog
             v-else-if="invocationShow"
             :get-data="getInvocations"
@@ -43,8 +39,7 @@
             title="Invocation"
             label-key="id"
             @onOk="onInvocation"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
         <BasicSelectionDialog
             v-else-if="workflowShow"
             :get-data="getWorkflows"
@@ -52,16 +47,14 @@
             leaf-icon="fa fa-sitemap fa-rotate-270"
             label-key="name"
             @onOk="onWorkflow"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
         <BasicSelectionDialog
             v-else-if="historyShow"
             :get-data="getHistories"
             title="History"
             label-key="name"
             @onOk="onHistory"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
     </span>
 </template>
 
diff --git a/client/src/components/Markdown/MarkdownEditor.vue b/client/src/components/Markdown/MarkdownEditor.vue
index ae15c406a66..bcadff98f2d 100644
--- a/client/src/components/Markdown/MarkdownEditor.vue
+++ b/client/src/components/Markdown/MarkdownEditor.vue
@@ -16,8 +16,7 @@
                                 variant="link"
                                 role="button"
                                 v-b-tooltip.hover.bottom
-                                @click="onHelp"
-                            >
+                                @click="onHelp">
                                 <font-awesome-icon icon="question" />
                             </b-button>
                         </div>
@@ -32,8 +31,7 @@
                         id="workflow-report-editor"
                         v-model="content"
                         @input="onUpdate"
-                        ref="text-area"
-                    />
+                        ref="text-area" />
                 </div>
             </div>
         </div>
diff --git a/client/src/components/Markdown/MarkdownSelector.vue b/client/src/components/Markdown/MarkdownSelector.vue
index b675791375a..9ff7133d247 100644
--- a/client/src/components/Markdown/MarkdownSelector.vue
+++ b/client/src/components/Markdown/MarkdownSelector.vue
@@ -10,8 +10,7 @@
                         class="my-2"
                         name="labels"
                         :key="index"
-                        :value="index"
-                    >
+                        :value="index">
                         {{ label }}
                     </b-form-radio>
                 </div>
diff --git a/client/src/components/Markdown/MarkdownToolBox.vue b/client/src/components/Markdown/MarkdownToolBox.vue
index dfbfd4ff69a..9058c4818f2 100644
--- a/client/src/components/Markdown/MarkdownToolBox.vue
+++ b/client/src/components/Markdown/MarkdownToolBox.vue
@@ -14,24 +14,21 @@
                     v-if="isWorkflow"
                     :category="historyInEditorSection"
                     @onClick="onClick"
-                    :expanded="true"
-                />
+                    :expanded="true" />
                 <tool-section v-else :category="historySection" @onClick="onClick" :expanded="true" />
                 <tool-section :category="jobSection" @onClick="onClick" :expanded="true" />
                 <tool-section
                     v-if="isWorkflow"
                     :category="workflowInEditorSection"
                     @onClick="onClick"
-                    :expanded="true"
-                />
+                    :expanded="true" />
                 <tool-section v-else :category="workflowSection" @onClick="onClick" :expanded="true" />
                 <tool-section :category="otherSection" @onClick="onClick" :expanded="true" />
                 <tool-section
                     v-if="hasVisualizations"
                     :category="visualizationSection"
                     @onClick="onClick"
-                    :expanded="true"
-                />
+                    :expanded="true" />
             </div>
         </div>
         <MarkdownDialog
@@ -42,8 +39,7 @@
             :labels="selectedLabels"
             :use-labels="isWorkflow"
             @onInsert="onInsert"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
     </div>
 </template>
 
diff --git a/client/src/components/Markdown/MarkdownVisualization.vue b/client/src/components/Markdown/MarkdownVisualization.vue
index 5e832006a92..2ea21a5c87b 100644
--- a/client/src/components/Markdown/MarkdownVisualization.vue
+++ b/client/src/components/Markdown/MarkdownVisualization.vue
@@ -5,8 +5,7 @@
             :argument-name="argumentName"
             :labels="labels"
             @onOk="onLabel"
-            @onCancel="onCancel"
-        />
+            @onCancel="onCancel" />
         <DataDialog v-if="dataShow" :history="history" format="id" @onOk="onData" @onCancel="onCancel" />
         <b-modal
             v-if="formShow"
@@ -15,8 +14,7 @@
             title="Configure Visualization"
             ok-title="Continue"
             @ok="onOk"
-            @cancel="onCancel"
-        >
+            @cancel="onCancel">
             <FormDisplay :inputs="formInputs" @onChange="onChange" />
         </b-modal>
     </span>
diff --git a/client/src/components/Masthead/Masthead.vue b/client/src/components/Masthead/Masthead.vue
index bc8e155c4a3..1cc4e547e31 100644
--- a/client/src/components/Masthead/Masthead.vue
+++ b/client/src/components/Masthead/Masthead.vue
@@ -11,8 +11,7 @@
                 :tab="tab"
                 :active-tab="activeTab"
                 :key="`tab-${idx}`"
-                v-show="!(tab.hidden === undefined ? false : tab.hidden)"
-            >
+                v-show="!(tab.hidden === undefined ? false : tab.hidden)">
             </masthead-item>
         </b-navbar-nav>
         <div ref="quota-meter-container" class="quota-meter-container" />
diff --git a/client/src/components/Masthead/MastheadItem.vue b/client/src/components/Masthead/MastheadItem.vue
index be3018869ff..a68da084289 100644
--- a/client/src/components/Masthead/MastheadItem.vue
+++ b/client/src/components/Masthead/MastheadItem.vue
@@ -11,8 +11,7 @@
         v-b-tooltip.hover.bottom
         :title="tab.tooltip"
         v-b-popover.manual.bottom="{ id: tab.id, content: popoverNote, html: true }"
-        @click="open(tab, $event)"
-    >
+        @click="open(tab, $event)">
         <template v-if="tab.icon">
             <span :class="iconClasses" />
             <span v-if="tab.show_note" :class="['nav-note', tab.note_cls]">{{ tab.note }}</span>
@@ -32,8 +31,7 @@
         v-b-tooltip.hover.bottom
         :title="tab.tooltip"
         v-b-popover.manual.bottom="{ id: tab.id, content: popoverNote, html: true }"
-        @show="open(tab, $event)"
-    >
+        @show="open(tab, $event)">
         <template v-for="(item, idx) in tab.menu">
             <div v-if="item.divider" class="dropdown-divider" :key="`divider-${idx}`" />
             <b-dropdown-item
@@ -43,8 +41,7 @@
                 :target="item.target || '_parent'"
                 role="menuitem"
                 @click="open(item, $event)"
-                :disabled="item.disabled === true"
-            >
+                :disabled="item.disabled === true">
                 {{ item.title }}
             </b-dropdown-item>
         </template>
diff --git a/client/src/components/NewUserWelcome/NewUserWelcome.vue b/client/src/components/NewUserWelcome/NewUserWelcome.vue
index 4ab3df3e7cd..ee2ee7d7718 100644
--- a/client/src/components/NewUserWelcome/NewUserWelcome.vue
+++ b/client/src/components/NewUserWelcome/NewUserWelcome.vue
@@ -6,8 +6,7 @@
                 v-bind="currentNode"
                 @select="down"
                 @back="up"
-                :image-loc="config.welcome_directory"
-            >
+                :image-loc="config.welcome_directory">
             </component>
         </ConfigProvider>
     </div>
diff --git a/client/src/components/NewUserWelcome/components/Subtopics.vue b/client/src/components/NewUserWelcome/components/Subtopics.vue
index b546fc6212e..609ff31af91 100644
--- a/client/src/components/NewUserWelcome/components/Subtopics.vue
+++ b/client/src/components/NewUserWelcome/components/Subtopics.vue
@@ -11,8 +11,7 @@
                         class="section-header mb-3"
                         height="50h"
                         :src="imgUrl(subject.image)"
-                        :alt="subject.alt"
-                    ></b-card-img>
+                        :alt="subject.alt"></b-card-img>
                     <b-card-text class="font-weight-light">{{ subject.intro | localize }}</b-card-text>
                     <b-button class="mt-auto" variant="info" @click="$emit('select', idx)">{{
                         subject.title | localize
diff --git a/client/src/components/NewUserWelcome/components/Topics.vue b/client/src/components/NewUserWelcome/components/Topics.vue
index 21e69aa8029..c82d71ee1b2 100644
--- a/client/src/components/NewUserWelcome/components/Topics.vue
+++ b/client/src/components/NewUserWelcome/components/Topics.vue
@@ -11,8 +11,7 @@
                         class="section-header mb-3"
                         height="50h"
                         :src="imgUrl(subject.image)"
-                        :alt="subject.alt"
-                    ></b-card-img>
+                        :alt="subject.alt"></b-card-img>
                     <b-card-text class="font-weight-light">{{ subject.blurb | localize }}</b-card-text>
                     <b-button class="mt-auto" variant="info" @click="$emit('select', idx)">{{
                         subject.title | localize
diff --git a/client/src/components/PageEditor/PageEditor.vue b/client/src/components/PageEditor/PageEditor.vue
index 54c1cabc8fd..0f63cdc27bf 100644
--- a/client/src/components/PageEditor/PageEditor.vue
+++ b/client/src/components/PageEditor/PageEditor.vue
@@ -6,8 +6,7 @@
         :page-id="pageId"
         :public-url="publicUrl"
         :content="content"
-        :content-data="contentData"
-    />
+        :content-data="contentData" />
     <page-editor-html v-else :title="title" :page-id="pageId" :public-url="publicUrl" :content="content" />
 </template>
 
diff --git a/client/src/components/PageEditor/PageEditorHtml.vue b/client/src/components/PageEditor/PageEditorHtml.vue
index 8da645baeb0..0c7a94deb11 100644
--- a/client/src/components/PageEditor/PageEditorHtml.vue
+++ b/client/src/components/PageEditor/PageEditorHtml.vue
@@ -9,8 +9,7 @@
                         variant="link"
                         role="button"
                         v-b-tooltip.hover.bottom
-                        @click="saveContent(false)"
-                    >
+                        @click="saveContent(false)">
                         <span class="fa fa-save" />
                     </b-button>
                     <b-button
@@ -19,8 +18,7 @@
                         variant="link"
                         role="button"
                         v-b-tooltip.hover.bottom
-                        @click="saveContent(true)"
-                    >
+                        @click="saveContent(true)">
                         <span class="fa fa-eye" />
                     </b-button>
                 </div>
diff --git a/client/src/components/PageEditor/PageEditorMarkdown.vue b/client/src/components/PageEditor/PageEditorMarkdown.vue
index 8ff37f310f9..d5b83bdc2bc 100644
--- a/client/src/components/PageEditor/PageEditorMarkdown.vue
+++ b/client/src/components/PageEditor/PageEditorMarkdown.vue
@@ -4,8 +4,7 @@
             :title="title"
             :markdown-text="markdownText"
             :markdown-config="contentData"
-            @onUpdate="onUpdate"
-        >
+            @onUpdate="onUpdate">
             <template v-slot:buttons>
                 <b-button
                     id="save-button"
@@ -13,8 +12,7 @@
                     variant="link"
                     role="button"
                     v-b-tooltip.hover.bottom
-                    @click="saveContent(false)"
-                >
+                    @click="saveContent(false)">
                     <font-awesome-icon icon="save" />
                 </b-button>
                 <b-button
@@ -23,8 +21,7 @@
                     variant="link"
                     role="button"
                     v-b-tooltip.hover.bottom
-                    @click="saveContent(true)"
-                >
+                    @click="saveContent(true)">
                     <font-awesome-icon icon="eye" />
                 </b-button>
             </template>
diff --git a/client/src/components/Panels/Buttons/FavoritesButton.vue b/client/src/components/Panels/Buttons/FavoritesButton.vue
index b2ea79a4051..b2283cb6947 100644
--- a/client/src/components/Panels/Buttons/FavoritesButton.vue
+++ b/client/src/components/Panels/Buttons/FavoritesButton.vue
@@ -6,8 +6,7 @@
         :title="tooltipText"
         href="javascript:void(0)"
         role="button"
-        aria-label="Show favorite tools"
-    >
+        aria-label="Show favorite tools">
         <font-awesome-icon v-if="toggle" :icon="['fas', 'star']" />
         <font-awesome-icon v-else :icon="['far', 'star']" />
     </a>
diff --git a/client/src/components/Panels/Buttons/PanelViewButton.vue b/client/src/components/Panels/Buttons/PanelViewButton.vue
index 4bb5e22a01a..5963b25aa12 100644
--- a/client/src/components/Panels/Buttons/PanelViewButton.vue
+++ b/client/src/components/Panels/Buttons/PanelViewButton.vue
@@ -8,8 +8,7 @@
         aria-label="View all tool panel configurations"
         class="tool-panel-dropdown float-right"
         size="sm"
-        v-b-tooltip.hover
-    >
+        v-b-tooltip.hover>
         <template v-slot:button-content>
             <span class="fa fa-list" />
             <!-- Maybe cog? -->
@@ -17,8 +16,7 @@
         <PanelViewMenuItem
             :current-panel-view="currentPanelView"
             :panel-view="defaultPanelView"
-            @onSelect="updatePanelView"
-        />
+            @onSelect="updatePanelView" />
         <b-dropdown-divider></b-dropdown-divider>
         <b-dropdown-group v-for="group in groupedPanelViews" :key="group.type" :id="group.type" :header="group.title">
             <PanelViewMenuItem
@@ -26,8 +24,7 @@
                 :key="key"
                 :current-panel-view="currentPanelView"
                 :panel-view="panelView"
-                @onSelect="updatePanelView"
-            />
+                @onSelect="updatePanelView" />
         </b-dropdown-group>
         <b-dropdown-divider v-if="groupedPanelViews.length > 0"></b-dropdown-divider>
         <PanelViewMenuItem
@@ -35,8 +32,7 @@
             :key="key"
             :current-panel-view="currentPanelView"
             :panel-view="panelView"
-            @onSelect="updatePanelView"
-        />
+            @onSelect="updatePanelView" />
     </b-dropdown>
 </template>
 
diff --git a/client/src/components/Panels/Buttons/PanelViewMenuItem.vue b/client/src/components/Panels/Buttons/PanelViewMenuItem.vue
index 3ff1d52cddb..07c08c4673c 100644
--- a/client/src/components/Panels/Buttons/PanelViewMenuItem.vue
+++ b/client/src/components/Panels/Buttons/PanelViewMenuItem.vue
@@ -3,8 +3,7 @@
         :active="currentPanelView == panelView.id"
         :disabled="currentPanelView == panelView.id"
         :data-panel-id="panelView.id"
-        @click="onClick"
-    >
+        @click="onClick">
         <span :class="icon" />
         <span :title="title" v-localize>{{ name }}</span>
     </b-dropdown-item>
diff --git a/client/src/components/Panels/Common/Tool.vue b/client/src/components/Panels/Common/Tool.vue
index 3a4a52be01f..6168cc34fbe 100644
--- a/client/src/components/Panels/Common/Tool.vue
+++ b/client/src/components/Panels/Common/Tool.vue
@@ -10,8 +10,7 @@
                 <span
                     v-for="(label, index) in tool.labels"
                     :class="['badge', 'badge-primary', `badge-${label}`]"
-                    :key="index"
-                >
+                    :key="index">
                     {{ label }}
                 </span>
             </span>
@@ -21,8 +20,7 @@
                 v-b-tooltip.hover
                 :class="['operation', 'float-right', operationIcon]"
                 :title="operationTitle"
-                @click.stop.prevent="onOperation"
-            />
+                @click.stop.prevent="onOperation" />
         </a>
     </div>
 </template>
diff --git a/client/src/components/Panels/Common/ToolPanelLabel.vue b/client/src/components/Panels/Common/ToolPanelLabel.vue
index b0f7e897987..989e88e09ed 100644
--- a/client/src/components/Panels/Common/ToolPanelLabel.vue
+++ b/client/src/components/Panels/Common/ToolPanelLabel.vue
@@ -4,8 +4,7 @@
         :title="description"
         v-b-tooltip.topright.hover
         @mouseover="hover = true"
-        @mouseleave="hover = false"
-    >
+        @mouseleave="hover = false">
         {{ definition.text }}
         <ToolPanelLinks :show="hover" :links="definition.links" />
     </div>
diff --git a/client/src/components/Panels/Common/ToolSection.vue b/client/src/components/Panels/Common/ToolSection.vue
index 73ee8cac457..772690ea0b1 100644
--- a/client/src/components/Panels/Common/ToolSection.vue
+++ b/client/src/components/Panels/Common/ToolSection.vue
@@ -5,8 +5,7 @@
             :title="title"
             v-b-tooltip.topright.hover
             @mouseover="hover = true"
-            @mouseleave="hover = false"
-        >
+            @mouseleave="hover = false">
             <a class="title-link" @click="toggleMenu()" href="javascript:void(0)">
                 <span class="name">
                     {{ this.name }}
@@ -28,8 +27,7 @@
                         :operation-title="operationTitle"
                         :operation-icon="operationIcon"
                         @onOperation="onOperation"
-                        @onClick="onClick"
-                    />
+                        @onClick="onClick" />
                 </template>
             </div>
         </transition>
@@ -43,8 +41,7 @@
             :operation-title="operationTitle"
             :operation-icon="operationIcon"
             @onOperation="onOperation"
-            @onClick="onClick"
-        />
+            @onClick="onClick" />
     </div>
 </template>
 
diff --git a/client/src/components/Panels/ProviderAwareToolBox.vue b/client/src/components/Panels/ProviderAwareToolBox.vue
index 37bf02520b7..0e333a1f584 100644
--- a/client/src/components/Panels/ProviderAwareToolBox.vue
+++ b/client/src/components/Panels/ProviderAwareToolBox.vue
@@ -3,8 +3,7 @@
         <ToolPanelViewProvider
             v-slot="{ currentPanel, currentPanelView }"
             :panel-view="config.default_panel_view"
-            v-if="config.default_panel_view"
-        >
+            v-if="config.default_panel_view">
             <ToolBox
                 :toolbox="currentPanel"
                 :panel-views="config.panel_views"
@@ -12,8 +11,7 @@
                 :stored-workflow-menu-entries="storedWorkflowMenuEntries"
                 :workflow-title="workflowTitle"
                 @updatePanelView="updatePanelView"
-                v-if="currentPanelView"
-            >
+                v-if="currentPanelView">
             </ToolBox>
         </ToolPanelViewProvider>
     </ConfigProvider>
diff --git a/client/src/components/Panels/ProviderAwareToolBoxWorkflow.vue b/client/src/components/Panels/ProviderAwareToolBoxWorkflow.vue
index 37e5a17bd29..a458a22d36d 100644
--- a/client/src/components/Panels/ProviderAwareToolBoxWorkflow.vue
+++ b/client/src/components/Panels/ProviderAwareToolBoxWorkflow.vue
@@ -3,8 +3,7 @@
         <ToolPanelViewProvider
             v-slot="{ currentPanel, currentPanelView }"
             :panel-view="config.default_panel_view"
-            v-if="config.default_panel_view"
-        >
+            v-if="config.default_panel_view">
             <ToolBoxWorkflow
                 :toolbox="currentPanel"
                 :panel-views="config.panel_views"
@@ -17,8 +16,7 @@
                 @onInsertModule="onInsertModule"
                 @onInsertWorkflow="onInsertWorkflow"
                 @onInsertWorkflowSteps="onInsertWorkflowSteps"
-                v-if="currentPanelView"
-            >
+                v-if="currentPanelView">
             </ToolBoxWorkflow>
         </ToolPanelViewProvider>
     </ConfigProvider>
diff --git a/client/src/components/Panels/SidePanel.vue b/client/src/components/Panels/SidePanel.vue
index 9611bfdf59b..32c3715fcb7 100644
--- a/client/src/components/Panels/SidePanel.vue
+++ b/client/src/components/Panels/SidePanel.vue
@@ -11,8 +11,7 @@
                     right: side === 'right',
                     hidden: !show,
                 }"
-                @click="toggle"
-            />
+                @click="toggle" />
             <div class="drag" @mousedown="dragHandler" />
         </div>
     </div>
diff --git a/client/src/components/Panels/ToolBox.vue b/client/src/components/Panels/ToolBox.vue
index 87cd4e8c36d..3af9756d9b7 100644
--- a/client/src/components/Panels/ToolBox.vue
+++ b/client/src/components/Panels/ToolBox.vue
@@ -8,8 +8,7 @@
                         :panel-views="panelViews"
                         :current-panel-view="currentPanelView"
                         @updatePanelView="updatePanelView"
-                        v-if="panelViews && Object.keys(panelViews).length > 1"
-                    />
+                        v-if="panelViews && Object.keys(panelViews).length > 1" />
                 </div>
                 <div class="panel-header-text" v-localize>Tools</div>
             </div>
@@ -20,8 +19,7 @@
                 :query="query"
                 :placeholder="titleSearchTools"
                 @onQuery="onQuery"
-                @onResults="onResults"
-            />
+                @onResults="onResults" />
             <upload-button />
             <div class="py-2" v-if="hasResults">
                 <b-button @click="onToggle" size="sm" class="w-100">
@@ -44,8 +42,7 @@
                         :category="section"
                         :query-filter="queryFilter"
                         :key="key"
-                        @onClick="onOpen"
-                    />
+                        @onClick="onOpen" />
                 </div>
                 <tool-section :category="{ text: workflowTitle }" />
                 <div id="internal-workflows" class="toolSectionBody">
diff --git a/client/src/components/Panels/ToolBoxWorkflow.vue b/client/src/components/Panels/ToolBoxWorkflow.vue
index 8847b9d1958..6c512e48077 100644
--- a/client/src/components/Panels/ToolBoxWorkflow.vue
+++ b/client/src/components/Panels/ToolBoxWorkflow.vue
@@ -7,8 +7,7 @@
                         :panel-views="panelViews"
                         :current-panel-view="currentPanelView"
                         @updatePanelView="updatePanelView"
-                        v-if="panelViews && Object.keys(panelViews).length > 1"
-                    />
+                        v-if="panelViews && Object.keys(panelViews).length > 1" />
                 </div>
                 <div class="panel-header-text">Tools</div>
             </div>
@@ -18,8 +17,7 @@
                 :current-panel-view="currentPanelView"
                 placeholder="search tools"
                 @onQuery="onQuery"
-                @onResults="onResults"
-            />
+                @onResults="onResults" />
         </div>
         <div class="unified-panel-body">
             <div class="toolMenuContainer">
@@ -32,23 +30,20 @@
                     :query-filter="query"
                     :disable-filter="true"
                     :key="category.name"
-                    @onClick="onInsertModule"
-                />
+                    @onClick="onInsertModule" />
                 <tool-section
                     v-if="hasDataManagerSection"
                     :category="dataManagerSection"
                     :key="dataManagerSection.id"
                     :query-filter="query"
                     :disable-filter="true"
-                    @onClick="onInsertTool"
-                />
+                    @onClick="onInsertTool" />
                 <tool-section
                     v-for="section in sections"
                     :category="section"
                     :query-filter="query"
                     :key="section.id"
-                    @onClick="onInsertTool"
-                />
+                    @onClick="onInsertTool" />
                 <tool-section
                     v-if="hasWorkflowSection"
                     :category="workflowSection"
@@ -59,8 +54,7 @@
                     :query-filter="query"
                     :disable-filter="true"
                     @onClick="onInsertWorkflow"
-                    @onOperation="onInsertWorkflowSteps"
-                />
+                    @onOperation="onInsertWorkflowSteps" />
             </div>
         </div>
     </div>
diff --git a/client/src/components/PluginList.vue b/client/src/components/PluginList.vue
index 1b851a21630..519d6ced29f 100644
--- a/client/src/components/PluginList.vue
+++ b/client/src/components/PluginList.vue
@@ -9,8 +9,7 @@
                     :placeholder="titleSearchVisualizations"
                     autocomplete="off"
                     type="text"
-                    v-model="search"
-                />
+                    v-model="search" />
             </div>
             <div v-for="plugin in plugins" :key="plugin.name">
                 <table v-if="match(plugin)">
@@ -20,8 +19,7 @@
                                 v-if="plugin.logo"
                                 alt="ui thumbnails"
                                 class="ui-thumbnails-image"
-                                :src="plugin.logo"
-                            />
+                                :src="plugin.logo" />
                             <div v-else class="ui-thumbnails-icon fa fa-eye" />
                         </td>
                         <td>
@@ -45,8 +43,7 @@
                                 <button
                                     type="button"
                                     class="ui-button-default float-left mt-3 btn btn-primary"
-                                    @click="create(plugin)"
-                                >
+                                    @click="create(plugin)">
                                     <i class="icon fa fa-check" />
                                     <span class="title">{{ titleCreateVisualization }}</span>
                                 </button>
diff --git a/client/src/components/RuleBuilder/ColumnSelector.vue b/client/src/components/RuleBuilder/ColumnSelector.vue
index 0ac1d1d1b82..14cf9bf52e5 100644
--- a/client/src/components/RuleBuilder/ColumnSelector.vue
+++ b/client/src/components/RuleBuilder/ColumnSelector.vue
@@ -21,8 +21,7 @@
                 <span
                     class="fa fa-arrow-down rule-column-selector-down"
                     v-if="index < target.length - 1"
-                    @click="moveUp(index + 1)"
-                ></span>
+                    @click="moveUp(index + 1)"></span>
             </li>
             <li v-if="this.target.length < this.colHeaders.length">
                 <span class="rule-column-selector-target-add" v-if="!orderedEdit">
diff --git a/client/src/components/RuleBuilder/RegularExpressionInput.vue b/client/src/components/RuleBuilder/RegularExpressionInput.vue
index 2d5eecba065..b4b86835447 100644
--- a/client/src/components/RuleBuilder/RegularExpressionInput.vue
+++ b/client/src/components/RuleBuilder/RegularExpressionInput.vue
@@ -9,8 +9,7 @@
             class="rule-regular-expression"
             type="text"
             :value="target"
-            @input="$emit('update:target', $event.target.value)"
-        />
+            @input="$emit('update:target', $event.target.value)" />
     </div>
 </template>
 
diff --git a/client/src/components/RuleBuilder/SavedRulesSelector.vue b/client/src/components/RuleBuilder/SavedRulesSelector.vue
index 1c052c93548..eb985480532 100644
--- a/client/src/components/RuleBuilder/SavedRulesSelector.vue
+++ b/client/src/components/RuleBuilder/SavedRulesSelector.vue
@@ -6,8 +6,7 @@
             v-b-tooltip.hover.bottom
             :title="savedRulesMenu"
             data-toggle="dropdown"
-            id="savedRulesButton"
-        ></span>
+            id="savedRulesButton"></span>
         <div class="dropdown-menu" role="menu">
             <a
                 class="rule-link dropdown-item saved-rule-item"
diff --git a/client/src/components/RuleCollectionBuilder.vue b/client/src/components/RuleCollectionBuilder.vue
index 0f1dad64232..b100b6304fd 100644
--- a/client/src/components/RuleCollectionBuilder.vue
+++ b/client/src/components/RuleCollectionBuilder.vue
@@ -41,8 +41,7 @@
             <div
                 class="rule-builder-body vertically-spaced"
                 :class="{ 'flex-column-container': vertical }"
-                v-if="ruleView == 'normal'"
-            >
+                v-if="ruleView == 'normal'">
                 <!-- width: 30%; -->
                 <div class="rule-column" :class="orientation">
                     <div
@@ -51,8 +50,7 @@
                             'rules-container-vertical': initialElements && vertical,
                             'rules-container-horizontal': initialElements && horizontal,
                             'rules-container-full': initialElements == null,
-                        }"
-                    >
+                        }">
                         <rule-component rule-type="sort" :display-rule-type.sync="displayRuleType" :builder="this">
                             <column-selector :target.sync="addSortingTarget" :col-headers="activeRuleColHeaders" />
                             <label v-b-tooltip.hover :title="titleNumericSort">
@@ -63,18 +61,15 @@
                         <rule-component
                             rule-type="add_column_basename"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector
                                 :target.sync="addColumnBasenameTarget"
-                                :col-headers="activeRuleColHeaders"
-                            />
+                                :col-headers="activeRuleColHeaders" />
                         </rule-component>
                         <rule-component
                             rule-type="add_column_rownum"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <label>
                                 {{ l("Starting from") }}
                                 <input type="number" v-model="addColumnRownumStart" min="0" />
@@ -83,8 +78,7 @@
                         <rule-component
                             rule-type="add_column_metadata"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <label>
                                 {{ l("For") }}
                                 <select v-model="addColumnMetadataValue">
@@ -96,8 +90,7 @@
                         <rule-component
                             rule-type="add_column_group_tag_value"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <label>
                                 {{ l("Value") }}
                                 <input type="text" v-model="addColumnGroupTagValueValue" />
@@ -110,8 +103,7 @@
                         <rule-component
                             rule-type="add_column_regex"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector :target.sync="addColumnRegexTarget" :col-headers="activeRuleColHeaders" />
                             <label>
                                 <input type="radio" v-model="addColumnRegexType" value="global" />Create column matching
@@ -141,22 +133,18 @@
                         <rule-component
                             rule-type="add_column_concatenate"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector
                                 :target.sync="addColumnConcatenateTarget0"
-                                :col-headers="activeRuleColHeaders"
-                            />
+                                :col-headers="activeRuleColHeaders" />
                             <column-selector
                                 :target.sync="addColumnConcatenateTarget1"
-                                :col-headers="activeRuleColHeaders"
-                            />
+                                :col-headers="activeRuleColHeaders" />
                         </rule-component>
                         <rule-component
                             rule-type="add_column_substr"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector :target.sync="addColumnSubstrTarget" :col-headers="activeRuleColHeaders" />
                             <label>
                                 <select v-model="addColumnSubstrType">
@@ -174,8 +162,7 @@
                         <rule-component
                             rule-type="add_column_value"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <label>
                                 {{ l("Value") }}
                                 <input type="text" v-model="addColumnValue" />
@@ -184,53 +171,44 @@
                         <rule-component
                             rule-type="remove_columns"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector
                                 :target.sync="removeColumnTargets"
                                 :col-headers="activeRuleColHeaders"
-                                :multiple="true"
-                            />
+                                :multiple="true" />
                         </rule-component>
                         <rule-component
                             rule-type="split_columns"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector
                                 :target.sync="splitColumnsTargets0"
                                 label="Odd Row Column(s)"
                                 :col-headers="activeRuleColHeaders"
-                                :multiple="true"
-                            />
+                                :multiple="true" />
                             <column-selector
                                 :target.sync="splitColumnsTargets1"
                                 label="Even Row Column(s)"
                                 :col-headers="activeRuleColHeaders"
-                                :multiple="true"
-                            />
+                                :multiple="true" />
                         </rule-component>
                         <rule-component
                             rule-type="swap_columns"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector
                                 :target.sync="swapColumnsTarget0"
                                 label="Swap Column"
-                                :col-headers="activeRuleColHeaders"
-                            />
+                                :col-headers="activeRuleColHeaders" />
                             <column-selector
                                 :target.sync="swapColumnsTarget1"
                                 label="With Column"
-                                :col-headers="activeRuleColHeaders"
-                            />
+                                :col-headers="activeRuleColHeaders" />
                         </rule-component>
                         <rule-component
                             rule-type="add_filter_regex"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector :target.sync="addFilterRegexTarget" :col-headers="activeRuleColHeaders" />
                             <regular-expression-input :target.sync="addFilterRegexExpression" />
                             <label v-b-tooltip.hover :title="titleInvertFilterRegex">
@@ -241,12 +219,10 @@
                         <rule-component
                             rule-type="add_filter_matches"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector
                                 :target.sync="addFilterMatchesTarget"
-                                :col-headers="activeRuleColHeaders"
-                            />
+                                :col-headers="activeRuleColHeaders" />
                             <input type="text" v-model="addFilterMatchesValue" />
                             <label v-b-tooltip.hover :title="titleInvertFilterMatches">
                                 <input type="checkbox" v-model="addFilterMatchesInvert" />
@@ -256,12 +232,10 @@
                         <rule-component
                             rule-type="add_filter_compare"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector
                                 :target.sync="addFilterCompareTarget"
-                                :col-headers="activeRuleColHeaders"
-                            />
+                                :col-headers="activeRuleColHeaders" />
                             <label>
                                 Filter out rows
                                 <select v-model="addFilterCompareType">
@@ -276,8 +250,7 @@
                         <rule-component
                             rule-type="add_filter_count"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <label>
                                 Filter which rows?
                                 <select v-model="addFilterCountWhich">
@@ -297,8 +270,7 @@
                         <rule-component
                             rule-type="add_filter_empty"
                             :display-rule-type.sync="displayRuleType"
-                            :builder="this"
-                        >
+                            :builder="this">
                             <column-selector :target.sync="addFilterEmptyTarget" :col-headers="activeRuleColHeaders" />
                             <label v-b-tooltip.hover :title="titleInvertFilterEmpty">
                                 <input type="checkbox" v-model="addFilterEmptyInvert" />
@@ -316,14 +288,12 @@
                                     :col-headers="colHeaders"
                                     :multiple="mappingTargets()[map.type].multiple"
                                     :ordered="true"
-                                    :value-as-list="true"
-                                >
+                                    :value-as-list="true">
                                     <span
                                         v-b-tooltip.hover
                                         :title="titleRemoveMapping"
                                         class="fa fa-times"
-                                        @click="removeMapping(index)"
-                                    ></span>
+                                        @click="removeMapping(index)"></span>
                                 </column-selector>
                             </div>
                             <div class="buttons rule-edit-buttons d-flex justify-content-end">
@@ -331,8 +301,7 @@
                                     type="button"
                                     class="dropdown-toggle btn btn-primary mr-1"
                                     data-toggle="dropdown"
-                                    v-if="unmappedTargets.length > 0"
-                                >
+                                    v-if="unmappedTargets.length > 0">
                                     <span class="fa fa-plus rule-add-mapping"></span>
                                     {{ "Add Definition" }}
                                     <span class="caret"></span>
@@ -366,13 +335,11 @@
                                     v-b-tooltip.hover
                                     class="fa fa-wrench rule-builder-view-source"
                                     :title="titleViewSource"
-                                    @click="viewSource"
-                                ></span>
+                                    @click="viewSource"></span>
                                 <saved-rules-selector
                                     ref="savedRulesSelector"
                                     @update-rules="restoreRules"
-                                    :saved-rules="this.savedRules"
-                                />
+                                    :saved-rules="this.savedRules" />
                             </span>
                             <div v-if="jaggedData" class="rule-warning">
                                 Rows contain differing numbers of columns, there was likely a problem parsing your data.
@@ -386,8 +353,7 @@
                                     :key="index"
                                     @edit="editRule(rule, index)"
                                     @remove="removeRule(index)"
-                                    :col-headers="colHeadersPerRule[index]"
-                                />
+                                    :col-headers="colHeadersPerRule[index]" />
                                 <identifier-display
                                     v-for="(map, index) in mapping"
                                     v-bind="map"
@@ -397,8 +363,7 @@
                                     @edit="displayRuleType = 'mapping'"
                                     @mouseover.native="map.columns.forEach((col) => highlightColumn(col))"
                                     @mouseout.native="map.columns.forEach((col) => unhighlightColumn(col))"
-                                    :col-headers="colHeaders"
-                                />
+                                    :col-headers="colHeaders" />
                                 <div v-if="mapping.length == 0">
                                     One or more column definitions must be specified. These are required to specify how
                                     to build collections and datasets from rows and columns of the table.
@@ -413,8 +378,7 @@
                                         v-b-tooltip.hover.bottom
                                         :title="titleRulesMenu"
                                         class="rule-menu-rules-button primary-button dropdown-toggle"
-                                        data-toggle="dropdown"
-                                    >
+                                        data-toggle="dropdown">
                                         <span class="fa fa-plus"></span>
                                         {{ l("Rules") }}
                                         <span class="caret"></span>
@@ -438,8 +402,7 @@
                                         v-b-tooltip.hover.bottom
                                         :title="titleFilterMenu"
                                         class="rule-menu-filter-button primary-button dropdown-toggle"
-                                        data-toggle="dropdown"
-                                    >
+                                        data-toggle="dropdown">
                                         <span class="fa fa-plus"></span>
                                         {{ l("Filter") }}
                                         <span class="caret"></span>
@@ -458,8 +421,7 @@
                                         v-b-tooltip.hover.bottom
                                         :title="titleColumMenu"
                                         class="rule-menu-column-button primary-button dropdown-toggle"
-                                        data-toggle="dropdown"
-                                    >
+                                        data-toggle="dropdown">
                                         <span class="fa fa-plus"></span>
                                         {{ l("Column") }}
                                         <span class="caret"></span>
@@ -469,13 +431,11 @@
                                         <rule-target-component
                                             :builder="this"
                                             rule-type="add_column_metadata"
-                                            v-if="metadataOptions"
-                                        />
+                                            v-if="metadataOptions" />
                                         <rule-target-component
                                             :builder="this"
                                             rule-type="add_column_group_tag_value"
-                                            v-if="hasTagsMetadata"
-                                        />
+                                            v-if="hasTagsMetadata" />
                                         <rule-target-component :builder="this" rule-type="add_column_regex" />
                                         <rule-target-component :builder="this" rule-type="add_column_concatenate" />
                                         <rule-target-component :builder="this" rule-type="add_column_rownum" />
@@ -496,8 +456,7 @@
                         :data="hotData.data"
                         :col-headers="colHeadersDisplay"
                         :read-only="true"
-                        stretch-h="all"
-                    ></hot-table>
+                        stretch-h="all"></hot-table>
                 </div>
             </div>
         </rule-modal-middle>
@@ -539,8 +498,7 @@
                             :placeholder="namePlaceholder"
                             :title="namePlaceholder"
                             v-b-tooltip.hover
-                            v-model="collectionName"
-                        />
+                            v-model="collectionName" />
                         <label>{{ l("Name") }}:</label>
                     </div>
                 </div>
diff --git a/client/src/components/RulesDisplay.vue b/client/src/components/RulesDisplay.vue
index 31c67a62890..9c1fb72f9dd 100644
--- a/client/src/components/RulesDisplay.vue
+++ b/client/src/components/RulesDisplay.vue
@@ -6,15 +6,13 @@
                 :rule="rule"
                 :index="index"
                 :key="index"
-                :col-headers="columnData.colHeadersPerRule[index]"
-            />
+                :col-headers="columnData.colHeadersPerRule[index]" />
             <identifier-display-preview
                 v-for="(map, index) in mapping"
                 v-bind="map"
                 :index="index"
                 :key="map.type"
-                :col-headers="colHeaders"
-            />
+                :col-headers="colHeaders" />
         </ol>
     </div>
 </template>
diff --git a/client/src/components/SchemaOrg/CreatorEditor.vue b/client/src/components/SchemaOrg/CreatorEditor.vue
index 87ceec9a614..6c164d80468 100644
--- a/client/src/components/SchemaOrg/CreatorEditor.vue
+++ b/client/src/components/SchemaOrg/CreatorEditor.vue
@@ -15,8 +15,7 @@
                             v-b-tooltip.hover
                             title="Remove Creator"
                             icon="times"
-                            @click="onRemove(index)"
-                        />
+                            @click="onRemove(index)" />
                     </template>
                 </CreatorViewer>
             </div>
diff --git a/client/src/components/SchemaOrg/OrganizationForm.vue b/client/src/components/SchemaOrg/OrganizationForm.vue
index 68b4ce4e96d..c755650bdb0 100644
--- a/client/src/components/SchemaOrg/OrganizationForm.vue
+++ b/client/src/components/SchemaOrg/OrganizationForm.vue
@@ -7,14 +7,12 @@
                 v-b-tooltip.hover
                 title="Hide Attribute"
                 icon="eye-slash"
-                @click="onHide(attribute.key)"
-            />
+                @click="onHide(attribute.key)" />
             <b-form-input
                 :id="attribute.key"
                 v-model="currentValues[attribute.key]"
                 :placeholder="'Enter ' + attribute.placeholder + '.'"
-                :type="attribute.type"
-            >
+                :type="attribute.type">
             </b-form-input>
         </div>
         <div role="group" class="form-group">
diff --git a/client/src/components/SchemaOrg/OrganizationViewer.vue b/client/src/components/SchemaOrg/OrganizationViewer.vue
index 0e83797c457..5c195ec5e6a 100644
--- a/client/src/components/SchemaOrg/OrganizationViewer.vue
+++ b/client/src/components/SchemaOrg/OrganizationViewer.vue
@@ -5,8 +5,7 @@
             triggers="click blur"
             :placement="hoverPlacement"
             :target="this.$refs['button'] || 'works-lazily'"
-            title="Organization"
-        >
+            title="Organization">
             <b-table striped :items="items"> </b-table>
         </b-popover>
         <span v-if="name">
@@ -27,8 +26,7 @@
             v-for="attribute in explicitMetaAttributes"
             :key="attribute.attribute"
             :itemprop="attribute.attribute"
-            :content="attribute.value"
-        />
+            :content="attribute.value" />
         <slot name="buttons"></slot>
     </span>
 </template>
diff --git a/client/src/components/SchemaOrg/PersonForm.vue b/client/src/components/SchemaOrg/PersonForm.vue
index b55cfe2bb24..1aca50efd53 100644
--- a/client/src/components/SchemaOrg/PersonForm.vue
+++ b/client/src/components/SchemaOrg/PersonForm.vue
@@ -7,14 +7,12 @@
                 v-b-tooltip.hover
                 title="Hide Attribute"
                 icon="eye-slash"
-                @click="onHide(attribute.key)"
-            />
+                @click="onHide(attribute.key)" />
             <b-form-input
                 :id="attribute.key"
                 v-model="currentValues[attribute.key]"
                 :placeholder="'Enter ' + attribute.placeholder + '.'"
-                :type="attribute.type"
-            >
+                :type="attribute.type">
             </b-form-input>
         </div>
         <div role="group" class="form-group">
diff --git a/client/src/components/SchemaOrg/PersonViewer.vue b/client/src/components/SchemaOrg/PersonViewer.vue
index 7763332beea..ec46fcafc6c 100644
--- a/client/src/components/SchemaOrg/PersonViewer.vue
+++ b/client/src/components/SchemaOrg/PersonViewer.vue
@@ -5,8 +5,7 @@
             triggers="click blur"
             :placement="hoverPlacement"
             :target="this.$refs['button'] || 'works-lazily'"
-            title="Person"
-        >
+            title="Person">
             <b-table striped :items="items"> </b-table>
         </b-popover>
         <span v-if="name">
@@ -34,8 +33,7 @@
             v-for="attribute in explicitMetaAttributes"
             :key="attribute.attribute"
             :itemprop="attribute.attribute"
-            :content="attribute.value"
-        />
+            :content="attribute.value" />
         <slot name="buttons"></slot>
     </span>
 </template>
diff --git a/client/src/components/SelectionDialog/BasicSelectionDialog.vue b/client/src/components/SelectionDialog/BasicSelectionDialog.vue
index cf0b769f7f1..39c9a729e83 100644
--- a/client/src/components/SelectionDialog/BasicSelectionDialog.vue
+++ b/client/src/components/SelectionDialog/BasicSelectionDialog.vue
@@ -3,8 +3,7 @@
         :error-message="errorMessage"
         :options-show="optionsShow"
         :modal-show="modalShow"
-        :hide-modal="onCancel"
-    >
+        :hide-modal="onCancel">
         <template v-slot:search>
             <data-dialog-search v-model="filter" :title="title" />
         </template>
@@ -18,8 +17,7 @@
                 :leaf-icon="leafIcon"
                 :show-details="!!detailsKey"
                 @clicked="onOk"
-                @load="load"
-            />
+                @load="load" />
         </template>
     </selection-dialog>
 </template>
diff --git a/client/src/components/SelectionDialog/DataDialogTable.vue b/client/src/components/SelectionDialog/DataDialogTable.vue
index f1c1739a095..9bf04ba11f7 100644
--- a/client/src/components/SelectionDialog/DataDialogTable.vue
+++ b/client/src/components/SelectionDialog/DataDialogTable.vue
@@ -10,15 +10,13 @@
             :current-page="currentPage"
             :busy.sync="isBusy"
             @row-clicked="clicked"
-            @filtered="filtered"
-        >
+            @filtered="filtered">
             <template v-slot:head(select_icon)="">
                 <font-awesome-icon
                     @click="$emit('toggleSelectAll')"
                     class="select-checkbox cursor-pointer"
                     title="Check to select all datasets"
-                    :icon="selectionIcon(selectAllIcon)"
-                />
+                    :icon="selectionIcon(selectAllIcon)" />
             </template>
             <template v-slot:cell(select_icon)="data">
                 <font-awesome-icon :icon="selectionIcon(data.item._rowVariant)" />
@@ -27,8 +25,7 @@
                 <div style="cursor: pointer">
                     <pre
                         v-if="isEncoded"
-                        :title="`label-${data.item.labelTitle}`"
-                    ><code>{{ data.value ? data.value : "-" }}</code></pre>
+                        :title="`label-${data.item.labelTitle}`"><code>{{ data.value ? data.value : "-" }}</code></pre>
                     <span v-else>
                         <div v-if="data.item.isLeaf">
                             <i :class="leafIcon" />
@@ -67,8 +64,7 @@
             v-if="nItems > perPage"
             v-model="currentPage"
             :per-page="perPage"
-            :total-rows="nItems"
-        />
+            :total-rows="nItems" />
     </div>
 </template>
 
diff --git a/client/src/components/SelectionDialog/DatasetCollectionDialog.vue b/client/src/components/SelectionDialog/DatasetCollectionDialog.vue
index beb3f4907d3..68e044919e6 100644
--- a/client/src/components/SelectionDialog/DatasetCollectionDialog.vue
+++ b/client/src/components/SelectionDialog/DatasetCollectionDialog.vue
@@ -3,8 +3,7 @@
         :error-message="errorMessage"
         :options-show="optionsShow"
         :modal-show="modalShow"
-        :hide-modal="onCancel"
-    >
+        :hide-modal="onCancel">
         <template v-slot:search>
             <data-dialog-search v-model="filter" />
         </template>
@@ -16,8 +15,7 @@
                 :filter="filter"
                 leaf-icon="fa fa-folder"
                 @clicked="clicked"
-                @load="load"
-            />
+                @load="load" />
         </template>
     </selection-dialog>
 </template>
diff --git a/client/src/components/SelectionDialog/SelectionDialog.vue b/client/src/components/SelectionDialog/SelectionDialog.vue
index 070f1bd51f9..5227e1d4ad4 100644
--- a/client/src/components/SelectionDialog/SelectionDialog.vue
+++ b/client/src/components/SelectionDialog/SelectionDialog.vue
@@ -6,8 +6,7 @@
         ok-only
         ok-title="Close"
         :static="modalStatic"
-        @hide="hideModal"
-    >
+        @hide="hideModal">
         <template v-slot:modal-header>
             <slot name="search"> </slot>
         </template>
diff --git a/client/src/components/Sharing/Sharing.vue b/client/src/components/Sharing/Sharing.vue
index d729cad1312..d6645e08e0c 100644
--- a/client/src/components/Sharing/Sharing.vue
+++ b/client/src/components/Sharing/Sharing.vue
@@ -23,8 +23,7 @@
                 class="make-publishable"
                 switch
                 v-model="item.published"
-                @change="onPublish"
-            >
+                @change="onPublish">
                 Make {{ modelClass }} publicly available in
                 <a :href="published_url" target="_top">Published {{ pluralName }}</a>
             </b-form-checkbox>
@@ -65,8 +64,7 @@
                     class="share-with-collapse"
                     @click="isCollapseVisible = !isCollapseVisible"
                     v-b-toggle.accordion-1
-                    variant="light"
-                >
+                    variant="light">
                     Share {{ modelClass }} with Individual Users
                     <font-awesome-icon :icon="isCollapseVisible ? `caret-up` : `caret-down`" />
                 </b-button>
@@ -88,8 +86,7 @@
                                     class="success-alert"
                                     variant="success"
                                     @dismissed="dismissCountDown = 0"
-                                    @dismiss-count-down="dismissCountDown = $event"
-                                >
+                                    @dismiss-count-down="dismissCountDown = $event">
                                     Sharing preferences are saved!
                                 </b-alert>
 
@@ -108,8 +105,7 @@
                                         @search-change="
                                             searchChanged($event, config.expose_user_email || user.is_admin)
                                         "
-                                        placeholder="Please specify user email"
-                                    >
+                                        placeholder="Please specify user email">
                                         <template slot="caret" v-if="!(config.expose_user_email || user.is_admin)">
                                             <div></div>
                                         </template>
@@ -126,8 +122,7 @@
                                                     aria-hidden="true"
                                                     @click="remove(option)"
                                                     tabindex="1"
-                                                    class="multiselect__tag-icon"
-                                                ></i>
+                                                    class="multiselect__tag-icon"></i>
                                             </span>
                                         </template>
                                         <template slot="noOptions">
@@ -144,8 +139,7 @@
                                         <b-button
                                             @click="getSharing()"
                                             variant="outline-danger"
-                                            class="sharing_icon cancel-sharing-with"
-                                        >
+                                            class="sharing_icon cancel-sharing-with">
                                             Cancel
                                         </b-button>
                                         <b-button
@@ -161,8 +155,7 @@
                                             "
                                             v-b-tooltip.hover.bottom
                                             :title="submitBtnTitle"
-                                            class="sharing_icon submit-sharing-with"
-                                        >
+                                            class="sharing_icon submit-sharing-with">
                                             {{ multiselectValues.currentUserSearch ? `Add` : `Save` }}
                                         </b-button>
                                     </div>
@@ -221,8 +214,7 @@
                                 header="How would you like to proceed?"
                                 header-bg-variant="primary"
                                 header-text-variant="white"
-                                align="center"
-                            >
+                                align="center">
                                 <b-button
                                     @click="
                                         setSharing(
@@ -259,8 +251,7 @@
                                         )
                                     "
                                     block
-                                    variant="outline-primary"
-                                >
+                                    variant="outline-primary">
                                     Share Anyway
                                 </b-button>
                                 <b-button @click="getSharing()" block variant="outline-danger">Cancel </b-button>
diff --git a/client/src/components/Tags/StatelessTags.vue b/client/src/components/Tags/StatelessTags.vue
index 9cd7f423a68..110681d40cb 100644
--- a/client/src/components/Tags/StatelessTags.vue
+++ b/client/src/components/Tags/StatelessTags.vue
@@ -9,8 +9,7 @@ upstream component or environment that is accessed through props and events -->
             href="javascript:void(0)"
             role="button"
             class="toggle-link"
-            @click.prevent="toggleTagDisplay"
-        >
+            @click.prevent="toggleTagDisplay">
             {{ linkText }}
         </a>
         <vue-tags-input
@@ -25,8 +24,7 @@ upstream component or environment that is accessed through props and events -->
             :validation="validation"
             @before-adding-tag="beforeAddingTag"
             @before-deleting-tag="beforeDeletingTag"
-            @tags-changed="tagsChanged"
-        >
+            @tags-changed="tagsChanged">
             <template v-slot:tag-center="t">
                 <div class="tag-name" @click="$emit('tag-click', t.tag)">{{ t.tag.label }}</div>
             </template>
diff --git a/client/src/components/Tags/Tags.vue b/client/src/components/Tags/Tags.vue
index 5c533d03535..fab277ecc48 100644
--- a/client/src/components/Tags/Tags.vue
+++ b/client/src/components/Tags/Tags.vue
@@ -6,8 +6,7 @@
         @tag-click="onClick"
         @tag-input-changed="updateTagSearch"
         @before-adding-tag="beforeAddingTag"
-        @before-deleting-tag="beforeDeletingTag"
-    />
+        @before-deleting-tag="beforeDeletingTag" />
 </template>
 
 <script>
diff --git a/client/src/components/Tool/ToolCard.vue b/client/src/components/Tool/ToolCard.vue
index a0145300649..3bc9b591045 100644
--- a/client/src/components/Tool/ToolCard.vue
+++ b/client/src/components/Tool/ToolCard.vue
@@ -12,8 +12,7 @@
                         aria-label="View all Options"
                         class="tool-dropdown float-right"
                         size="sm"
-                        v-b-tooltip.hover
-                    >
+                        v-b-tooltip.hover>
                         <template v-slot:button-content>
                             <span class="fa fa-caret-down" />
                         </template>
@@ -46,8 +45,7 @@
                         aria-label="Select Versions"
                         class="float-right tool-versions"
                         size="sm"
-                        v-b-tooltip.hover
-                    >
+                        v-b-tooltip.hover>
                         <template v-slot:button-content>
                             <span class="fa fa-cubes" />
                         </template>
@@ -63,8 +61,7 @@
                         size="sm"
                         class="float-right"
                         v-b-tooltip.hover
-                        @click="onAddFavorite"
-                    >
+                        @click="onAddFavorite">
                         <span class="fa fa-star-o" />
                     </b-button>
                     <b-button
@@ -75,8 +72,7 @@
                         size="sm"
                         class="float-right"
                         v-b-tooltip.hover
-                        @click="onRemoveFavorite"
-                    >
+                        @click="onRemoveFavorite">
                         <span class="fa fa-star" />
                     </b-button>
                 </div>
@@ -105,8 +101,7 @@
                 :xrefs="options.xrefs"
                 :license="options.license"
                 :creators="options.creator"
-                :requirements="options.requirements"
-            />
+                :requirements="options.requirements" />
         </div>
     </div>
 </template>
diff --git a/client/src/components/Tool/ToolFooter.vue b/client/src/components/Tool/ToolFooter.vue
index c4ecbde5041..a57514711c8 100644
--- a/client/src/components/Tool/ToolFooter.vue
+++ b/client/src/components/Tool/ToolFooter.vue
@@ -7,16 +7,14 @@
                 title="Copy all citations as BibTeX"
                 icon="copy"
                 style="cursor: pointer"
-                @click="copyBibtex"
-            />
+                @click="copyBibtex" />
             <Citation
                 class="formatted-reference"
                 v-for="(citation, index) in citations"
                 :key="index"
                 :citation="citation"
                 output-format="bibliography"
-                prefix="-"
-            />
+                prefix="-" />
         </div>
         <div v-if="hasRequirements" class="mb-1">
             <span class="font-weight-bold"
@@ -45,15 +43,13 @@
                         <font-awesome-icon
                             v-b-tooltip.hover
                             title="Visit bio.tools reference"
-                            icon="external-link-alt"
-                        /> </a
+                            icon="external-link-alt" /> </a
                     >) (<a :href="`https://openebench.bsc.es/tool/${xref.value}`" target="_blank"
                         >OpenEBench
                         <font-awesome-icon
                             v-b-tooltip.hover
                             title="Visit OpenEBench reference"
-                            icon="external-link-alt"
-                        /> </a
+                            icon="external-link-alt" /> </a
                     >)
                 </template>
                 <template v-else>
diff --git a/client/src/components/Tool/ToolForm.vue b/client/src/components/Tool/ToolForm.vue
index 879369f44e4..c08cf57c4cc 100644
--- a/client/src/components/Tool/ToolForm.vue
+++ b/client/src/components/Tool/ToolForm.vue
@@ -12,8 +12,7 @@
                         v-if="showSuccess"
                         :job-def="jobDef"
                         :job-response="jobResponse"
-                        :tool-name="toolName"
-                    />
+                        :tool-name="toolName" />
                     <Webhook v-if="showSuccess" type="tool" :tool-id="jobDef.tool_id" />
                     <b-modal v-model="showError" size="sm" :title="errorTitle | l" scrollable ok-only>
                         <b-alert show variant="danger">
@@ -40,40 +39,35 @@
                         @onChangeVersion="onChangeVersion"
                         @onUpdateFavorites="onUpdateFavorites"
                         itemscope="itemscope"
-                        itemtype="https://schema.org/CreativeWork"
-                    >
+                        itemtype="https://schema.org/CreativeWork">
                         <template v-slot:body>
                             <FormDisplay
                                 :id="formConfig.id"
                                 :inputs="formConfig.inputs"
                                 :validation-scroll-to="validationScrollTo"
                                 @onChange="onChange"
-                                @onValidation="onValidation"
-                            />
+                                @onValidation="onValidation" />
                             <FormElement
                                 v-if="emailAllowed(config, user)"
                                 id="send_email_notification"
                                 title="Email notification"
                                 help="Send an email notification when the job completes."
                                 type="boolean"
-                                v-model="useEmail"
-                            />
+                                v-model="useEmail" />
                             <FormElement
                                 v-if="remapAllowed"
                                 id="rerun_remap_job_id"
                                 :title="remapTitle"
                                 :help="remapHelp"
                                 type="boolean"
-                                v-model="useJobRemapping"
-                            />
+                                v-model="useJobRemapping" />
                             <FormElement
                                 v-if="reuseAllowed(user)"
                                 id="use_cached_job"
                                 title="Attempt to re-use jobs with identical parameters?"
                                 help="This may skip executing jobs that you have already run."
                                 type="boolean"
-                                v-model="useCachedJobs"
-                            />
+                                v-model="useCachedJobs" />
                         </template>
                         <template v-slot:buttons>
                             <ButtonSpinner
@@ -81,8 +75,7 @@
                                 title="Execute"
                                 @onClick="onExecute(config, currentHistoryId)"
                                 :wait="showExecuting"
-                                :tooltip="tooltip"
-                            />
+                                :tooltip="tooltip" />
                         </template>
                     </ToolCard>
                 </div>
diff --git a/client/src/components/Tool/ToolSourceMenuItem.vue b/client/src/components/Tool/ToolSourceMenuItem.vue
index fef9964be07..f832ffac9b3 100644
--- a/client/src/components/Tool/ToolSourceMenuItem.vue
+++ b/client/src/components/Tool/ToolSourceMenuItem.vue
@@ -10,8 +10,7 @@
                     :title="`Tool Source for ${toolId}`"
                     size="lg"
                     ok-only
-                    ok-title="Close"
-                >
+                    ok-title="Close">
                     <ToolSource :tool-id="toolId" />
                 </b-modal>
             </div>
diff --git a/client/src/components/ToolsView/ToolsView.vue b/client/src/components/ToolsView/ToolsView.vue
index 975142831d3..8af23f3f28e 100644
--- a/client/src/components/ToolsView/ToolsView.vue
+++ b/client/src/components/ToolsView/ToolsView.vue
@@ -13,8 +13,7 @@
                                     v-model="filterText"
                                     placeholder="Type to Search"
                                     @keyup.native="filter('filterByText')"
-                                    @keyup.esc.native="filterText = ''"
-                                />
+                                    @keyup.esc.native="filterText = ''" />
                                 <b-input-group-append>
                                     <b-btn :disabled="!filter" @click="filter = ''">Clear (esc)</b-btn>
                                 </b-input-group-append>
@@ -28,8 +27,7 @@
                 :options="isoOptions"
                 :list="buffer"
                 style="margin: 0 auto"
-                @filter="filterOption = arguments[2]"
-            >
+                @filter="filterOption = arguments[2]">
                 <b-card v-for="(info, index) in buffer" :key="index" ref="cards" class="m-2" style="width: 23rem">
                     <template v-slot:header>
                         <div>
@@ -55,8 +53,7 @@
                         @rendered="layout"
                         @show="show(index)"
                         @shown="shown(index)"
-                        @hidden="hidden(index)"
-                    />
+                        @hidden="hidden(index)" />
                 </b-card>
             </isotope>
         </div>
diff --git a/client/src/components/Toolshed/Index.vue b/client/src/components/Toolshed/Index.vue
index 5bb3a068520..f09f6923faf 100644
--- a/client/src/components/Toolshed/Index.vue
+++ b/client/src/components/Toolshed/Index.vue
@@ -9,8 +9,7 @@
                     v-model="queryInput"
                     @input="delayQuery"
                     @change="setQuery"
-                    @keydown.esc="setQuery()"
-                />
+                    @keydown.esc="setQuery()" />
                 <b-input-group-append v-b-tooltip.hover :title="titleClearSearch">
                     <b-btn @click="setQuery()">
                         <i class="fa fa-times" />
diff --git a/client/src/components/Toolshed/InstalledList/Index.vue b/client/src/components/Toolshed/InstalledList/Index.vue
index 39e7d767655..319c3adc692 100644
--- a/client/src/components/Toolshed/InstalledList/Index.vue
+++ b/client/src/components/Toolshed/InstalledList/Index.vue
@@ -28,8 +28,7 @@
                     :sort-by="sortBy"
                     :items="repositories"
                     :filter="filter"
-                    @filtered="filtered"
-                >
+                    @filtered="filtered">
                     <template v-slot:cell(name)="row">
                         <b-link href="#" role="button" class="font-weight-bold" @click="row.toggleDetails">
                             <div v-if="!isLatest(row.item)">
diff --git a/client/src/components/Toolshed/InstalledList/Monitor.vue b/client/src/components/Toolshed/InstalledList/Monitor.vue
index 8b851ae64bb..99b3a937342 100644
--- a/client/src/components/Toolshed/InstalledList/Monitor.vue
+++ b/client/src/components/Toolshed/InstalledList/Monitor.vue
@@ -10,8 +10,7 @@
                 sticky-header
                 thead-class="installation-monitor-header"
                 :items="items"
-                :fields="fields"
-            >
+                :fields="fields">
                 <template v-slot:cell(name)="row">
                     <b-link @click="onQuery(row.item.name)"> {{ row.item.name }} ({{ row.item.owner }}) </b-link>
                 </template>
@@ -19,8 +18,7 @@
                     <InstallationButton
                         class="float-right"
                         :status="row.item.status"
-                        @onUninstall="uninstallRepository(row.item)"
-                    />
+                        @onUninstall="uninstallRepository(row.item)" />
                 </template>
             </b-table>
         </b-card>
diff --git a/client/src/components/Toolshed/RepositoryDetails/Index.vue b/client/src/components/Toolshed/RepositoryDetails/Index.vue
index 3ad124fff91..b7300b68237 100644
--- a/client/src/components/Toolshed/RepositoryDetails/Index.vue
+++ b/client/src/components/Toolshed/RepositoryDetails/Index.vue
@@ -32,8 +32,7 @@
                             <InstallationButton
                                 :status="row.item.status"
                                 @onInstall="setupRepository(row.item)"
-                                @onUninstall="uninstallRepository(row.item)"
-                            />
+                                @onUninstall="uninstallRepository(row.item)" />
                         </template>
                     </b-table>
                     <ConfigProvider v-slot="{ config }">
@@ -47,8 +46,7 @@
                                 :current-panel="currentPanel"
                                 :tool-dynamic-configs="config.tool_dynamic_configs"
                                 @hide="onHide"
-                                @ok="onOk"
-                            />
+                                @ok="onOk" />
                         </ToolPanelViewProvider>
                     </ConfigProvider>
                 </div>
diff --git a/client/src/components/Toolshed/RepositoryDetails/InstallationSettings.vue b/client/src/components/Toolshed/RepositoryDetails/InstallationSettings.vue
index 7b7957e1456..965988a7f53 100644
--- a/client/src/components/Toolshed/RepositoryDetails/InstallationSettings.vue
+++ b/client/src/components/Toolshed/RepositoryDetails/InstallationSettings.vue
@@ -12,8 +12,7 @@
         <b-form-group
             v-if="requiresPanel"
             label="Target Section:"
-            description="Choose an existing tool panel section or create a new section to contain the installed tools (optional)."
-        >
+            description="Choose an existing tool panel section or create a new section to contain the installed tools (optional).">
             <b-form-input list="sectionSelect" v-model="toolSection" />
             <datalist id="sectionSelect">
                 <option v-for="section in toolSections" :key="section.id">
@@ -29,8 +28,7 @@
                         v-for="filename in toolConfigs"
                         v-model="toolConfig"
                         :value="filename"
-                        :key="filename"
-                    >
+                        :key="filename">
                         {{ filename }}
                     </b-form-radio>
                 </b-form-group>
diff --git a/client/src/components/Toolshed/SearchList/Categories.vue b/client/src/components/Toolshed/SearchList/Categories.vue
index dba32473dc3..cb4021a42b3 100644
--- a/client/src/components/Toolshed/SearchList/Categories.vue
+++ b/client/src/components/Toolshed/SearchList/Categories.vue
@@ -7,8 +7,7 @@
                     href="javascript:void(0)"
                     role="button"
                     class="font-weight-bold"
-                    @click="onCategory(data.value)"
-                >
+                    @click="onCategory(data.value)">
                     {{ data.value }}
                 </b-link>
             </template>
diff --git a/client/src/components/Toolshed/SearchList/Index.vue b/client/src/components/Toolshed/SearchList/Index.vue
index 8238a44b738..67f27bfcb5c 100644
--- a/client/src/components/Toolshed/SearchList/Index.vue
+++ b/client/src/components/Toolshed/SearchList/Index.vue
@@ -5,8 +5,7 @@
             :toolshed-urls="toolshedUrls"
             :total="total"
             :loading="loading"
-            @onToolshed="setToolshed"
-        />
+            @onToolshed="setToolshed" />
         <div v-if="error" class="alert alert-danger">{{ error }}</div>
         <div v-else>
             <Repositories
@@ -14,8 +13,7 @@
                 :scrolled="scrolled"
                 :toolshed-url="toolshedUrl"
                 @onError="setError"
-                v-if="!queryEmpty"
-            />
+                v-if="!queryEmpty" />
             <Categories
                 :toolshed-url="toolshedUrl"
                 :loading="loading"
@@ -23,8 +21,7 @@
                 @onTotal="setTotal"
                 @onError="setError"
                 @onLoading="setLoading"
-                v-show="queryEmpty"
-            />
+                v-show="queryEmpty" />
         </div>
     </div>
 </template>
diff --git a/client/src/components/Toolshed/SearchList/ServerSelection.vue b/client/src/components/Toolshed/SearchList/ServerSelection.vue
index 27bb3b51aa1..e608835c8e1 100644
--- a/client/src/components/Toolshed/SearchList/ServerSelection.vue
+++ b/client/src/components/Toolshed/SearchList/ServerSelection.vue
@@ -7,8 +7,7 @@
                 data-toggle="dropdown"
                 aria-haspopup="true"
                 aria-expanded="false"
-                class="font-weight-bold"
-            >
+                class="font-weight-bold">
                 {{ toolshedUrl }}
                 <span class="fa fa-caret-down" />
             </b-link>
diff --git a/client/src/components/Upload/Collection.vue b/client/src/components/Upload/Collection.vue
index a68f9a481db..9ac5c3804c4 100644
--- a/client/src/components/Upload/Collection.vue
+++ b/client/src/components/Upload/Collection.vue
@@ -17,8 +17,7 @@
                 container-class="upload-footer-collection-type"
                 ref="footerCollectionType"
                 v-model="collectionType"
-                :enabled="!running"
-            >
+                :enabled="!running">
                 <option value="list">List</option>
                 <option value="paired">Pair</option>
                 <option value="list:paired">List of Pairs</option>
@@ -28,8 +27,7 @@
                 container-class="upload-footer-extension"
                 ref="footerExtension"
                 v-model="extension"
-                :enabled="!running"
-            >
+                :enabled="!running">
                 <option v-for="(ext, index) in extensions" :key="index" :value="ext.id">{{ ext.text }}</option>
             </select2>
             <span class="upload-footer-extension-info upload-icon-button fa fa-search" />
@@ -49,8 +47,7 @@
                 class="ui-button-default"
                 id="btn-reset"
                 @click="_eventReset"
-                :disabled="!enableReset"
-            >
+                :disabled="!enableReset">
                 {{ btnResetTitle }}
             </b-button>
             <b-button
@@ -58,8 +55,7 @@
                 class="ui-button-default"
                 id="btn-stop"
                 @click="_eventStop"
-                :disabled="counterRunning == 0"
-            >
+                :disabled="counterRunning == 0">
                 {{ btnStopTitle }}
             </b-button>
             <b-button
@@ -68,8 +64,7 @@
                 id="btn-build"
                 @click="_eventBuild"
                 :disabled="!enableBuild"
-                :variant="enableBuild ? 'primary' : ''"
-            >
+                :variant="enableBuild ? 'primary' : ''">
                 {{ btnBuildTitle }}
             </b-button>
             <b-button
@@ -78,8 +73,7 @@
                 id="btn-start"
                 @click="_eventStart"
                 :disabled="!enableStart"
-                :variant="enableStart ? 'primary' : ''"
-            >
+                :variant="enableStart ? 'primary' : ''">
                 {{ btnStartTitle }}
             </b-button>
             <b-button
@@ -87,8 +81,7 @@
                 class="ui-button-default"
                 id="btn-new"
                 @click="_eventCreate(false)"
-                :disabled="!enableSources"
-            >
+                :disabled="!enableSources">
                 <span class="fa fa-edit"></span>{{ btnCreateTitle }}
             </b-button>
             <b-button
@@ -97,8 +90,7 @@
                 id="btn-ftp"
                 @click="_eventRemoteFiles"
                 :disabled="!enableSources"
-                v-if="remoteFiles"
-            >
+                v-if="remoteFiles">
                 <span class="fa fa-folder-open-o"></span>{{ btnFilesTitle }}
             </b-button>
             <b-button
@@ -107,8 +99,7 @@
                 id="btn-local"
                 :title="btnLocalTitle"
                 @click="uploadSelect"
-                :disabled="!enableSources"
-            >
+                :disabled="!enableSources">
                 <span class="fa fa-laptop"></span>{{ btnLocalTitle }}
             </b-button>
         </template>
diff --git a/client/src/components/Upload/Composite.vue b/client/src/components/Upload/Composite.vue
index 0ae35809941..d821d907560 100644
--- a/client/src/components/Upload/Composite.vue
+++ b/client/src/components/Upload/Composite.vue
@@ -21,8 +21,7 @@
                 container-class="upload-footer-extension"
                 ref="footerExtension"
                 v-model="extension"
-                :enabled="!running"
-            >
+                :enabled="!running">
                 <option v-for="(ext, index) in extensions" :key="index" :value="ext.id">{{ ext.text }}</option>
             </select2>
             <span class="upload-footer-extension-info upload-icon-button fa fa-search" ref="footerExtensionInfo" />
@@ -43,8 +42,7 @@
                 @click="_eventStart"
                 id="btn-start"
                 :disabled="!readyStart"
-                :variant="readyStart ? 'primary' : ''"
-            >
+                :variant="readyStart ? 'primary' : ''">
                 {{ btnStartTitle }}
             </b-button>
             <b-button ref="btnReset" class="ui-button-default" id="btn-reset" @click="_eventReset">
diff --git a/client/src/components/Upload/Default.vue b/client/src/components/Upload/Default.vue
index ea05075faac..cf9a0b98dc3 100644
--- a/client/src/components/Upload/Default.vue
+++ b/client/src/components/Upload/Default.vue
@@ -21,8 +21,7 @@
                 container-class="upload-footer-extension"
                 ref="footerExtension"
                 v-model="extension"
-                :enabled="!running"
-            >
+                :enabled="!running">
                 <option v-for="(ext, index) in extensions" :key="index" :value="ext.id">{{ ext.text }}</option>
             </select2>
             <span class="upload-footer-extension-info upload-icon-button fa fa-search" />
@@ -42,8 +41,7 @@
                 class="ui-button-default"
                 id="btn-reset"
                 @click="_eventReset"
-                :disabled="!enableReset"
-            >
+                :disabled="!enableReset">
                 {{ btnResetTitle }}
             </b-button>
             <b-button
@@ -51,8 +49,7 @@
                 class="ui-button-default"
                 id="btn-stop"
                 @click="_eventStop"
-                :disabled="counterRunning == 0"
-            >
+                :disabled="counterRunning == 0">
                 {{ btnStopTitle }}
             </b-button>
             <b-button
@@ -62,8 +59,7 @@
                 @click="_eventSelect"
                 v-if="selectable"
                 :disabled="!enableBuild"
-                :variant="enableBuild ? 'primary' : ''"
-            >
+                :variant="enableBuild ? 'primary' : ''">
                 {{ btnSelectTitle }}
             </b-button>
             <b-button
@@ -72,8 +68,7 @@
                 id="btn-start"
                 @click="_eventStart"
                 :disabled="!enableStart"
-                :variant="enableStart ? 'primary' : ''"
-            >
+                :variant="enableStart ? 'primary' : ''">
                 {{ btnStartTitle }}
             </b-button>
             <b-button
@@ -81,8 +76,7 @@
                 class="ui-button-default"
                 id="btn-new"
                 @click="_eventCreate(true)"
-                :disabled="!enableSources"
-            >
+                :disabled="!enableSources">
                 <span class="fa fa-edit"></span>{{ btnCreateTitle }}
             </b-button>
             <b-button
@@ -91,8 +85,7 @@
                 id="btn-ftp"
                 @click="_eventRemoteFiles"
                 :disabled="!enableSources"
-                v-if="remoteFiles"
-            >
+                v-if="remoteFiles">
                 <span class="fa fa-folder-open-o"></span>{{ btnFilesTitle }}
             </b-button>
             <b-button
@@ -101,8 +94,7 @@
                 id="btn-local"
                 :title="btnLocalTitle"
                 @click="uploadSelect"
-                :disabled="!enableSources"
-            >
+                :disabled="!enableSources">
                 <span class="fa fa-laptop"></span>{{ btnLocalTitle }}
             </b-button>
         </template>
diff --git a/client/src/components/Upload/RulesInput.vue b/client/src/components/Upload/RulesInput.vue
index 79009aa76a7..6f483eb1abe 100644
--- a/client/src/components/Upload/RulesInput.vue
+++ b/client/src/components/Upload/RulesInput.vue
@@ -38,8 +38,7 @@
                 class="upload-rule-source-content form-control"
                 style="height: 100%"
                 v-model="sourceContent"
-                :disabled="selectionType != 'paste'"
-            ></textarea>
+                :disabled="selectionType != 'paste'"></textarea>
         </span>
         <template v-slot:buttons>
             <b-button ref="btnClose" class="ui-button-default" id="btn-close" @click="$emit('dismiss')">
@@ -51,8 +50,7 @@
                 id="btn-build"
                 @click="_eventBuild"
                 :disabled="!sourceContent"
-                :variant="sourceContent ? 'primary' : ''"
-            >
+                :variant="sourceContent ? 'primary' : ''">
                 {{ btnBuildTitle | l }}
             </b-button>
             <b-button
@@ -60,8 +58,7 @@
                 class="ui-button-default"
                 id="btn-reset"
                 @click="_eventReset"
-                :disabled="!enableReset"
-            >
+                :disabled="!enableReset">
                 {{ btnResetTitle | l }}
             </b-button>
         </template>
diff --git a/client/src/components/Upload/UploadButton.vue b/client/src/components/Upload/UploadButton.vue
index 11112008df1..6a9dcd3d4d1 100644
--- a/client/src/components/Upload/UploadButton.vue
+++ b/client/src/components/Upload/UploadButton.vue
@@ -6,16 +6,14 @@
         :aria-label="title | localize"
         :title="title | localize"
         class="upload-button"
-        size="sm"
-    >
+        size="sm">
         <div class="progress">
             <div
                 class="progress-bar progress-bar-notransition"
                 :class="`progress-bar-${status}`"
                 :style="{
                     width: `${percentage}%`,
-                }"
-            />
+                }" />
         </div>
         <span class="position-relative">
             <font-awesome-icon icon="upload" class="mr-1" />
diff --git a/client/src/components/Upload/UploadModal.vue b/client/src/components/Upload/UploadModal.vue
index 3d098397ebe..ea00823e786 100644
--- a/client/src/components/Upload/UploadModal.vue
+++ b/client/src/components/Upload/UploadModal.vue
@@ -14,8 +14,7 @@ Provides user and current history to modal because it currently has initializati
                 dialog-class="upload-dialog"
                 body-class="upload-dialog-body"
                 no-enforce-focus
-                hide-footer
-            >
+                hide-footer>
                 <template v-slot:modal-header>
                     <h4 class="title" tabindex="0">{{ title | localize }}</h4>
                 </template>
@@ -25,8 +24,7 @@ Provides user and current history to modal because it currently has initializati
                     :current-user-id="user.id"
                     :current-history-id="currentHistoryId"
                     v-bind="{ ...$props, ...$attrs }"
-                    @dismiss="dismiss"
-                />
+                    @dismiss="dismiss" />
             </b-modal>
         </UserHistories>
     </CurrentUser>
diff --git a/client/src/components/Upload/UploadModalContent.vue b/client/src/components/Upload/UploadModalContent.vue
index 91306caf186..f6fe1c4d3a4 100644
--- a/client/src/components/Upload/UploadModalContent.vue
+++ b/client/src/components/Upload/UploadModalContent.vue
@@ -7,8 +7,7 @@
                 :multiple="multiple"
                 :has-callback="hasCallback"
                 :selectable="selectable"
-                v-on="$listeners"
-            />
+                v-on="$listeners" />
         </b-tab>
         <b-tab title="Composite" id="composite" button-id="tab-title-link-composite" v-if="showComposite">
             <composite :app="this" :has-callback="hasCallback" :selectable="selectable" v-on="$listeners" />
diff --git a/client/src/components/User/CloudAuth/CloudAuth.vue b/client/src/components/User/CloudAuth/CloudAuth.vue
index f8c675a6e28..9529405c285 100644
--- a/client/src/components/User/CloudAuth/CloudAuth.vue
+++ b/client/src/components/User/CloudAuth/CloudAuth.vue
@@ -15,8 +15,7 @@
                                 @click.prevent="showHelp = !showHelp"
                                 v-b-tooltip.hover
                                 aria-label="Instructions"
-                                title="Instructions"
-                            >
+                                title="Instructions">
                                 <span>Instructions</span>
                             </a>
                         </li>
@@ -26,8 +25,7 @@
                                 @click.prevent="showFilter = !showFilter"
                                 v-b-tooltip.hover
                                 aria-label="Filter Results"
-                                title="Filter Results"
-                            >
+                                title="Filter Results">
                                 <span>Filter</span>
                             </a>
                         </li>
@@ -36,8 +34,7 @@
                                 @click.prevent="onCreate"
                                 v-b-tooltip.hover
                                 aria-label="Create New Key"
-                                title="Create New Key"
-                            >
+                                title="Create New Key">
                                 <span>Create New Key</span>
                             </a>
                         </li>
@@ -74,8 +71,7 @@
                         class="mb-1"
                         @delete="onDelete"
                         @save="onSave"
-                        @expand="expand(credential, $event)"
-                    />
+                        @expand="expand(credential, $event)" />
                 </transition-group>
             </b-list-group>
         </div>
@@ -88,8 +84,7 @@
             title="Delete Key?"
             size="sm"
             @ok="deleteKey"
-            @cancel="doomedItem = null"
-        >
+            @cancel="doomedItem = null">
         </b-modal>
     </section>
 </template>
diff --git a/client/src/components/User/CloudAuth/CloudAuthItem.vue b/client/src/components/User/CloudAuth/CloudAuthItem.vue
index 6f1982a73a0..22296cbf4ff 100644
--- a/client/src/components/User/CloudAuth/CloudAuthItem.vue
+++ b/client/src/components/User/CloudAuth/CloudAuthItem.vue
@@ -11,8 +11,7 @@
                                     @click.prevent="$emit('save', credential)"
                                     v-b-tooltip.hover
                                     aria-label="Save Key"
-                                    title="Save Key"
-                                >
+                                    title="Save Key">
                                     <span>Save Key</span>
                                 </a>
                             </li>
@@ -22,8 +21,7 @@
                                 @click.prevent="$emit('delete', credential)"
                                 v-b-tooltip.hover
                                 aria-label="Delete Key"
-                                title="Delete Key"
-                            >
+                                title="Delete Key">
                                 <span>Delete Key</span>
                             </a>
                         </li>
@@ -32,8 +30,7 @@
                                 @click.prevent="expand()"
                                 v-b-tooltip.hover
                                 aria-label="Show Details"
-                                title="Show Details"
-                            >
+                                title="Show Details">
                                 <span>Details</span>
                             </a>
                         </li>
@@ -49,8 +46,7 @@
             v-model="credential"
             @click.self="expand()"
             @save="$emit('save', credential)"
-            @delete="$emit('delete', credential)"
-        />
+            @delete="$emit('delete', credential)" />
         <!-- eslint-enable vue/no-mutating-props-->
     </b-list-group-item>
 </template>
diff --git a/client/src/components/User/CloudAuth/CredentialConfig.vue b/client/src/components/User/CloudAuth/CredentialConfig.vue
index 03eda18b03e..2c126fd3acc 100644
--- a/client/src/components/User/CloudAuth/CredentialConfig.vue
+++ b/client/src/components/User/CloudAuth/CredentialConfig.vue
@@ -7,8 +7,7 @@
             :label-for="'config-' + fieldName"
             label-cols-lg="3"
             :state="config.fieldValid(fieldName)"
-            :invalid-feedback="config.errorMessage(fieldName)"
-        >
+            :invalid-feedback="config.errorMessage(fieldName)">
             <masked-input
                 :id="'config-' + fieldName"
                 v-model="config[fieldName]"
@@ -16,8 +15,7 @@
                 :placeholder="field.placeholder"
                 :maxlength="field.maxlength || Math.Infinity"
                 :state="config.fieldValid(fieldName)"
-                trim
-            />
+                trim />
         </b-form-group>
     </div>
 </template>
diff --git a/client/src/components/User/CloudAuth/CredentialForm.vue b/client/src/components/User/CloudAuth/CredentialForm.vue
index ee8a1901cf1..a40248cdd1c 100644
--- a/client/src/components/User/CloudAuth/CredentialForm.vue
+++ b/client/src/components/User/CloudAuth/CredentialForm.vue
@@ -7,8 +7,7 @@
                 v-model="credential.description"
                 :state="credential.fieldValid('description')"
                 placeholder="Description (optional)"
-                trim
-            />
+                trim />
         </b-form-group>
 
         <!-- google-openidconnect -->
@@ -16,14 +15,12 @@
             label="Identity Provider"
             label-for="identityProvider"
             label-cols-lg="3"
-            v-if="identityProviders.length > 1"
-        >
+            v-if="identityProviders.length > 1">
             <b-form-select
                 id="identityProvider"
                 v-model="credential.authn_id"
                 :state="credential.fieldValid('authn_id')"
-                :options="identityProviders"
-            />
+                :options="identityProviders" />
         </b-form-group>
 
         <!-- aws/azure, etc -->
@@ -32,8 +29,7 @@
                 id="resourceProvider"
                 v-model="credential.resourceProvider"
                 :state="credential.fieldValid('provider')"
-                :options="resourceProviderOptions"
-            />
+                :options="resourceProviderOptions" />
         </b-form-group>
 
         <credential-config v-model="credential.config" />
@@ -44,8 +40,7 @@
                 aria-label="Save Key"
                 :variant="saveButtonVariant"
                 :disabled="saveButtonDisabled"
-                @click.prevent="$emit('save', credential)"
-            >
+                @click.prevent="$emit('save', credential)">
                 {{ saveButtonTitle }}
             </b-button>
         </footer>
diff --git a/client/src/components/User/CustomBuilds.vue b/client/src/components/User/CustomBuilds.vue
index 7da484c4425..e6a786e301c 100644
--- a/client/src/components/User/CustomBuilds.vue
+++ b/client/src/components/User/CustomBuilds.vue
@@ -13,8 +13,7 @@
                             href="javascript:void(0)"
                             v-b-tooltip.bottom.hover
                             title="Delete build"
-                            @click="deleteBuild(row.item.id)"
-                        >
+                            @click="deleteBuild(row.item.id)">
                             <i class="icon fa fa-lg fa-trash-o" />
                         </a>
                     </template>
@@ -36,8 +35,7 @@
                         track-by="value"
                         :searchable="false"
                         :options="installedBuilds"
-                        v-model="selectedInstalledBuilds"
-                    >
+                        v-model="selectedInstalledBuilds">
                     </multiselect>
                 </b-col>
             </b-row>
@@ -56,8 +54,7 @@
                         :variant="alertType"
                         :show="dismissCountDown"
                         @dismissed="dismissCountDown = 0"
-                        @dismiss-count-down="countDownChanged"
-                    >
+                        @dismiss-count-down="countDownChanged">
                         {{ alertMessage }}
                     </b-alert>
 
@@ -73,16 +70,14 @@
                                 id="type"
                                 tour_id="type"
                                 v-model="selectedDataSource"
-                                :options="dataSources"
-                            ></b-form-select>
+                                :options="dataSources"></b-form-select>
                         </b-form-group>
                         <div>
                             <b-form-group v-if="selectedDataSource === 'fasta'" label="FASTA-file">
                                 <b-form-select
                                     v-model="selectedFastaFile"
                                     :options="fastaFiles"
-                                    :disabled="fastaFilesSelectDisabled"
-                                ></b-form-select>
+                                    :disabled="fastaFilesSelectDisabled"></b-form-select>
                             </b-form-group>
                             <b-form-group v-if="selectedDataSource === 'file'" label="Len-file">
                                 <b-form-file placeholder="Choose a file..." @change="readFile" />
@@ -91,8 +86,7 @@
                                     show-progress
                                     v-show="fileLoaded !== 0"
                                     :value="fileLoaded"
-                                    :max="maxFileSize"
-                                />
+                                    :max="maxFileSize" />
                                 <b-form-textarea v-show="form.file" :value="form.file" />
                             </b-form-group>
                             <b-form-group v-if="selectedDataSource === 'text'" label="Edit/Paste">
@@ -105,8 +99,7 @@
                             type="submit"
                             variant="primary"
                             v-b-tooltip.bottom.hover
-                            title="Create new build"
-                        >
+                            title="Create new build">
                             <i class="icon fa fa-save" /> Save
                         </b-button>
                     </b-form>
diff --git a/client/src/components/User/ExternalIdentities/ExternalIdentities.vue b/client/src/components/User/ExternalIdentities/ExternalIdentities.vue
index d638749afa6..69cc4901cd9 100644
--- a/client/src/components/User/ExternalIdentities/ExternalIdentities.vue
+++ b/client/src/components/User/ExternalIdentities/ExternalIdentities.vue
@@ -36,8 +36,7 @@
                 title="Disconnect External Identity"
                 v-for="item in items"
                 :key="item.email"
-                class="d-block mt-3"
-            >
+                class="d-block mt-3">
                 Disconnect {{ item.provider.charAt(0).toUpperCase() + item.provider.slice(1) }} - {{ item.email }}
             </b-button>
 
@@ -48,8 +47,7 @@
                 title="Disconnect Identity?"
                 size="sm"
                 @ok="disconnectID"
-                @cancel="doomedItem = null"
-            ></b-modal>
+                @cancel="doomedItem = null"></b-modal>
 
             <b-modal
                 centered
@@ -57,8 +55,7 @@
                 ref="deleteAndResetModal"
                 title="Deleting last external identity"
                 @ok="disconnectAndReset"
-                @cancel="doomedItem = null"
-            >
+                @cancel="doomedItem = null">
                 <p>
                     This is your only defined external identity. If you delete this identity, you will be logged out. To
                     log back in you will need to use a password associated with your account, or reconnect to this third
diff --git a/client/src/components/User/ExternalIdentities/ExternalLogin.vue b/client/src/components/User/ExternalIdentities/ExternalLogin.vue
index 8bf6928a021..d08576eac5c 100644
--- a/client/src/components/User/ExternalIdentities/ExternalLogin.vue
+++ b/client/src/components/User/ExternalIdentities/ExternalLogin.vue
@@ -13,8 +13,7 @@
                             v-model="selected"
                             :options="cilogon_idps"
                             label="DisplayName"
-                            track-by="EntityID"
-                        >
+                            track-by="EntityID">
                         </multiselect>
                     </b-form-group>
 
@@ -49,8 +48,7 @@
                             v-model="selected"
                             :options="cilogon_idps"
                             label="DisplayName"
-                            track-by="EntityID"
-                        >
+                            track-by="EntityID">
                         </multiselect>
 
                         <b-button
diff --git a/client/src/components/User/RecentInvocations.vue b/client/src/components/User/RecentInvocations.vue
index 66e9e0e3132..397c28800d1 100644
--- a/client/src/components/User/RecentInvocations.vue
+++ b/client/src/components/User/RecentInvocations.vue
@@ -3,8 +3,7 @@
         :invocation-items="invocationItems"
         :loading="loading"
         @reload-invocations="fetchRecentInvocations"
-        no-invocations-message="There are no invocations to be shown."
-    >
+        no-invocations-message="There are no invocations to be shown.">
     </invocations>
 </template>
 
diff --git a/client/src/components/User/UserPreferences.vue b/client/src/components/User/UserPreferences.vue
index f7ee37e14e7..6066a5bf348 100644
--- a/client/src/components/User/UserPreferences.vue
+++ b/client/src/components/User/UserPreferences.vue
@@ -48,8 +48,7 @@
                         title-tag="h2"
                         @show="resetModal"
                         @hidden="resetModal"
-                        @ok="handleOk"
-                    >
+                        @ok="handleOk">
                         <p>
                             <b-alert variant="danger" :show="showDeleteError">{{ deleteError }}</b-alert>
                             <b>
@@ -62,8 +61,7 @@
                                 :state="nameState"
                                 label="Enter your user email for this account as confirmation."
                                 label-for="Email"
-                                invalid-feedback="Incorrect email"
-                            >
+                                invalid-feedback="Incorrect email">
                                 <b-form-input id="name-input" v-model="name" :state="nameState" required></b-form-input>
                             </b-form-group>
                         </b-form>
diff --git a/client/src/components/Workflow/Editor/Attributes.vue b/client/src/components/Workflow/Editor/Attributes.vue
index 1c3a8e592e4..93bd74e77c7 100644
--- a/client/src/components/Workflow/Editor/Attributes.vue
+++ b/client/src/components/Workflow/Editor/Attributes.vue
@@ -30,8 +30,7 @@
             <b-textarea
                 id="workflow-annotation"
                 v-model="annotationCurrent"
-                @keyup="$emit('update:annotationCurrent', annotationCurrent)"
-            />
+                @keyup="$emit('update:annotationCurrent', annotationCurrent)" />
             <div class="form-text text-muted">These notes will be visible when this workflow is viewed.</div>
         </div>
         <div id="workflow-license-area" class="mt-2">
diff --git a/client/src/components/Workflow/Editor/Forms/FormDefault.vue b/client/src/components/Workflow/Editor/Forms/FormDefault.vue
index 945db3bc4a8..0c80cbe325c 100644
--- a/client/src/components/Workflow/Editor/Forms/FormDefault.vue
+++ b/client/src/components/Workflow/Editor/Forms/FormDefault.vue
@@ -9,8 +9,7 @@
                 size="sm"
                 class="float-right py-0 px-1"
                 v-b-tooltip.hover
-                @click="onEditSubworkflow"
-            >
+                @click="onEditSubworkflow">
                 <span class="fa fa-pencil-alt" />
             </b-button>
             <b-button
@@ -21,8 +20,7 @@
                 size="sm"
                 class="float-right py-0 px-1"
                 v-b-tooltip.hover
-                @click="onUpgradeSubworkflow"
-            >
+                @click="onUpgradeSubworkflow">
                 <span class="fa fa-sync" />
             </b-button>
         </template>
@@ -33,16 +31,14 @@
                 title="Label"
                 help="Add a step label."
                 @input="onLabel"
-                :error="errorLabel"
-            />
+                :error="errorLabel" />
             <FormElement
                 id="__annotation"
                 :value="node.annotation"
                 title="Step Annotation"
                 :area="true"
                 help="Add an annotation or notes to this step. Annotations are available when a workflow is viewed."
-                @input="onAnnotation"
-            />
+                @input="onAnnotation" />
             <FormDisplay :id="id" :inputs="inputs" @onChange="onChange" />
             <div v-if="isSubworkflow">
                 <FormOutputLabel
@@ -50,8 +46,7 @@
                     :key="index"
                     :name="output.name"
                     :active-outputs="node.activeOutputs"
-                    :show-details="true"
-                />
+                    :show-details="true" />
             </div>
         </template>
     </FormCard>
diff --git a/client/src/components/Workflow/Editor/Forms/FormOutput.vue b/client/src/components/Workflow/Editor/Forms/FormOutput.vue
index 63025cab8b7..1b561d28379 100644
--- a/client/src/components/Workflow/Editor/Forms/FormOutput.vue
+++ b/client/src/components/Workflow/Editor/Forms/FormOutput.vue
@@ -8,8 +8,7 @@
                 :help="renameHelp"
                 title="Rename dataset"
                 type="text"
-                @input="onInput"
-            />
+                @input="onInput" />
             <FormElement
                 :id="actionNames.ChangeDatatypeAction__newtype"
                 :value="formData[actionNames.ChangeDatatypeAction__newtype]"
@@ -18,24 +17,21 @@
                 type="select"
                 backbonejs
                 help="This action will change the datatype of the output to the indicated datatype."
-                @input="onDatatype"
-            />
+                @input="onDatatype" />
             <FormElement
                 :id="actionNames.TagDatasetAction__tags"
                 :value="formData[actionNames.TagDatasetAction__tags]"
                 title="Add Tags"
                 type="text"
                 help="This action will set tags for the dataset."
-                @input="onInput"
-            />
+                @input="onInput" />
             <FormElement
                 :id="actionNames.RemoveTagDatasetAction__tags"
                 :value="formData[actionNames.RemoveTagDatasetAction__tags]"
                 title="Remove Tags"
                 type="text"
                 help="This action will remove tags for the dataset."
-                @input="onInput"
-            />
+                @input="onInput" />
             <FormCard title="Assign columns" collapsible :expanded.sync="expandedColumn">
                 <template v-slot:body>
                     <FormElement
@@ -45,8 +41,7 @@
                         type="integer"
                         backbonejs
                         help="This action will set the chromosome column."
-                        @input="onInput"
-                    />
+                        @input="onInput" />
                     <FormElement
                         :id="actionNames.ColumnSetAction__startCol"
                         :value="formData[actionNames.ColumnSetAction__startCol]"
@@ -54,8 +49,7 @@
                         type="integer"
                         backbonejs
                         help="This action will set the start column."
-                        @input="onInput"
-                    />
+                        @input="onInput" />
                     <FormElement
                         :id="actionNames.ColumnSetAction__endCol"
                         :value="formData[actionNames.ColumnSetAction__endCol]"
@@ -63,8 +57,7 @@
                         type="integer"
                         backbonejs
                         help="This action will set the end column."
-                        @input="onInput"
-                    />
+                        @input="onInput" />
                     <FormElement
                         :id="actionNames.ColumnSetAction__strandCol"
                         :value="formData[actionNames.ColumnSetAction__strandCol]"
@@ -72,8 +65,7 @@
                         type="integer"
                         backbonejs
                         help="This action will set the strand column."
-                        @input="onInput"
-                    />
+                        @input="onInput" />
                     <FormElement
                         :id="actionNames.ColumnSetAction__nameCol"
                         :value="formData[actionNames.ColumnSetAction__nameCol]"
@@ -81,8 +73,7 @@
                         type="integer"
                         backbonejs
                         help="This action will set the name column."
-                        @input="onInput"
-                    />
+                        @input="onInput" />
                 </template>
             </FormCard>
         </template>
diff --git a/client/src/components/Workflow/Editor/Forms/FormOutputLabel.vue b/client/src/components/Workflow/Editor/Forms/FormOutputLabel.vue
index e07988aea2c..f6a22d05dff 100644
--- a/client/src/components/Workflow/Editor/Forms/FormOutputLabel.vue
+++ b/client/src/components/Workflow/Editor/Forms/FormOutputLabel.vue
@@ -6,8 +6,7 @@
         :title="title"
         type="text"
         help="Provide a short, unique name to describe this output."
-        @input="onInput"
-    />
+        @input="onInput" />
 </template>
 
 <script>
diff --git a/client/src/components/Workflow/Editor/Forms/FormSection.vue b/client/src/components/Workflow/Editor/Forms/FormSection.vue
index d1b7ec3d82d..144737b907e 100644
--- a/client/src/components/Workflow/Editor/Forms/FormSection.vue
+++ b/client/src/components/Workflow/Editor/Forms/FormSection.vue
@@ -6,16 +6,14 @@
             title="Email notification"
             type="boolean"
             help="An email notification will be sent when the job has completed."
-            @input="onInput"
-        />
+            @input="onInput" />
         <FormElement
             :id="deleteActionKey"
             :value="deleteActionValue"
             title="Output cleanup"
             type="boolean"
             help="Upon completion of this step, delete non-starred outputs from completed workflow steps if they are no longer required as inputs."
-            @input="onInput"
-        />
+            @input="onInput" />
         <FormOutput
             v-for="(output, index) in outputs"
             :key="index"
@@ -25,8 +23,7 @@
             :datatypes="datatypes"
             :form-data="formData"
             @onInput="onInput"
-            @onDatatype="onDatatype"
-        />
+            @onDatatype="onDatatype" />
     </div>
 </template>
 
diff --git a/client/src/components/Workflow/Editor/Forms/FormTool.vue b/client/src/components/Workflow/Editor/Forms/FormTool.vue
index c93c91d641d..1cd23e8587e 100644
--- a/client/src/components/Workflow/Editor/Forms/FormTool.vue
+++ b/client/src/components/Workflow/Editor/Forms/FormTool.vue
@@ -11,8 +11,7 @@
             :message-text="messageText"
             :message-variant="messageVariant"
             @onChangeVersion="onChangeVersion"
-            @onUpdateFavorites="onUpdateFavorites"
-        >
+            @onUpdateFavorites="onUpdateFavorites">
             <template v-slot:body>
                 <FormElement
                     id="__label"
@@ -20,24 +19,21 @@
                     title="Label"
                     help="Add a step label."
                     @input="onLabel"
-                    :error="errorLabel"
-                />
+                    :error="errorLabel" />
                 <FormElement
                     id="__annotation"
                     :value="node.annotation"
                     title="Step Annotation"
                     :area="true"
                     help="Add an annotation or notes to this step. Annotations are available when a workflow is viewed."
-                    @input="onAnnotation"
-                />
+                    @input="onAnnotation" />
                 <FormDisplay
                     :id="id"
                     :inputs="inputs"
                     :errors="errors"
                     text-enable="Set in Advance"
                     text-disable="Set at Runtime"
-                    @onChange="onChange"
-                />
+                    @onChange="onChange" />
                 <FormSection :id="nodeId" :get-node="getNode" :datatypes="datatypes" @onChange="onChangeSection" />
             </template>
         </ToolCard>
diff --git a/client/src/components/Workflow/Editor/Index.vue b/client/src/components/Workflow/Editor/Index.vue
index 1afdb8274a1..fa693b85a08 100644
--- a/client/src/components/Workflow/Editor/Index.vue
+++ b/client/src/components/Workflow/Editor/Index.vue
@@ -4,16 +4,14 @@
         <StateUpgradeModal
             :state-messages="insertedStateMessages"
             title="Subworkflow embedded with changes"
-            message="Problems were encountered loading this workflow (possibly a result of tool upgrades). Please review the following parameters and then save."
-        />
+            message="Problems were encountered loading this workflow (possibly a result of tool upgrades). Please review the following parameters and then save." />
         <RefactorConfirmationModal
             :workflow-id="id"
             :refactor-actions="refactorActions"
             @onWorkflowError="onWorkflowError"
             @onWorkflowMessage="onWorkflowMessage"
             @onRefactor="onRefactor"
-            @onShow="hideModal"
-        />
+            @onShow="hideModal" />
         <MessagesModal :title="messageTitle" :message="messageBody" :error="messageIsError" @onHidden="resetMessage" />
         <MarkdownEditor
             v-if="!isCanvas"
@@ -21,8 +19,7 @@
             :markdown-config="markdownConfig"
             :title="'Workflow Report: ' + name"
             :get-manager="getManager"
-            @onUpdate="onReportUpdate"
-        >
+            @onUpdate="onReportUpdate">
             <template v-slot:buttons>
                 <b-button
                     id="workflow-canvas-button"
@@ -30,8 +27,7 @@
                     variant="link"
                     role="button"
                     v-b-tooltip.hover.bottom
-                    @click="onEdit"
-                >
+                    @click="onEdit">
                     <span class="fa fa-times" />
                 </b-button>
             </template>
@@ -46,8 +42,7 @@
                         @onInsertTool="onInsertTool"
                         @onInsertModule="onInsertModule"
                         @onInsertWorkflow="onInsertWorkflow"
-                        @onInsertWorkflowSteps="onInsertWorkflowSteps"
-                    />
+                        @onInsertWorkflowSteps="onInsertWorkflowSteps" />
                 </template>
             </SidePanel>
             <div id="center" class="workflow-center">
@@ -78,8 +73,7 @@
                                 @onCreate="onInsertTool"
                                 @onChange="onChange"
                                 @onActivate="onActivate"
-                                @onRemove="onRemove"
-                            />
+                                @onRemove="onRemove" />
                         </div>
                     </div>
                     <div class="workflow-overview" aria-hidden="true">
@@ -108,8 +102,7 @@
                                     @onEdit="onEdit"
                                     @onAttributes="onAttributes"
                                     @onLint="onLint"
-                                    @onUpgrade="onUpgrade"
-                                />
+                                    @onUpgrade="onUpgrade" />
                             </div>
                         </div>
                         <div class="unified-panel-body workflow-right" ref="right-panel">
@@ -122,8 +115,7 @@
                                     :datatypes="datatypes"
                                     @onAnnotation="onAnnotation"
                                     @onLabel="onLabel"
-                                    @onSetData="onSetData"
-                                />
+                                    @onSetData="onSetData" />
                                 <FormDefault
                                     v-else-if="hasActiveNodeDefault"
                                     :get-manager="getManager"
@@ -133,8 +125,7 @@
                                     @onLabel="onLabel"
                                     @onEditSubworkflow="onEditSubworkflow"
                                     @onAttemptRefactor="onAttemptRefactor"
-                                    @onSetData="onSetData"
-                                />
+                                    @onSetData="onSetData" />
                                 <WorkflowAttributes
                                     v-else-if="showAttributes"
                                     :id="id"
@@ -150,8 +141,7 @@
                                     :creator="creator"
                                     @onVersion="onVersion"
                                     @onLicense="onLicense"
-                                    @onCreator="onCreator"
-                                />
+                                    @onCreator="onCreator" />
                                 <WorkflowLint
                                     v-else-if="showLint"
                                     :untyped-parameters="parameters"
@@ -163,8 +153,7 @@
                                     @onHighlight="onHighlight"
                                     @onUnhighlight="onUnhighlight"
                                     @onRefactor="onAttemptRefactor"
-                                    @onScrollTo="onScrollTo"
-                                />
+                                    @onScrollTo="onScrollTo" />
                             </div>
                         </div>
                     </div>
diff --git a/client/src/components/Workflow/Editor/Lint.vue b/client/src/components/Workflow/Editor/Lint.vue
index 1ff4b45aa8d..5050ce354e9 100644
--- a/client/src/components/Workflow/Editor/Lint.vue
+++ b/client/src/components/Workflow/Editor/Lint.vue
@@ -17,8 +17,7 @@
                 warning-message="This workflow is not annotated. Providing an annotation helps workflow executors
                     understand the purpose and usage of the workflow."
                 attribute-link="Annotate your Workflow."
-                @onClick="onAttributes"
-            />
+                @onClick="onAttributes" />
             <LintSection
                 :okay="checkCreator"
                 success-message="This workflow defines creator information."
@@ -26,8 +25,7 @@
                     that will be published and/or shared to help workflow executors know how to cite the
                     workflow authors."
                 attribute-link="Provide Creator Details."
-                @onClick="onAttributes"
-            />
+                @onClick="onAttributes" />
             <LintSection
                 :okay="checkLicense"
                 success-message="This workflow defines a license."
@@ -35,8 +33,7 @@
                     that will be published and/or shared to help workflow executors understand how it
                     may be used."
                 attribute-link="Specify a License."
-                @onClick="onAttributes"
-            />
+                @onClick="onAttributes" />
             <LintSection
                 success-message="Workflow parameters are using formal input parameters."
                 warning-message="This workflow uses legacy workflow parameters. They should be replaced with
@@ -45,8 +42,7 @@
                 :warning-items="warningUntypedParameters"
                 @onMouseOver="onHighlight"
                 @onMouseLeave="onUnhighlight"
-                @onClick="onFixUntypedParameter"
-            />
+                @onClick="onFixUntypedParameter" />
             <LintSection
                 success-message="All non-optional inputs to workflow steps are connected to formal input parameters."
                 warning-message="Some non-optional inputs are not connected to formal workflow inputs. Formal input parameters
@@ -54,16 +50,14 @@
                 :warning-items="warningDisconnectedInputs"
                 @onMouseOver="onHighlight"
                 @onMouseLeave="onUnhighlight"
-                @onClick="onFixDisconnectedInput"
-            />
+                @onClick="onFixDisconnectedInput" />
             <LintSection
                 success-message="All workflow inputs have labels and annotations."
                 warning-message="Some workflow inputs are missing labels and/or annotations:"
                 :warning-items="warningMissingMetadata"
                 @onMouseOver="onHighlight"
                 @onMouseLeave="onUnhighlight"
-                @onClick="onScrollTo"
-            />
+                @onClick="onScrollTo" />
             <LintSection
                 success-message="This workflow has outputs and they all have valid labels."
                 warning-message="The following workflow outputs have no labels, they should be assigned a useful label or
@@ -71,8 +65,7 @@
                 :warning-items="warningUnlabeledOutputs"
                 @onMouseOver="onHighlight"
                 @onMouseLeave="onUnhighlight"
-                @onClick="onFixUnlabeledOutputs"
-            />
+                @onClick="onFixUnlabeledOutputs" />
             <div v-if="!hasActiveOutputs">
                 <font-awesome-icon icon="exclamation-triangle" class="text-warning" />
                 <span>This workflow has no labeled outputs, please select and label at least one output.</span>
diff --git a/client/src/components/Workflow/Editor/LintSection.vue b/client/src/components/Workflow/Editor/LintSection.vue
index 5b400f6457d..260024109a3 100644
--- a/client/src/components/Workflow/Editor/LintSection.vue
+++ b/client/src/components/Workflow/Editor/LintSection.vue
@@ -13,8 +13,7 @@
                     :key="idx"
                     @mouseover="onMouseOver(item)"
                     @mouseleave="onMouseLeave(item)"
-                    class="ml-2"
-                >
+                    class="ml-2">
                     <a href="#" @click="onClick(item)" class="scrolls">
                         <font-awesome-icon v-if="item.autofix" icon="magic" class="mr-1" />
                         <font-awesome-icon v-else icon="search" class="mr-1" />
diff --git a/client/src/components/Workflow/Editor/MessagesModal.vue b/client/src/components/Workflow/Editor/MessagesModal.vue
index 87e403d7f9e..7f1a28ff0af 100644
--- a/client/src/components/Workflow/Editor/MessagesModal.vue
+++ b/client/src/components/Workflow/Editor/MessagesModal.vue
@@ -9,8 +9,7 @@
         :no-close-on-backdrop="!error"
         :hide-footer="!error"
         ok-only
-        @hidden="onHidden"
-    >
+        @hidden="onHidden">
         <div class="workflow-message-modal">
             <div v-if="message == 'progress'">
                 <div class="progress progress-striped active">
diff --git a/client/src/components/Workflow/Editor/Node.vue b/client/src/components/Workflow/Editor/Node.vue
index 762c3b844b6..f93d6e9d2ac 100644
--- a/client/src/components/Workflow/Editor/Node.vue
+++ b/client/src/components/Workflow/Editor/Node.vue
@@ -3,8 +3,7 @@
         :id="idString"
         :name="name"
         :node-label="label"
-        :class="{ 'workflow-node': true, 'node-on-scroll-to': scrolledTo, 'node-highlight': highlight }"
-    >
+        :class="{ 'workflow-node': true, 'node-on-scroll-to': scrolledTo, 'node-highlight': highlight }">
         <div class="node-header unselectable clearfix">
             <b-button
                 class="node-destroy py-0 float-right"
@@ -13,8 +12,7 @@
                 aria-label="destroy node"
                 v-b-tooltip.hover
                 title="Remove"
-                @click="onRemove"
-            >
+                @click="onRemove">
                 <i class="fa fa-times" />
             </b-button>
             <b-button
@@ -23,8 +21,7 @@
                 class="node-recommendations py-0 float-right"
                 variant="primary"
                 size="sm"
-                aria-label="tool recommendations"
-            >
+                aria-label="tool recommendations">
                 <i class="fa fa-arrow-right" />
             </b-button>
             <b-popover :target="popoverId" triggers="hover" placement="bottom" :show.sync="popoverShow">
@@ -32,8 +29,7 @@
                     :get-node="getNode"
                     :get-manager="getManager"
                     :datatypes-mapper="datatypesMapper"
-                    @onCreate="onCreate"
-                />
+                    @onCreate="onCreate" />
             </b-popover>
             <b-button
                 v-if="canClone"
@@ -43,8 +39,7 @@
                 aria-label="clone node"
                 v-b-tooltip.hover
                 title="Duplicate"
-                @click="onClone"
-            >
+                @click="onClone">
                 <i class="fa fa-files-o" />
             </b-button>
             <i :class="iconClass" />
@@ -64,8 +59,7 @@
                 :datatypes-mapper="datatypesMapper"
                 @onAdd="onAddInput"
                 @onRemove="onRemoveInput"
-                @onChange="onChange"
-            />
+                @onChange="onChange" />
             <div v-if="showRule" class="rule" />
             <node-output
                 v-for="output in outputs"
@@ -76,8 +70,7 @@
                 @onAdd="onAddOutput"
                 @onRemove="onRemoveOutput"
                 @onToggle="onToggleOutput"
-                @onChange="onChange"
-            />
+                @onChange="onChange" />
         </div>
     </div>
 </template>
diff --git a/client/src/components/Workflow/Editor/NodeOutput.vue b/client/src/components/Workflow/Editor/NodeOutput.vue
index e445932fb36..7bf63e14afe 100644
--- a/client/src/components/Workflow/Editor/NodeOutput.vue
+++ b/client/src/components/Workflow/Editor/NodeOutput.vue
@@ -5,8 +5,7 @@
             :class="['callout-terminal', output.name]"
             @click="onToggle"
             v-b-tooltip
-            title="Unchecked outputs will be hidden and are not available as subworkflow outputs."
-        >
+            title="Unchecked outputs will be hidden and are not available as subworkflow outputs.">
             <i :class="['mark-terminal', activeClass]" />
         </div>
         {{ label }}
diff --git a/client/src/components/Workflow/Editor/Options.vue b/client/src/components/Workflow/Editor/Options.vue
index da81a9dbc16..326bf19b628 100644
--- a/client/src/components/Workflow/Editor/Options.vue
+++ b/client/src/components/Workflow/Editor/Options.vue
@@ -8,8 +8,7 @@
             aria-label="Edit Attributes"
             class="editor-button-attributes"
             v-b-tooltip.hover
-            @click="$emit('onAttributes')"
-        >
+            @click="$emit('onAttributes')">
             <span class="fa fa-pencil-alt" />
         </b-button>
         <b-button-group class="editor-button-save-group" v-b-tooltip title="Save Workflow">
@@ -20,8 +19,7 @@
                 aria-label="Save Workflow"
                 class="editor-button-save"
                 :disabled="!hasChanges"
-                @click="$emit('onSave')"
-            >
+                @click="$emit('onSave')">
                 <span class="fa fa-floppy-o" />
             </b-button>
         </b-button-group>
@@ -33,8 +31,7 @@
             aria-label="Edit Report"
             class="editor-button-report"
             v-b-tooltip.hover
-            @click="$emit('onReport')"
-        >
+            @click="$emit('onReport')">
             <span class="fa fa-edit" />
         </b-button>
         <b-dropdown
@@ -46,8 +43,7 @@
             variant="link"
             aria-label="Workflow Options"
             class="editor-button-options"
-            v-b-tooltip.hover
-        >
+            v-b-tooltip.hover>
             <template v-slot:button-content>
                 <span class="fa fa-cog" />
             </template>
@@ -75,8 +71,7 @@
             aria-label="Run Workflow"
             class="editor-button-run"
             v-b-tooltip.hover
-            @click="$emit('onRun')"
-        >
+            @click="$emit('onRun')">
             <span class="fa fa-play" />
         </b-button>
     </div>
diff --git a/client/src/components/Workflow/Editor/ZoomControl.vue b/client/src/components/Workflow/Editor/ZoomControl.vue
index ecaba95e17b..4dedede3292 100644
--- a/client/src/components/Workflow/Editor/ZoomControl.vue
+++ b/client/src/components/Workflow/Editor/ZoomControl.vue
@@ -7,8 +7,7 @@
             size="sm"
             aria-label="Zoom Out"
             v-b-tooltip.hover
-            @click="onZoomOut"
-        />
+            @click="onZoomOut" />
         <b-button
             role="button"
             class="zoom-reset"
@@ -17,8 +16,7 @@
             size="sm"
             aria-label="Reset Zoom Level"
             v-b-tooltip.hover
-            @click="onZoomReset"
-        >
+            @click="onZoomReset">
             {{ this.zoomPercentage }}%
         </b-button>
         <b-button
@@ -28,8 +26,7 @@
             size="sm"
             aria-label="Zoom In"
             v-b-tooltip.hover
-            @click="onZoomIn"
-        />
+            @click="onZoomIn" />
     </span>
 </template>
 
diff --git a/client/src/components/Workflow/Invocations.vue b/client/src/components/Workflow/Invocations.vue
index 9e655d3da27..ee35740bba1 100644
--- a/client/src/components/Workflow/Invocations.vue
+++ b/client/src/components/Workflow/Invocations.vue
@@ -20,8 +20,7 @@
                 striped
                 caption-top
                 :busy="loading"
-                fixed
-            >
+                fixed>
                 <template v-slot:row-details="row">
                     <b-card>
                         <small class="float-right" :data-invocation-id="row.item.id">
@@ -29,8 +28,7 @@
                         </small>
                         <workflow-invocation-state
                             :invocation-id="row.item.id"
-                            @invocation-cancelled="$emit('reload-invocations')"
-                        />
+                            @invocation-cancelled="$emit('reload-invocations')" />
                     </b-card>
                 </template>
                 <template v-slot:cell(workflow_id)="data">
@@ -39,8 +37,7 @@
                         v-b-tooltip
                         title="Show Invocation details"
                         href="#"
-                        @click.stop="swapRowDetails(data)"
-                    >
+                        @click.stop="swapRowDetails(data)">
                         <b>{{ getWorkflowNameByInstanceId(data.item.workflow_id) }}</b>
                     </b-link>
                 </template>
@@ -50,8 +47,7 @@
                         v-b-tooltip
                         title="Switch to History"
                         href="#"
-                        @click.stop="switchHistory(data.item.history_id)"
-                    >
+                        @click.stop="switchHistory(data.item.history_id)">
                         <b>{{ getHistoryNameById(data.item.history_id) }}</b>
                     </b-link>
                 </template>
@@ -67,8 +63,7 @@
                         id="run-workflow"
                         title="Run Workflow"
                         class="workflow-run btn-sm btn-primary fa fa-play"
-                        @click.stop="executeWorkflow(getWorkflowByInstanceId(data.item.workflow_id).id)"
-                    />
+                        @click.stop="executeWorkflow(getWorkflowByInstanceId(data.item.workflow_id).id)" />
                 </template>
             </b-table>
         </div>
diff --git a/client/src/components/Workflow/Run/WorkflowRun.vue b/client/src/components/Workflow/Run/WorkflowRun.vue
index 8cad734e963..218125cc5fa 100644
--- a/client/src/components/Workflow/Run/WorkflowRun.vue
+++ b/client/src/components/Workflow/Run/WorkflowRun.vue
@@ -33,14 +33,12 @@
                     :use-job-cache="simpleFormUseJobCache"
                     @submissionSuccess="handleInvocations"
                     @submissionError="handleSubmissionError"
-                    @showAdvanced="showAdvanced"
-                />
+                    @showAdvanced="showAdvanced" />
                 <workflow-run-form
                     v-else
                     :model="model"
                     @submissionSuccess="handleInvocations"
-                    @submissionError="handleSubmissionError"
-                />
+                    @submissionError="handleSubmissionError" />
             </div>
         </span>
     </span>
diff --git a/client/src/components/Workflow/Run/WorkflowRunDefaultStep.vue b/client/src/components/Workflow/Run/WorkflowRunDefaultStep.vue
index 8431e61f6dc..6931d8c5fd3 100644
--- a/client/src/components/Workflow/Run/WorkflowRunDefaultStep.vue
+++ b/client/src/components/Workflow/Run/WorkflowRunDefaultStep.vue
@@ -7,8 +7,7 @@
                     :inputs="inputs"
                     :validation-scroll-to="validationScrollTo"
                     @onChange="onChange"
-                    @onValidation="onValidation"
-                />
+                    @onValidation="onValidation" />
                 <div v-else class="py-2">No options available.</div>
             </template>
         </FormCard>
diff --git a/client/src/components/Workflow/Run/WorkflowRunForm.vue b/client/src/components/Workflow/Run/WorkflowRunForm.vue
index 0fa14031516..2135110298e 100644
--- a/client/src/components/Workflow/Run/WorkflowRunForm.vue
+++ b/client/src/components/Workflow/Run/WorkflowRunForm.vue
@@ -9,8 +9,7 @@
                         class="float-right"
                         title="Run Workflow"
                         :wait="showExecuting"
-                        @onClick="onExecute"
-                    />
+                        @onClick="onExecute" />
                 </div>
                 <FormCard v-if="wpInputsAvailable" title="Workflow Parameters">
                     <template v-slot:body>
@@ -28,8 +27,7 @@
                             title="Attempt to re-use jobs with identical parameters?"
                             help="This may skip executing jobs that you have already run."
                             type="boolean"
-                            v-model="useCachedJobs"
-                        />
+                            v-model="useCachedJobs" />
                     </template>
                 </FormCard>
                 <FormCard v-if="resourceInputsAvailable" title="Workflow Resource Options">
@@ -46,15 +44,13 @@
                         :wp-data="wpData"
                         :history-id="currentHistoryId"
                         @onChange="onToolStepInputs"
-                        @onValidation="onValidation"
-                    />
+                        @onValidation="onValidation" />
                     <WorkflowRunDefaultStep
                         v-else
                         :model="step"
                         :validation-scroll-to="getValidationScrollTo(step.index)"
                         @onChange="onDefaultStepInputs"
-                        @onValidation="onValidation"
-                    />
+                        @onValidation="onValidation" />
                 </div>
             </div>
         </UserHistories>
diff --git a/client/src/components/Workflow/Run/WorkflowRunSuccess.vue b/client/src/components/Workflow/Run/WorkflowRunSuccess.vue
index 8b11155a155..fb36b74df7f 100644
--- a/client/src/components/Workflow/Run/WorkflowRunSuccess.vue
+++ b/client/src/components/Workflow/Run/WorkflowRunSuccess.vue
@@ -22,8 +22,7 @@
             v-for="(invocation, index) in invocations"
             :key="invocation.id"
             :index="index"
-            :invocation-id="invocation.id"
-        />
+            :invocation-id="invocation.id" />
         <div id="webhook-view"></div>
     </div>
 </template>
diff --git a/client/src/components/Workflow/Run/WorkflowRunToolStep.vue b/client/src/components/Workflow/Run/WorkflowRunToolStep.vue
index 787224b7a16..ba92ed1d8d9 100644
--- a/client/src/components/Workflow/Run/WorkflowRunToolStep.vue
+++ b/client/src/components/Workflow/Run/WorkflowRunToolStep.vue
@@ -14,8 +14,7 @@
                     collapsed-disable-text="Undo"
                     collapsed-disable-icon="fa fa-undo"
                     @onChange="onChange"
-                    @onValidation="onValidation"
-                />
+                    @onValidation="onValidation" />
             </template>
         </FormCard>
     </div>
diff --git a/client/src/components/Workflow/TrsImport.vue b/client/src/components/Workflow/TrsImport.vue
index f35b9d55ff4..64b22ab9db7 100644
--- a/client/src/components/Workflow/TrsImport.vue
+++ b/client/src/components/Workflow/TrsImport.vue
@@ -8,8 +8,7 @@
                     :query-trs-server="queryTrsServer"
                     :query-trs-id="queryTrsId"
                     @onTrsSelection="onTrsSelection"
-                    @onError="onTrsSelectionError"
-                />
+                    @onError="onTrsSelectionError" />
             </div>
             <div v-if="isAutoImport && !hasErrorMessage" class="text-center my-2">
                 <b-spinner class="align-middle"></b-spinner>
diff --git a/client/src/components/Workflow/TrsSearch.vue b/client/src/components/Workflow/TrsSearch.vue
index 0714167d933..5b0977ee87f 100644
--- a/client/src/components/Workflow/TrsSearch.vue
+++ b/client/src/components/Workflow/TrsSearch.vue
@@ -38,8 +38,7 @@
                 striped
                 caption-top
                 @row-clicked="showRowDetails"
-                :busy="searching"
-            >
+                :busy="searching">
                 <template v-slot:row-details="row">
                     <b-card>
                         <trs-tool :trs-tool="row.item.data" @onImport="importVersion(row.item.data.id, $event)" />
diff --git a/client/src/components/Workflow/TrsServerSelection.vue b/client/src/components/Workflow/TrsServerSelection.vue
index f4b92144e96..46497ad2c29 100644
--- a/client/src/components/Workflow/TrsServerSelection.vue
+++ b/client/src/components/Workflow/TrsServerSelection.vue
@@ -7,8 +7,7 @@
                 data-toggle="dropdown"
                 aria-haspopup="true"
                 aria-expanded="false"
-                class="font-weight-bold"
-            >
+                class="font-weight-bold">
                 {{ selection.label }}
                 <span class="fa fa-caret-down" />
             </b-link>
diff --git a/client/src/components/Workflow/TrsTool.vue b/client/src/components/Workflow/TrsTool.vue
index 03e7f7d47e4..a420402084f 100644
--- a/client/src/components/Workflow/TrsTool.vue
+++ b/client/src/components/Workflow/TrsTool.vue
@@ -19,8 +19,7 @@
                     <b-button
                         class="m-1 workflow-import"
                         :data-version-name="version.name"
-                        @click="importVersion(version)"
-                    >
+                        @click="importVersion(version)">
                         {{ version.name }}
                         <font-awesome-icon icon="upload" />
                     </b-button>
diff --git a/client/src/components/Workflow/WorkflowDropdown.vue b/client/src/components/Workflow/WorkflowDropdown.vue
index aa955d81b9c..a02444793c2 100644
--- a/client/src/components/Workflow/WorkflowDropdown.vue
+++ b/client/src/components/Workflow/WorkflowDropdown.vue
@@ -5,8 +5,7 @@
             class="workflow-dropdown font-weight-bold"
             data-toggle="dropdown"
             aria-haspopup="true"
-            aria-expanded="false"
-        >
+            aria-expanded="false">
             <font-awesome-icon icon="caret-down" />
             <span>{{ workflow.name }}</span>
         </b-link>
diff --git a/client/src/components/Workflow/WorkflowList.vue b/client/src/components/Workflow/WorkflowList.vue
index 28184d0745a..a65bb3133c5 100644
--- a/client/src/components/Workflow/WorkflowList.vue
+++ b/client/src/components/Workflow/WorkflowList.vue
@@ -17,8 +17,7 @@
                             :placeholder="titleSearchWorkflows"
                             autocomplete="off"
                             type="text"
-                            v-model="filter"
-                        />
+                            v-model="filter" />
                     </b-col>
                     <b-col>
                         <span class="float-right">
@@ -39,8 +38,7 @@
                     :fields="fields"
                     :items="workflows"
                     :filter="filter"
-                    @filtered="filtered"
-                >
+                    @filtered="filtered">
                     <template v-slot:cell(name)="row">
                         <WorkflowDropdown
                             :workflow="row.item"
@@ -48,8 +46,7 @@
                             @onRemove="onRemove"
                             @onUpdate="onUpdate"
                             @onSuccess="onSuccess"
-                            @onError="onError"
-                        />
+                            @onError="onError" />
                     </template>
                     <template v-slot:cell(tags)="row">
                         <Tags :index="row.index" :tags="row.item.tags" @input="onTags" />
@@ -74,8 +71,7 @@
                             v-b-tooltip.hover.bottom
                             :title="titleRunWorkflow"
                             class="workflow-run btn-sm btn-primary fa fa-play"
-                            @click.stop="executeWorkflow(row.item)"
-                        />
+                            @click.stop="executeWorkflow(row.item)" />
                     </template>
                 </b-table>
                 <div v-if="showNotFound">
diff --git a/client/src/components/WorkflowInvocationState/WorkflowInvocationDetails.vue b/client/src/components/WorkflowInvocationState/WorkflowInvocationDetails.vue
index 7a9a8b589da..1945ed4513e 100644
--- a/client/src/components/WorkflowInvocationState/WorkflowInvocationDetails.vue
+++ b/client/src/components/WorkflowInvocationState/WorkflowInvocationDetails.vue
@@ -12,8 +12,7 @@
                 <div
                     v-for="(input, key) in invocation.inputs"
                     :key="input.id"
-                    :data-label="dataInputStepLabel(key, input)"
-                >
+                    :data-label="dataInputStepLabel(key, input)">
                     <b>{{ dataInputStepLabel(key, input) }}</b>
                     <generic-history-content :data_item="input" />
                 </div>
@@ -46,8 +45,7 @@
                     :ordered-steps="orderedSteps"
                     :key="step.id"
                     :workflow="workflow"
-                    :workflow-step="step"
-                />
+                    :workflow-step="step" />
             </details>
         </div>
     </div>
diff --git a/client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue b/client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue
index 7ed90640a9d..928e69e9dd4 100644
--- a/client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue
+++ b/client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue
@@ -9,8 +9,7 @@
                     class="fa fa-print ml-1 invocation-pdf-link"
                     :href="invocationPdfLink"
                     v-b-tooltip
-                    title="Download PDF"
-                />
+                    title="Download PDF" />
             </span>
         </div>
         <div v-else>
@@ -21,30 +20,26 @@
                 v-if="!invocationSchedulingTerminal"
                 v-b-tooltip.hover
                 title="Cancel scheduling of workflow invocation"
-                @click="cancelWorkflowScheduling"
-            ></span>
+                @click="cancelWorkflowScheduling"></span>
         </div>
         <progress-bar v-if="!stepCount" note="Loading step state summary..." :loading="true" class="steps-progress" />
         <progress-bar
             v-else-if="invocationState == 'cancelled'"
             note="Invocation scheduling cancelled - expected jobs and outputs may not be generated."
             :error-count="1"
-            class="steps-progress"
-        />
+            class="steps-progress" />
         <progress-bar
             v-else-if="invocationState == 'failed'"
             note="Invocation scheduling failed - Galaxy administrator may have additional details in logs."
             :error-count="1"
-            class="steps-progress"
-        />
+            class="steps-progress" />
         <progress-bar
             v-else
             :note="stepStatesStr"
             :total="stepCount"
             :ok-count="stepStates.scheduled"
             :loading="!invocationSchedulingTerminal"
-            class="steps-progress"
-        />
+            class="steps-progress" />
         <progress-bar
             :note="jobStatesStr"
             :total="jobCount"
@@ -53,16 +48,14 @@
             :new-count="newCount"
             :error-count="errorCount"
             :loading="!invocationAndJobTerminal"
-            class="jobs-progress"
-        />
+            class="jobs-progress" />
         <span v-if="invocationAndJobTerminal">
             <a class="bco-json" :href="bcoJSON"><b>Download BioCompute Object</b></a>
         </span>
         <workflow-invocation-details
             v-if="invocation"
             :invocation="invocation"
-            :invocation-and-job-terminal="invocationAndJobTerminal"
-        />
+            :invocation-and-job-terminal="invocationAndJobTerminal" />
     </div>
 </template>
 <script>
diff --git a/client/src/components/WorkflowInvocationState/WorkflowInvocationStep.vue b/client/src/components/WorkflowInvocationState/WorkflowInvocationStep.vue
index 94f65820b0a..92a493d86d0 100644
--- a/client/src/components/WorkflowInvocationState/WorkflowInvocationStep.vue
+++ b/client/src/components/WorkflowInvocationState/WorkflowInvocationStep.vue
@@ -11,15 +11,13 @@
                 <InvocationStepProvider
                     v-if="isReady && invocationStepId !== undefined"
                     :id="invocationStepId"
-                    v-slot="{ item: stepDetails, loading }"
-                >
+                    v-slot="{ item: stepDetails, loading }">
                     <div style="min-width: 1">
                         <loading-span v-if="loading" :message="`Loading invocation step details`"> </loading-span>
                         <div v-else>
                             <details
                                 v-if="Object.values(stepDetails.outputs).length > 0"
-                                class="invocation-step-output-details"
-                            >
+                                class="invocation-step-output-details">
                                 <summary><b>Output Datasets</b></summary>
                                 <div v-for="(value, name) in stepDetails.outputs" :key="value.id">
                                     <b>{{ name }}</b>
@@ -28,8 +26,7 @@
                             </details>
                             <details
                                 v-if="Object.values(stepDetails.output_collections).length > 0"
-                                class="invocation-step-output-collection-details"
-                            >
+                                class="invocation-step-output-collection-details">
                                 <summary><b>Output Dataset Collections</b></summary>
                                 <div v-for="(value, name) in stepDetails.output_collections" :key="value.id">
                                     <b>{{ name }}</b>
@@ -43,12 +40,12 @@
                                 </details>
                                 <parameter-step
                                     v-else-if="workflowStepType == 'parameter_input'"
-                                    :parameters="[invocation.input_step_parameters[stepDetails.workflow_step_label]]"
-                                ></parameter-step>
+                                    :parameters="[
+                                        invocation.input_step_parameters[stepDetails.workflow_step_label],
+                                    ]"></parameter-step>
                                 <generic-history-content
                                     v-else-if="isDataStep && invocation.inputs[workflowStep.id]"
-                                    :data_item="invocation.inputs[workflowStep.id]"
-                                />
+                                    :data_item="invocation.inputs[workflowStep.id]" />
                                 <div v-else-if="workflowStepType == 'subworkflow'">
                                     <div v-if="!stepDetails.subworkflow_invocation_id">
                                         Workflow invocation for this step is not yet scheduled.
@@ -57,16 +54,14 @@
                                         <ul v-if="workflowStep">
                                             <li
                                                 v-for="stepInput in Object.values(workflowStep.input_steps)"
-                                                :key="stepInput.source_step"
-                                            >
+                                                :key="stepInput.source_step">
                                                 {{ labelForWorkflowStep(stepInput.source_step) }}
                                             </li>
                                         </ul>
                                     </div>
                                     <workflow-invocation-state
                                         v-else
-                                        :invocation-id="stepDetails.subworkflow_invocation_id"
-                                    />
+                                        :invocation-id="stepDetails.subworkflow_invocation_id" />
                                 </div>
                             </div>
                         </div>
@@ -74,8 +69,7 @@
                 </InvocationStepProvider>
                 <loading-span
                     v-else
-                    :message="`This invocation has not been scheduled yet, step information is unavailable`"
-                >
+                    :message="`This invocation has not been scheduled yet, step information is unavailable`">
                     <!-- Probably a subworkflow invocation, could walk back to parent and show
                          why step is not scheduled, but that's not necessary for a first pass, I think
                     -->
diff --git a/client/src/components/admin/ActiveInvocations.vue b/client/src/components/admin/ActiveInvocations.vue
index d21bf79364f..224fe4cd783 100644
--- a/client/src/components/admin/ActiveInvocations.vue
+++ b/client/src/components/admin/ActiveInvocations.vue
@@ -4,8 +4,7 @@
         :loading="loading"
         header-message="Workflow invocations that are still being scheduled are displayed on this page."
         no-invocations-message="There are no scheduling workflow invocations to show currently."
-        :owner-grid="false"
-    >
+        :owner-grid="false">
     </invocations>
 </template>
 
diff --git a/client/src/components/admin/BaseList.vue b/client/src/components/admin/BaseList.vue
index 77b892cdb71..1a9d07ffa7b 100644
--- a/client/src/components/admin/BaseList.vue
+++ b/client/src/components/admin/BaseList.vue
@@ -8,8 +8,7 @@
                 :disabled="busy"
                 @click.prevent="executeAll()"
                 :title="tooltipAll"
-                data-placement="bottom"
-            >
+                data-placement="bottom">
                 <span :class="icon" />
             </b-button>
             {{ plural }} available.
@@ -21,8 +20,7 @@
                     :disabled="busy"
                     :title="tooltip"
                     data-placement="bottom"
-                    @click.prevent="execute([data.item.id])"
-                >
+                    @click.prevent="execute([data.item.id])">
                     <span :class="icon" />
                 </b-button>
             </template>
diff --git a/client/src/components/admin/DataManager/DataManager.vue b/client/src/components/admin/DataManager/DataManager.vue
index 57a3b492bee..56d23695779 100644
--- a/client/src/components/admin/DataManager/DataManager.vue
+++ b/client/src/components/admin/DataManager/DataManager.vue
@@ -18,8 +18,7 @@
                                 <b-form-input
                                     v-model="filter"
                                     placeholder="Type to Search"
-                                    @keyup.esc.native="filter = ''"
-                                />
+                                    @keyup.esc.native="filter = ''" />
                                 <b-input-group-append>
                                     <b-btn :disabled="!filter" @click="filter = ''">Clear (esc)</b-btn>
                                 </b-input-group-append>
@@ -37,8 +36,7 @@
                                     :href="dataManager['toolUrl']"
                                     target="_blank"
                                     variant="primary"
-                                    :id="kebabCase(dataManager['name'])"
-                                >
+                                    :id="kebabCase(dataManager['name'])">
                                     <div>{{ dataManager["name"] }}</div>
                                     <div v-if="dataManager['description']">
                                         <i>{{ dataManager["description"] }}</i>
@@ -49,8 +47,7 @@
                                         name: 'DataManagerJobs',
                                         params: { id: encodeURIComponent(dataManager['id']) },
                                     }"
-                                    :id="kebabCase(dataManager['name']) + '-jobs'"
-                                >
+                                    :id="kebabCase(dataManager['name']) + '-jobs'">
                                     Jobs
                                 </b-button>
                             </b-button-group>
@@ -64,8 +61,7 @@
                             :key="index"
                             :to="{ name: 'DataManagerTable', params: { name: dataTable['name'] } }"
                             :id="kebabCase(dataTable['name']) + '-table'"
-                            :variant="dataTable['managed'] === true ? 'primary' : 'link'"
-                        >
+                            :variant="dataTable['managed'] === true ? 'primary' : 'link'">
                             {{ dataTable["name"] }}
                             <b-badge v-if="dataTable['managed'] === true" variant="primary" pill
                                 ><span class="fa fa-exchange"
diff --git a/client/src/components/admin/DataManager/DataManagerJob.vue b/client/src/components/admin/DataManager/DataManagerJob.vue
index 26838183f28..b1198b9a66c 100644
--- a/client/src/components/admin/DataManager/DataManagerJob.vue
+++ b/client/src/components/admin/DataManager/DataManagerJob.vue
@@ -13,8 +13,7 @@
                         header-text-variant="white"
                         border-variant="primary"
                         class="mb-3"
-                        id="data-manager-card"
-                    >
+                        id="data-manager-card">
                         <template v-slot:header>
                             <b-container>
                                 <b-row align-v="center">
@@ -40,8 +39,7 @@
                                                         v-b-tooltip.hover
                                                         title="View complete info"
                                                         :href="hdaInfo[i]['infoUrl']"
-                                                        target="galaxy_main"
-                                                    >
+                                                        target="galaxy_main">
                                                         <span class="fa fa-info-circle" />
                                                     </b-button>
                                                 </b-col>
@@ -61,8 +59,7 @@
                                 small
                                 stacked
                                 hover
-                                striped
-                            >
+                                striped>
                                 <template v-slot:table-caption>
                                     Data Table: <b>{{ output[0] }}</b>
                                 </template>
diff --git a/client/src/components/admin/DataManager/DataManagerJobs.vue b/client/src/components/admin/DataManager/DataManagerJobs.vue
index 0c521ed4a14..fccc5ef4f0a 100644
--- a/client/src/components/admin/DataManager/DataManagerJobs.vue
+++ b/client/src/components/admin/DataManager/DataManagerJobs.vue
@@ -14,8 +14,7 @@
                                 <b-form-input
                                     v-model="filter"
                                     placeholder="Type to Search"
-                                    @keyup.esc.native="filter = ''"
-                                />
+                                    @keyup.esc.native="filter = ''" />
                                 <b-input-group-append>
                                     <b-btn :disabled="!filter" @click="filter = ''">Clear (esc)</b-btn>
                                 </b-input-group-append>
@@ -38,8 +37,7 @@
                 hover
                 responsive
                 striped
-                id="jobs-table"
-            >
+                id="jobs-table">
                 <template v-slot:cell(actions)="row">
                     <b-button-group>
                         <b-button v-b-tooltip.hover title="Rerun" target="_top" :href="jobs[row.index]['runUrl']">
@@ -49,15 +47,13 @@
                             v-b-tooltip.hover
                             title="View Info"
                             :to="{ name: 'DataManagerJob', params: { id: jobs[row.index]['encId'] } }"
-                            :id="'job-' + jobs[row.index]['encId']"
-                        >
+                            :id="'job-' + jobs[row.index]['encId']">
                             <span class="fa fa-info-circle" />
                         </b-button>
                         <b-button
                             v-if="!showCommandLine"
                             @click.stop="row.toggleDetails()"
-                            :pressed.sync="row.detailsShowing"
-                        >
+                            :pressed.sync="row.detailsShowing">
                             {{ row.detailsShowing ? "Hide" : "Show" }} Command Line
                         </b-button>
                     </b-button-group>
diff --git a/client/src/components/admin/DataManager/DataManagerTable.vue b/client/src/components/admin/DataManager/DataManagerTable.vue
index 9d91baf9020..36519717c9f 100644
--- a/client/src/components/admin/DataManager/DataManagerTable.vue
+++ b/client/src/components/admin/DataManager/DataManagerTable.vue
@@ -7,8 +7,7 @@
         <Alert
             v-else-if="dataTable && !dataTable['data'].length"
             message="There are currently no entries in this tool data table."
-            variant="primary"
-        />
+            variant="primary" />
         <b-container v-else-if="dataTable">
             <b-row>
                 <b-col>
@@ -32,8 +31,7 @@
                             :items="dataTable['data']"
                             small
                             hover
-                            striped
-                        />
+                            striped />
                     </b-card>
                 </b-col>
             </b-row>
diff --git a/client/src/components/admin/DataTables.vue b/client/src/components/admin/DataTables.vue
index 0bfa36ee482..4f6bb6a6ebe 100644
--- a/client/src/components/admin/DataTables.vue
+++ b/client/src/components/admin/DataTables.vue
@@ -6,8 +6,7 @@
             v-if="status !== 'error'"
             v-bind="currentProps"
             @changeview="showDataManager"
-            @reloaddatamanager="reloadDataManager"
-        >
+            @reloaddatamanager="reloadDataManager">
         </component>
     </div>
 </template>
diff --git a/client/src/components/admin/DataTypes.vue b/client/src/components/admin/DataTypes.vue
index c46a4f307b6..e8088ba26e3 100644
--- a/client/src/components/admin/DataTypes.vue
+++ b/client/src/components/admin/DataTypes.vue
@@ -6,8 +6,7 @@
             :columns="columns"
             :rows="dataTypes"
             :is-loaded="isDataLoaded"
-            id="data-types-grid"
-        >
+            id="data-types-grid">
             <template v-slot:title>
                 <p>Current data types registry contains {{ dataTypes.length }} data types.</p>
                 <input type="checkbox" id="showAllColumns" v-model="showAllColumns" />
diff --git a/client/src/components/admin/Dependencies/ContainerIndex.vue b/client/src/components/admin/Dependencies/ContainerIndex.vue
index b87d158bd10..0d3fb0e8e8d 100644
--- a/client/src/components/admin/Dependencies/ContainerIndex.vue
+++ b/client/src/components/admin/Dependencies/ContainerIndex.vue
@@ -2,8 +2,7 @@
     <dependency-index-wrapper
         :error="error"
         :loading="loading"
-        loading-message="Loading container resolution information"
-    >
+        loading-message="Loading container resolution information">
         <template v-slot:header>
             <b-row class="m-1">
                 <b-form inline>
@@ -13,15 +12,13 @@
                         class="mb-2 mr-sm-2 mb-sm-0"
                         id="manage-container-type"
                         v-model="containerType"
-                        :options="containerTypeOptions"
-                    ></b-form-select>
+                        :options="containerTypeOptions"></b-form-select>
                     <label class="mr-sm-2" for="manage-resolver-type">using resolvers of type</label>
                     <b-form-select
                         class="mb-2 mr-sm-2 mb-sm-0"
                         id="manage-resolver-type"
                         v-model="resolverType"
-                        :options="resolverTypeOptions"
-                    ></b-form-select>
+                        :options="resolverTypeOptions"></b-form-select>
                 </b-form>
             </b-row>
             <b-row class="m-1">
@@ -31,8 +28,7 @@
                     <b-form-select
                         class="mb-2 mr-sm-2 mb-sm-0"
                         id="manage-filter-resolution"
-                        v-model="filterResolution"
-                    >
+                        v-model="filterResolution">
                         <option :value="null">*any*</option>
                         <option value="unresolved">Unresolved</option>
                         <option value="resolved">Resolved</option>
@@ -45,8 +41,7 @@
                         class="mb-2 mr-sm-2 mb-sm-0"
                         id="manage-filter-container-type"
                         v-model="filterContainerType"
-                        :options="containerTypeOptions"
-                    ></b-form-select>
+                        :options="containerTypeOptions"></b-form-select>
                     <label v-if="filterResolution != 'unresolved'" class="mr-sm-2" for="manage-filter-resolver-type"
                         >Resolvers of type</label
                     >
@@ -55,8 +50,7 @@
                         class="mb-2 mr-sm-2 mb-sm-0"
                         id="manage-filter-resolver-type"
                         v-model="filterResolverType"
-                        :options="resolverTypeOptions"
-                    ></b-form-select>
+                        :options="resolverTypeOptions"></b-form-select>
                 </b-form>
             </b-row>
         </template>
diff --git a/client/src/components/admin/Dependencies/ContainerResolutionDetails.vue b/client/src/components/admin/Dependencies/ContainerResolutionDetails.vue
index 0e88aafbc31..d544ff035e0 100644
--- a/client/src/components/admin/Dependencies/ContainerResolutionDetails.vue
+++ b/client/src/components/admin/Dependencies/ContainerResolutionDetails.vue
@@ -31,8 +31,7 @@
             <div class="col-8">
                 <container-description
                     :container-description="resolution.status.container_description"
-                    :compact="false"
-                />
+                    :compact="false" />
             </div>
         </div>
         <div class="row">
diff --git a/client/src/components/admin/Dependencies/ResolutionDetails.vue b/client/src/components/admin/Dependencies/ResolutionDetails.vue
index b182a7fd0f6..484f90941c7 100644
--- a/client/src/components/admin/Dependencies/ResolutionDetails.vue
+++ b/client/src/components/admin/Dependencies/ResolutionDetails.vue
@@ -57,8 +57,7 @@
                             <div class="col">Dependency Resolver</div>
                             <div class="col">
                                 <dependency-resolver
-                                    :dependency-resolver="resolution.status[index].dependency_resolver"
-                                />
+                                    :dependency-resolver="resolution.status[index].dependency_resolver" />
                             </div>
                         </div>
                     </div>
diff --git a/client/src/components/admin/Dependencies/ResolutionIndex.vue b/client/src/components/admin/Dependencies/ResolutionIndex.vue
index a1f6a446ef7..c39e57b460b 100644
--- a/client/src/components/admin/Dependencies/ResolutionIndex.vue
+++ b/client/src/components/admin/Dependencies/ResolutionIndex.vue
@@ -2,8 +2,7 @@
     <dependency-index-wrapper
         :error="error"
         :loading="loading"
-        loading-message="Loading tool requirement resolution information"
-    >
+        loading-message="Loading tool requirement resolution information">
         <template v-slot:header>
             <b-row class="m-1">
                 <b-form inline>
@@ -13,8 +12,7 @@
                         class="mb-2 mr-sm-2 mb-sm-0"
                         id="manage-resolver-type"
                         v-model="resolverType"
-                        :options="resolverTypeOptions"
-                    ></b-form-select>
+                        :options="resolverTypeOptions"></b-form-select>
                 </b-form>
             </b-row>
             <b-row class="m-1">
@@ -24,8 +22,7 @@
                     <b-form-select
                         class="mb-2 mr-sm-2 mb-sm-0"
                         id="manage-filter-resolution"
-                        v-model="filterResolution"
-                    >
+                        v-model="filterResolution">
                         <option :value="null">*any*</option>
                         <option value="unresolved">Unresolved</option>
                         <option value="resolved">Resolved</option>
@@ -38,8 +35,7 @@
                 <template v-slot:cell(selected)="data">
                     <b-form-checkbox
                         v-model="data.item.selected"
-                        @change="changeToggleCheckboxState($event)"
-                    ></b-form-checkbox>
+                        @change="changeToggleCheckboxState($event)"></b-form-checkbox>
                 </template>
                 <template v-slot:head(selected)="">
                     <b-form-checkbox v-model="toggleState" @change="toggleSelectAll"></b-form-checkbox>
diff --git a/client/src/components/admin/Dependencies/UnusedIndex.vue b/client/src/components/admin/Dependencies/UnusedIndex.vue
index 489d4b46e66..cdb1ac00d61 100644
--- a/client/src/components/admin/Dependencies/UnusedIndex.vue
+++ b/client/src/components/admin/Dependencies/UnusedIndex.vue
@@ -2,8 +2,7 @@
     <dependency-index-wrapper
         :loading="loading"
         :error="error"
-        loading-message="Loading tool dependency resolver information"
-    >
+        loading-message="Loading tool dependency resolver information">
         <template v-slot:body>
             <b-table id="unused-paths-table" striped :fields="fields" :items="items">
                 <template v-slot:cell(selected)="data">
diff --git a/client/src/components/admin/DisplayApplications.vue b/client/src/components/admin/DisplayApplications.vue
index fb896d9c963..544baafb736 100644
--- a/client/src/components/admin/DisplayApplications.vue
+++ b/client/src/components/admin/DisplayApplications.vue
@@ -6,8 +6,7 @@
         plural="display applications"
         success="reloaded"
         :getter="getter"
-        :setter="setter"
-    />
+        :setter="setter" />
 </template>
 <script>
 import BaseList from "./BaseList";
diff --git a/client/src/components/admin/Jobs.vue b/client/src/components/admin/Jobs.vue
index 2b75b68d322..2ad2bf29190 100644
--- a/client/src/components/admin/Jobs.vue
+++ b/client/src/components/admin/Jobs.vue
@@ -26,8 +26,7 @@
                             id="cutoff"
                             label="Cutoff time period"
                             label-for="cutoff-minutes"
-                            description="in minutes"
-                        >
+                            description="in minutes">
                             <b-input-group>
                                 <b-form-input id="cutoff" type="number" v-model="cutoffMin"> </b-form-input>
                                 <b-input-group-append>
@@ -41,14 +40,12 @@
                     <b-form-group
                         label="Filter Jobs"
                         label-for="filter-regex"
-                        description="by strings or regular expressions"
-                    >
+                        description="by strings or regular expressions">
                         <b-input-group id="filter-regex">
                             <b-form-input
                                 v-model="filter"
                                 placeholder="Type to Search"
-                                @keyup.esc.native="filter = ''"
-                            />
+                                @keyup.esc.native="filter = ''" />
                             <b-input-group-append>
                                 <b-btn :disabled="!filter" @click="filter = ''">Clear (esc)</b-btn>
                             </b-input-group-append>
@@ -84,8 +81,7 @@
                 striped
                 caption-top
                 @row-clicked="toggleDetails"
-                :busy="busy"
-            >
+                :busy="busy">
                 <template v-slot:table-caption>
                     These jobs are unfinished and have had their state updated in the previous
                     {{ cutoffMin }} minutes. For currently running jobs, the "Last Update" column should indicate the
@@ -95,16 +91,14 @@
                     <b-form-checkbox
                         v-model="allSelected"
                         :indeterminate="indeterminate"
-                        @change="toggleAll"
-                    ></b-form-checkbox>
+                        @change="toggleAll"></b-form-checkbox>
                 </template>
                 <template v-slot:cell(selected)="data">
                     <b-form-checkbox
                         v-model="selectedStopJobIds"
                         :checked="allSelected"
                         :key="data.index"
-                        :value="data.item['id']"
-                    ></b-form-checkbox>
+                        :value="data.item['id']"></b-form-checkbox>
                 </template>
                 <template v-slot:cell(update_time)="data">
                     <utc-date :date="data.value" mode="elapsed" />
@@ -129,8 +123,7 @@
                 striped
                 caption-top
                 @row-clicked="toggleDetails"
-                :busy="busy"
-            >
+                :busy="busy">
                 <template v-slot:table-caption>
                     These jobs have completed in the previous {{ cutoffMin }} minutes.
                 </template>
diff --git a/client/src/components/admin/ResetMetadata.vue b/client/src/components/admin/ResetMetadata.vue
index 40897d7f456..f66aa186376 100644
--- a/client/src/components/admin/ResetMetadata.vue
+++ b/client/src/components/admin/ResetMetadata.vue
@@ -6,8 +6,7 @@
         plural="metadata entries"
         success="successful"
         :getter="getter"
-        :setter="setter"
-    />
+        :setter="setter" />
 </template>
 <script>
 import BaseList from "./BaseList";
diff --git a/client/src/components/login/Index.vue b/client/src/components/login/Index.vue
index cea03f89b76..efb845bfce2 100644
--- a/client/src/components/login/Index.vue
+++ b/client/src/components/login/Index.vue
@@ -8,8 +8,7 @@
                 :registration_warning_message="registration_warning_message"
                 :mailing_join_addr="mailing_join_addr"
                 :server_mail_configured="server_mail_configured"
-                :terms_url="terms_url"
-            />
+                :terms_url="terms_url" />
         </template>
     </div>
 </template>
diff --git a/client/src/components/login/Register.vue b/client/src/components/login/Register.vue
index 383899d1a87..29724241733 100644
--- a/client/src/components/login/Register.vue
+++ b/client/src/components/login/Register.vue
@@ -28,8 +28,7 @@
                             </b-form-group>
                             <b-form-group
                                 v-if="mailing_join_addr && server_mail_configured"
-                                label="Subscribe to mailing list"
-                            >
+                                label="Subscribe to mailing list">
                                 <input name="subscribe" type="checkbox" v-model="subscribe" />
                             </b-form-group>
                             <b-button name="create" type="submit" :disabled="disableCreate">Create</b-button>