From 6776cc308fd309015695784e7fc744e7e74e7567 Mon Sep 17 00:00:00 2001
From: David 'Epper' Marshall <epper.marshall@gmail.com>
Date: Thu, 14 Sep 2023 12:55:44 -0400
Subject: [PATCH] PascalCase files (#6955)

* PascalCase files

* git mv for file name change

* renamed files

* merge changes from master

* fix: template name

* sort imports

---------

Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com>
Co-authored-by: Jesse Mazzella <jesse.d.mazzella@nasa.gov>
---
 .eslintrc.js                                  | 13 +++++++-
 package.json                                  |  1 +
 src/api/forms/components/controls/Locator.vue |  2 +-
 .../LADTableConfigurationViewProvider.js      |  6 ++--
 src/plugins/LADTable/LADTableView.js          |  2 +-
 .../components/{LADRow.vue => LadRow.vue}     |  0
 .../components/{LADTable.vue => LadTable.vue} |  2 +-
 ...guration.vue => LadTableConfiguration.vue} |  0
 .../LADTable/components/LadTableSet.vue       |  2 +-
 ...Indicator.vue => GlobalClearIndicator.vue} |  0
 src/plugins/clearData/plugin.js               |  2 +-
 .../components/inspector/StyleEditor.vue      |  6 ++--
 .../faultManagement/FaultManagementSearch.vue |  2 +-
 .../{container.vue => Container.vue}          |  6 ++--
 .../components/{dropHint.vue => DropHint.vue} |  0
 ...{flexibleLayout.vue => FlexibleLayout.vue} |  6 ++--
 .../components/{frame.vue => Frame.vue}       |  0
 .../{resizeHandle.vue => ResizeHandle.vue}    |  0
 .../flexibleLayoutViewProvider.js             |  2 +-
 .../imagery/components/Compass/Compass.vue    |  6 ++--
 .../{CompassHUD.vue => CompassHud.vue}        |  0
 .../inspectorViews/elements/ElementsPool.vue  |  2 +-
 .../elements/PlotElementsPool.vue             |  2 +-
 .../styles/StylesInspectorView.vue            |  8 ++---
 src/plugins/notebook/components/Notebook.vue  |  3 +-
 .../tabs/components/{tabs.vue => Tabs.vue}    |  0
 src/plugins/tabs/tabs.js                      |  2 +-
 .../TableConfigurationViewProvider.js         |  2 +-
 .../telemetryTable/TelemetryTableView.js      |  2 +-
 .../{sizing-row.vue => SizingRow.vue}         |  0
 .../components/{table.vue => Table.vue}       | 12 +++----
 .../{table-cell.vue => TableCell.vue}         |  0
 ...olumn-header.vue => TableColumnHeader.vue} |  0
 ...nfiguration.vue => TableConfiguration.vue} |  0
 ...indicator.vue => TableFooterIndicator.vue} |  0
 .../{table-row.vue => TableRow.vue}           |  2 +-
 .../timeConductor/ConductorInputsFixed.vue    |  2 +-
 .../timeConductor/ConductorInputsRealtime.vue |  2 +-
 ...{timePopupFixed.vue => TimePopupFixed.vue} |  0
 ...opupRealtime.vue => TimePopupRealtime.vue} |  0
 ...nuDropDown.vue => ContextMenuDropDown.vue} |  0
 src/ui/components/{search.vue => Search.vue}  |  0
 .../{viewControl.vue => ViewControl.vue}      |  0
 src/ui/layout/Layout.vue                      | 10 +++---
 src/ui/layout/{mct-tree.vue => MctTree.vue}   |  8 ++---
 .../layout/{multipane.vue => Multipane.vue}   |  0
 src/ui/layout/{pane.vue => Pane.vue}          |  0
 src/ui/layout/{tree-item.vue => TreeItem.vue} |  4 +--
 src/ui/layout/search/GrandSearch.vue          |  4 +--
 src/ui/preview/Preview.vue                    |  2 +-
 .../{preview-header.vue => PreviewHeader.vue} |  2 +-
 src/ui/toolbar/Toolbar.vue                    | 32 +++++++++----------
 .../{toolbar-button.vue => ToolbarButton.vue} |  0
 ...olbar-checkbox.vue => ToolbarCheckbox.vue} |  0
 ...olor-picker.vue => ToolbarColorPicker.vue} |  0
 .../{toolbar-input.vue => ToolbarInput.vue}   |  0
 .../{toolbar-menu.vue => ToolbarMenu.vue}     |  0
 ...-select-menu.vue => ToolbarSelectMenu.vue} |  0
 ...bar-separator.vue => ToolbarSeparator.vue} |  0
 ...gle-button.vue => ToolbarToggleButton.vue} |  0
 60 files changed, 85 insertions(+), 74 deletions(-)
 rename src/plugins/LADTable/components/{LADRow.vue => LadRow.vue} (100%)
 rename src/plugins/LADTable/components/{LADTable.vue => LadTable.vue} (99%)
 rename src/plugins/LADTable/components/{LADTableConfiguration.vue => LadTableConfiguration.vue} (100%)
 rename src/plugins/clearData/components/{globalClearIndicator.vue => GlobalClearIndicator.vue} (100%)
 rename src/plugins/flexibleLayout/components/{container.vue => Container.vue} (97%)
 rename src/plugins/flexibleLayout/components/{dropHint.vue => DropHint.vue} (100%)
 rename src/plugins/flexibleLayout/components/{flexibleLayout.vue => FlexibleLayout.vue} (98%)
 rename src/plugins/flexibleLayout/components/{frame.vue => Frame.vue} (100%)
 rename src/plugins/flexibleLayout/components/{resizeHandle.vue => ResizeHandle.vue} (100%)
 rename src/plugins/imagery/components/Compass/{CompassHUD.vue => CompassHud.vue} (100%)
 rename src/plugins/tabs/components/{tabs.vue => Tabs.vue} (100%)
 rename src/plugins/telemetryTable/components/{sizing-row.vue => SizingRow.vue} (100%)
 rename src/plugins/telemetryTable/components/{table.vue => Table.vue} (99%)
 rename src/plugins/telemetryTable/components/{table-cell.vue => TableCell.vue} (100%)
 rename src/plugins/telemetryTable/components/{table-column-header.vue => TableColumnHeader.vue} (100%)
 rename src/plugins/telemetryTable/components/{table-configuration.vue => TableConfiguration.vue} (100%)
 rename src/plugins/telemetryTable/components/{table-footer-indicator.vue => TableFooterIndicator.vue} (100%)
 rename src/plugins/telemetryTable/components/{table-row.vue => TableRow.vue} (99%)
 rename src/plugins/timeConductor/{timePopupFixed.vue => TimePopupFixed.vue} (100%)
 rename src/plugins/timeConductor/{timePopupRealtime.vue => TimePopupRealtime.vue} (100%)
 rename src/ui/components/{contextMenuDropDown.vue => ContextMenuDropDown.vue} (100%)
 rename src/ui/components/{search.vue => Search.vue} (100%)
 rename src/ui/components/{viewControl.vue => ViewControl.vue} (100%)
 rename src/ui/layout/{mct-tree.vue => MctTree.vue} (99%)
 rename src/ui/layout/{multipane.vue => Multipane.vue} (100%)
 rename src/ui/layout/{pane.vue => Pane.vue} (100%)
 rename src/ui/layout/{tree-item.vue => TreeItem.vue} (98%)
 rename src/ui/preview/{preview-header.vue => PreviewHeader.vue} (98%)
 rename src/ui/toolbar/components/{toolbar-button.vue => ToolbarButton.vue} (100%)
 rename src/ui/toolbar/components/{toolbar-checkbox.vue => ToolbarCheckbox.vue} (100%)
 rename src/ui/toolbar/components/{toolbar-color-picker.vue => ToolbarColorPicker.vue} (100%)
 rename src/ui/toolbar/components/{toolbar-input.vue => ToolbarInput.vue} (100%)
 rename src/ui/toolbar/components/{toolbar-menu.vue => ToolbarMenu.vue} (100%)
 rename src/ui/toolbar/components/{toolbar-select-menu.vue => ToolbarSelectMenu.vue} (100%)
 rename src/ui/toolbar/components/{toolbar-separator.vue => ToolbarSeparator.vue} (100%)
 rename src/ui/toolbar/components/{toolbar-toggle-button.vue => ToolbarToggleButton.vue} (100%)

diff --git a/.eslintrc.js b/.eslintrc.js
index f9c7d922bc..66e1c13ae4 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -9,7 +9,7 @@ module.exports = {
   globals: {
     _: 'readonly'
   },
-  plugins: ['prettier', 'simple-import-sort'],
+  plugins: ['prettier', 'unicorn', 'simple-import-sort'],
   extends: [
     'eslint:recommended',
     'plugin:compat/recommended',
@@ -145,6 +145,17 @@ module.exports = {
     'no-implicit-coercion': 'error',
     //https://eslint.org/docs/rules/no-unneeded-ternary
     'no-unneeded-ternary': 'error',
+    "unicorn/filename-case": [
+      "error",
+      {
+        "cases": {
+          "pascalCase": true
+        },
+        "ignore": [
+          "^.*\\.js$"
+        ]
+      }
+    ],
     'vue/first-attribute-linebreak': 'error',
     'vue/multiline-html-element-content-newline': 'off',
     'vue/singleline-html-element-content-newline': 'off',
diff --git a/package.json b/package.json
index f82eef4822..0ffade55bc 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "eslint-plugin-playwright": "0.12.0",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-simple-import-sort": "10.0.0",
+    "eslint-plugin-unicorn": "44.0.2",
     "eslint-plugin-vue": "9.15.0",
     "eslint-plugin-you-dont-need-lodash-underscore": "6.12.0",
     "eventemitter3": "1.2.0",
diff --git a/src/api/forms/components/controls/Locator.vue b/src/api/forms/components/controls/Locator.vue
index 95ce8f890c..371371015a 100644
--- a/src/api/forms/components/controls/Locator.vue
+++ b/src/api/forms/components/controls/Locator.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import MctTree from '@/ui/layout/mct-tree.vue';
+import MctTree from '@/ui/layout/MctTree.vue';
 
 export default {
   components: {
diff --git a/src/plugins/LADTable/LADTableConfigurationViewProvider.js b/src/plugins/LADTable/LADTableConfigurationViewProvider.js
index f69d5a8b75..c9e1de4159 100644
--- a/src/plugins/LADTable/LADTableConfigurationViewProvider.js
+++ b/src/plugins/LADTable/LADTableConfigurationViewProvider.js
@@ -22,7 +22,7 @@
 
 import mount from 'utils/mount';
 
-import LADTableConfigurationComponent from './components/LADTableConfiguration.vue';
+import LadTableConfiguration from './components/LadTableConfiguration.vue';
 
 export default function LADTableConfigurationViewProvider(openmct) {
   return {
@@ -46,12 +46,12 @@ export default function LADTableConfigurationViewProvider(openmct) {
             {
               el: element,
               components: {
-                LADTableConfiguration: LADTableConfigurationComponent
+                LadTableConfiguration
               },
               provide: {
                 openmct
               },
-              template: '<LADTableConfiguration />'
+              template: '<LadTableConfiguration />'
             },
             {
               app: openmct.app,
diff --git a/src/plugins/LADTable/LADTableView.js b/src/plugins/LADTable/LADTableView.js
index 5a4fef2fbe..53a72a90c1 100644
--- a/src/plugins/LADTable/LADTableView.js
+++ b/src/plugins/LADTable/LADTableView.js
@@ -22,7 +22,7 @@
 
 import mount from 'utils/mount';
 
-import LadTable from './components/LADTable.vue';
+import LadTable from './components/LadTable.vue';
 import LADTableConfiguration from './LADTableConfiguration';
 
 export default class LADTableView {
diff --git a/src/plugins/LADTable/components/LADRow.vue b/src/plugins/LADTable/components/LadRow.vue
similarity index 100%
rename from src/plugins/LADTable/components/LADRow.vue
rename to src/plugins/LADTable/components/LadRow.vue
diff --git a/src/plugins/LADTable/components/LADTable.vue b/src/plugins/LADTable/components/LadTable.vue
similarity index 99%
rename from src/plugins/LADTable/components/LADTable.vue
rename to src/plugins/LADTable/components/LadTable.vue
index bff5f4793a..63028eb66a 100644
--- a/src/plugins/LADTable/components/LADTable.vue
+++ b/src/plugins/LADTable/components/LadTable.vue
@@ -53,7 +53,7 @@ import Vue, { toRaw } from 'vue';
 
 import StalenessUtils from '@/utils/staleness';
 
-import LadRow from './LADRow.vue';
+import LadRow from './LadRow.vue';
 
 export default {
   components: {
diff --git a/src/plugins/LADTable/components/LADTableConfiguration.vue b/src/plugins/LADTable/components/LadTableConfiguration.vue
similarity index 100%
rename from src/plugins/LADTable/components/LADTableConfiguration.vue
rename to src/plugins/LADTable/components/LadTableConfiguration.vue
diff --git a/src/plugins/LADTable/components/LadTableSet.vue b/src/plugins/LADTable/components/LadTableSet.vue
index a28e01febf..3fe2e6321e 100644
--- a/src/plugins/LADTable/components/LadTableSet.vue
+++ b/src/plugins/LADTable/components/LadTableSet.vue
@@ -58,7 +58,7 @@
 <script>
 import StalenessUtils from '@/utils/staleness';
 
-import LadRow from './LADRow.vue';
+import LadRow from './LadRow.vue';
 
 export default {
   components: {
diff --git a/src/plugins/clearData/components/globalClearIndicator.vue b/src/plugins/clearData/components/GlobalClearIndicator.vue
similarity index 100%
rename from src/plugins/clearData/components/globalClearIndicator.vue
rename to src/plugins/clearData/components/GlobalClearIndicator.vue
diff --git a/src/plugins/clearData/plugin.js b/src/plugins/clearData/plugin.js
index 88cd092d59..342183998e 100644
--- a/src/plugins/clearData/plugin.js
+++ b/src/plugins/clearData/plugin.js
@@ -22,7 +22,7 @@
 import mount from 'utils/mount';
 
 import ClearDataAction from './ClearDataAction';
-import GlobalClearIndicator from './components/globalClearIndicator.vue';
+import GlobalClearIndicator from './components/GlobalClearIndicator.vue';
 
 export default function plugin(appliesToObjects, options = { indicator: true }) {
   let installIndicator = options.indicator;
diff --git a/src/plugins/condition/components/inspector/StyleEditor.vue b/src/plugins/condition/components/inspector/StyleEditor.vue
index e396743b8c..c2261891e1 100644
--- a/src/plugins/condition/components/inspector/StyleEditor.vue
+++ b/src/plugins/condition/components/inspector/StyleEditor.vue
@@ -88,9 +88,9 @@
 <script>
 import { STYLE_CONSTANTS } from '@/plugins/condition/utils/constants';
 import { getStylesWithoutNoneValue } from '@/plugins/condition/utils/styleUtils';
-import ToolbarButton from '@/ui/toolbar/components/toolbar-button.vue';
-import ToolbarColorPicker from '@/ui/toolbar/components/toolbar-color-picker.vue';
-import ToolbarToggleButton from '@/ui/toolbar/components/toolbar-toggle-button.vue';
+import ToolbarButton from '@/ui/toolbar/components/ToolbarButton.vue';
+import ToolbarColorPicker from '@/ui/toolbar/components/ToolbarColorPicker.vue';
+import ToolbarToggleButton from '@/ui/toolbar/components/ToolbarToggleButton.vue';
 
 export default {
   name: 'StyleEditor',
diff --git a/src/plugins/faultManagement/FaultManagementSearch.vue b/src/plugins/faultManagement/FaultManagementSearch.vue
index a424e78b93..13221819b9 100644
--- a/src/plugins/faultManagement/FaultManagementSearch.vue
+++ b/src/plugins/faultManagement/FaultManagementSearch.vue
@@ -40,7 +40,7 @@
 
 <script>
 import SelectField from '@/api/forms/components/controls/SelectField.vue';
-import Search from '@/ui/components/search.vue';
+import Search from '@/ui/components/Search.vue';
 
 import { FILTER_ITEMS } from './constants';
 
diff --git a/src/plugins/flexibleLayout/components/container.vue b/src/plugins/flexibleLayout/components/Container.vue
similarity index 97%
rename from src/plugins/flexibleLayout/components/container.vue
rename to src/plugins/flexibleLayout/components/Container.vue
index 47b0e1b76e..04c69c88d2 100644
--- a/src/plugins/flexibleLayout/components/container.vue
+++ b/src/plugins/flexibleLayout/components/Container.vue
@@ -75,9 +75,9 @@
 </template>
 
 <script>
-import DropHint from './dropHint.vue';
-import FrameComponent from './frame.vue';
-import ResizeHandle from './resizeHandle.vue';
+import DropHint from './DropHint.vue';
+import FrameComponent from './Frame.vue';
+import ResizeHandle from './ResizeHandle.vue';
 
 const MIN_FRAME_SIZE = 5;
 
diff --git a/src/plugins/flexibleLayout/components/dropHint.vue b/src/plugins/flexibleLayout/components/DropHint.vue
similarity index 100%
rename from src/plugins/flexibleLayout/components/dropHint.vue
rename to src/plugins/flexibleLayout/components/DropHint.vue
diff --git a/src/plugins/flexibleLayout/components/flexibleLayout.vue b/src/plugins/flexibleLayout/components/FlexibleLayout.vue
similarity index 98%
rename from src/plugins/flexibleLayout/components/flexibleLayout.vue
rename to src/plugins/flexibleLayout/components/FlexibleLayout.vue
index 9b5bbcee05..dcaf935068 100644
--- a/src/plugins/flexibleLayout/components/flexibleLayout.vue
+++ b/src/plugins/flexibleLayout/components/FlexibleLayout.vue
@@ -81,9 +81,9 @@
 <script>
 import Container from '../utils/container';
 import Frame from '../utils/frame';
-import ContainerComponent from './container.vue';
-import DropHint from './dropHint.vue';
-import ResizeHandle from './resizeHandle.vue';
+import ContainerComponent from './Container.vue';
+import DropHint from './DropHint.vue';
+import ResizeHandle from './ResizeHandle.vue';
 
 const MIN_CONTAINER_SIZE = 5;
 
diff --git a/src/plugins/flexibleLayout/components/frame.vue b/src/plugins/flexibleLayout/components/Frame.vue
similarity index 100%
rename from src/plugins/flexibleLayout/components/frame.vue
rename to src/plugins/flexibleLayout/components/Frame.vue
diff --git a/src/plugins/flexibleLayout/components/resizeHandle.vue b/src/plugins/flexibleLayout/components/ResizeHandle.vue
similarity index 100%
rename from src/plugins/flexibleLayout/components/resizeHandle.vue
rename to src/plugins/flexibleLayout/components/ResizeHandle.vue
diff --git a/src/plugins/flexibleLayout/flexibleLayoutViewProvider.js b/src/plugins/flexibleLayout/flexibleLayoutViewProvider.js
index ad402524ba..db836b7763 100644
--- a/src/plugins/flexibleLayout/flexibleLayoutViewProvider.js
+++ b/src/plugins/flexibleLayout/flexibleLayoutViewProvider.js
@@ -22,7 +22,7 @@
 
 import mount from 'utils/mount';
 
-import FlexibleLayoutComponent from './components/flexibleLayout.vue';
+import FlexibleLayoutComponent from './components/FlexibleLayout.vue';
 
 const FLEXIBLE_LAYOUT_KEY = 'flexible-layout';
 export default class FlexibleLayoutViewProvider {
diff --git a/src/plugins/imagery/components/Compass/Compass.vue b/src/plugins/imagery/components/Compass/Compass.vue
index 9be17a629b..a588e7b7ea 100644
--- a/src/plugins/imagery/components/Compass/Compass.vue
+++ b/src/plugins/imagery/components/Compass/Compass.vue
@@ -22,7 +22,7 @@
 
 <template>
   <div class="c-compass" :style="`width: 100%; height: 100%`">
-    <CompassHUD
+    <compass-hud
       :camera-angle-of-view="cameraAngleOfView"
       :heading="heading"
       :camera-azimuth="cameraAzimuth"
@@ -45,13 +45,13 @@
 </template>
 
 <script>
-import CompassHUD from './CompassHUD.vue';
+import CompassHud from './CompassHud.vue';
 import CompassRose from './CompassRose.vue';
 import { rotate } from './utils';
 
 export default {
   components: {
-    CompassHUD,
+    CompassHud,
     CompassRose
   },
   props: {
diff --git a/src/plugins/imagery/components/Compass/CompassHUD.vue b/src/plugins/imagery/components/Compass/CompassHud.vue
similarity index 100%
rename from src/plugins/imagery/components/Compass/CompassHUD.vue
rename to src/plugins/imagery/components/Compass/CompassHud.vue
diff --git a/src/plugins/inspectorViews/elements/ElementsPool.vue b/src/plugins/inspectorViews/elements/ElementsPool.vue
index b602d20aec..14295e7453 100644
--- a/src/plugins/inspectorViews/elements/ElementsPool.vue
+++ b/src/plugins/inspectorViews/elements/ElementsPool.vue
@@ -53,7 +53,7 @@
 <script>
 import _ from 'lodash';
 
-import Search from '../../../ui/components/search.vue';
+import Search from '../../../ui/components/Search.vue';
 import ElementItem from './ElementItem.vue';
 
 export default {
diff --git a/src/plugins/inspectorViews/elements/PlotElementsPool.vue b/src/plugins/inspectorViews/elements/PlotElementsPool.vue
index 6bdad68cdb..7c6b54d436 100644
--- a/src/plugins/inspectorViews/elements/PlotElementsPool.vue
+++ b/src/plugins/inspectorViews/elements/PlotElementsPool.vue
@@ -71,7 +71,7 @@
 <script>
 import _ from 'lodash';
 
-import Search from '../../../ui/components/search.vue';
+import Search from '../../../ui/components/Search.vue';
 import configStore from '../../plot/configuration/ConfigStore';
 import ElementItem from './ElementItem.vue';
 import ElementItemGroup from './ElementItemGroup.vue';
diff --git a/src/plugins/inspectorViews/styles/StylesInspectorView.vue b/src/plugins/inspectorViews/styles/StylesInspectorView.vue
index c9f30d67c5..089ac93efd 100644
--- a/src/plugins/inspectorViews/styles/StylesInspectorView.vue
+++ b/src/plugins/inspectorViews/styles/StylesInspectorView.vue
@@ -36,14 +36,14 @@
 <script>
 import StylesView from '@/plugins/condition/components/inspector/StylesView.vue';
 
-import multipane from '../../../ui/layout/multipane.vue';
-import pane from '../../../ui/layout/pane.vue';
+import Multipane from '../../../ui/layout/Multipane.vue';
+import Pane from '../../../ui/layout/Pane.vue';
 import SavedStylesInspectorView from './SavedStylesInspectorView.vue';
 
 export default {
   components: {
-    multipane,
-    pane,
+    Multipane,
+    Pane,
     StylesView,
     SavedStylesInspectorView
   },
diff --git a/src/plugins/notebook/components/Notebook.vue b/src/plugins/notebook/components/Notebook.vue
index 246c753d18..277c6988df 100644
--- a/src/plugins/notebook/components/Notebook.vue
+++ b/src/plugins/notebook/components/Notebook.vue
@@ -157,7 +157,7 @@
 <script>
 import { debounce } from 'lodash';
 
-import Search from '@/ui/components/search.vue';
+import Search from '@/ui/components/Search.vue';
 
 import ProgressBar from '../../../ui/components/ProgressBar.vue';
 import objectLink from '../../../ui/mixins/object-link';
@@ -184,7 +184,6 @@ import {
 import NotebookEntry from './NotebookEntry.vue';
 import SearchResults from './SearchResults.vue';
 import Sidebar from './Sidebar.vue';
-
 function objectCopy(obj) {
   return JSON.parse(JSON.stringify(obj));
 }
diff --git a/src/plugins/tabs/components/tabs.vue b/src/plugins/tabs/components/Tabs.vue
similarity index 100%
rename from src/plugins/tabs/components/tabs.vue
rename to src/plugins/tabs/components/Tabs.vue
diff --git a/src/plugins/tabs/tabs.js b/src/plugins/tabs/tabs.js
index 4c2336ad40..392acf39d6 100644
--- a/src/plugins/tabs/tabs.js
+++ b/src/plugins/tabs/tabs.js
@@ -22,7 +22,7 @@
 
 import mount from 'utils/mount';
 
-import TabsComponent from './components/tabs.vue';
+import TabsComponent from './components/Tabs.vue';
 
 const TABS_KEY = 'tabs';
 export default class Tabs {
diff --git a/src/plugins/telemetryTable/TableConfigurationViewProvider.js b/src/plugins/telemetryTable/TableConfigurationViewProvider.js
index d435e1fb8e..945b3f6b6a 100644
--- a/src/plugins/telemetryTable/TableConfigurationViewProvider.js
+++ b/src/plugins/telemetryTable/TableConfigurationViewProvider.js
@@ -22,7 +22,7 @@
 
 import mount from 'utils/mount';
 
-import TableConfigurationComponent from './components/table-configuration.vue';
+import TableConfigurationComponent from './components/TableConfiguration.vue';
 import TelemetryTableConfiguration from './TelemetryTableConfiguration';
 
 export default function TableConfigurationViewProvider(openmct) {
diff --git a/src/plugins/telemetryTable/TelemetryTableView.js b/src/plugins/telemetryTable/TelemetryTableView.js
index f86187c72c..f734625602 100644
--- a/src/plugins/telemetryTable/TelemetryTableView.js
+++ b/src/plugins/telemetryTable/TelemetryTableView.js
@@ -1,6 +1,6 @@
 import mount from 'utils/mount';
 
-import TableComponent from './components/table.vue';
+import TableComponent from './components/Table.vue';
 import TelemetryTable from './TelemetryTable';
 
 export default class TelemetryTableView {
diff --git a/src/plugins/telemetryTable/components/sizing-row.vue b/src/plugins/telemetryTable/components/SizingRow.vue
similarity index 100%
rename from src/plugins/telemetryTable/components/sizing-row.vue
rename to src/plugins/telemetryTable/components/SizingRow.vue
diff --git a/src/plugins/telemetryTable/components/table.vue b/src/plugins/telemetryTable/components/Table.vue
similarity index 99%
rename from src/plugins/telemetryTable/components/table.vue
rename to src/plugins/telemetryTable/components/Table.vue
index 84d0795a63..7da996aa3d 100644
--- a/src/plugins/telemetryTable/components/table.vue
+++ b/src/plugins/telemetryTable/components/Table.vue
@@ -278,12 +278,12 @@ import { toRaw } from 'vue';
 
 import CSVExporter from '../../../exporters/CSVExporter.js';
 import ProgressBar from '../../../ui/components/ProgressBar.vue';
-import search from '../../../ui/components/search.vue';
+import Search from '../../../ui/components/Search.vue';
 import ToggleSwitch from '../../../ui/components/ToggleSwitch.vue';
-import SizingRow from './sizing-row.vue';
-import TableColumnHeader from './table-column-header.vue';
-import TableFooterIndicator from './table-footer-indicator.vue';
-import TelemetryTableRow from './table-row.vue';
+import SizingRow from './SizingRow.vue';
+import TableColumnHeader from './TableColumnHeader.vue';
+import TableFooterIndicator from './TableFooterIndicator.vue';
+import TelemetryTableRow from './TableRow.vue';
 
 const VISIBLE_ROW_COUNT = 100;
 const ROW_HEIGHT = 17;
@@ -294,7 +294,7 @@ export default {
   components: {
     TelemetryTableRow,
     TableColumnHeader,
-    search,
+    Search,
     TableFooterIndicator,
     ToggleSwitch,
     SizingRow,
diff --git a/src/plugins/telemetryTable/components/table-cell.vue b/src/plugins/telemetryTable/components/TableCell.vue
similarity index 100%
rename from src/plugins/telemetryTable/components/table-cell.vue
rename to src/plugins/telemetryTable/components/TableCell.vue
diff --git a/src/plugins/telemetryTable/components/table-column-header.vue b/src/plugins/telemetryTable/components/TableColumnHeader.vue
similarity index 100%
rename from src/plugins/telemetryTable/components/table-column-header.vue
rename to src/plugins/telemetryTable/components/TableColumnHeader.vue
diff --git a/src/plugins/telemetryTable/components/table-configuration.vue b/src/plugins/telemetryTable/components/TableConfiguration.vue
similarity index 100%
rename from src/plugins/telemetryTable/components/table-configuration.vue
rename to src/plugins/telemetryTable/components/TableConfiguration.vue
diff --git a/src/plugins/telemetryTable/components/table-footer-indicator.vue b/src/plugins/telemetryTable/components/TableFooterIndicator.vue
similarity index 100%
rename from src/plugins/telemetryTable/components/table-footer-indicator.vue
rename to src/plugins/telemetryTable/components/TableFooterIndicator.vue
diff --git a/src/plugins/telemetryTable/components/table-row.vue b/src/plugins/telemetryTable/components/TableRow.vue
similarity index 99%
rename from src/plugins/telemetryTable/components/table-row.vue
rename to src/plugins/telemetryTable/components/TableRow.vue
index 874548f5c9..e5562e9e86 100644
--- a/src/plugins/telemetryTable/components/table-row.vue
+++ b/src/plugins/telemetryTable/components/TableRow.vue
@@ -44,7 +44,7 @@
 </template>
 
 <script>
-import TableCell from './table-cell.vue';
+import TableCell from './TableCell.vue';
 
 export default {
   components: {
diff --git a/src/plugins/timeConductor/ConductorInputsFixed.vue b/src/plugins/timeConductor/ConductorInputsFixed.vue
index 26562e3bf0..6dcb65cb6e 100644
--- a/src/plugins/timeConductor/ConductorInputsFixed.vue
+++ b/src/plugins/timeConductor/ConductorInputsFixed.vue
@@ -51,7 +51,7 @@
 import _ from 'lodash';
 
 import { TIME_CONTEXT_EVENTS } from '../../api/time/constants';
-import TimePopupFixed from './timePopupFixed.vue';
+import TimePopupFixed from './TimePopupFixed.vue';
 
 export default {
   components: {
diff --git a/src/plugins/timeConductor/ConductorInputsRealtime.vue b/src/plugins/timeConductor/ConductorInputsRealtime.vue
index 42cffcf1cd..189048fb84 100644
--- a/src/plugins/timeConductor/ConductorInputsRealtime.vue
+++ b/src/plugins/timeConductor/ConductorInputsRealtime.vue
@@ -58,7 +58,7 @@
 import _ from 'lodash';
 
 import { TIME_CONTEXT_EVENTS } from '../../api/time/constants';
-import TimePopupRealtime from './timePopupRealtime.vue';
+import TimePopupRealtime from './TimePopupRealtime.vue';
 
 const DEFAULT_DURATION_FORMATTER = 'duration';
 
diff --git a/src/plugins/timeConductor/timePopupFixed.vue b/src/plugins/timeConductor/TimePopupFixed.vue
similarity index 100%
rename from src/plugins/timeConductor/timePopupFixed.vue
rename to src/plugins/timeConductor/TimePopupFixed.vue
diff --git a/src/plugins/timeConductor/timePopupRealtime.vue b/src/plugins/timeConductor/TimePopupRealtime.vue
similarity index 100%
rename from src/plugins/timeConductor/timePopupRealtime.vue
rename to src/plugins/timeConductor/TimePopupRealtime.vue
diff --git a/src/ui/components/contextMenuDropDown.vue b/src/ui/components/ContextMenuDropDown.vue
similarity index 100%
rename from src/ui/components/contextMenuDropDown.vue
rename to src/ui/components/ContextMenuDropDown.vue
diff --git a/src/ui/components/search.vue b/src/ui/components/Search.vue
similarity index 100%
rename from src/ui/components/search.vue
rename to src/ui/components/Search.vue
diff --git a/src/ui/components/viewControl.vue b/src/ui/components/ViewControl.vue
similarity index 100%
rename from src/ui/components/viewControl.vue
rename to src/ui/components/ViewControl.vue
diff --git a/src/ui/layout/Layout.vue b/src/ui/layout/Layout.vue
index 5c4730fd7f..10b358464a 100644
--- a/src/ui/layout/Layout.vue
+++ b/src/ui/layout/Layout.vue
@@ -159,9 +159,9 @@ import Toolbar from '../toolbar/Toolbar.vue';
 import AppLogo from './AppLogo.vue';
 import BrowseBar from './BrowseBar.vue';
 import CreateButton from './CreateButton.vue';
-import MctTree from './mct-tree.vue';
-import multipane from './multipane.vue';
-import pane from './pane.vue';
+import MctTree from './MctTree.vue';
+import Multipane from './Multipane.vue';
+import Pane from './Pane.vue';
 import RecentObjectsList from './RecentObjectsList.vue';
 import GrandSearch from './search/GrandSearch.vue';
 import Indicators from './status-bar/Indicators.vue';
@@ -174,8 +174,8 @@ export default {
     ObjectView,
     CreateButton,
     GrandSearch,
-    multipane,
-    pane,
+    Multipane,
+    Pane,
     BrowseBar,
     Toolbar,
     AppLogo,
diff --git a/src/ui/layout/mct-tree.vue b/src/ui/layout/MctTree.vue
similarity index 99%
rename from src/ui/layout/mct-tree.vue
rename to src/ui/layout/MctTree.vue
index 62a479c7e0..8c86a0e5c0 100644
--- a/src/ui/layout/mct-tree.vue
+++ b/src/ui/layout/MctTree.vue
@@ -118,8 +118,8 @@
 import _ from 'lodash';
 import { markRaw, reactive } from 'vue';
 
-import search from '../components/search.vue';
-import treeItem from './tree-item.vue';
+import Search from '../components/Search.vue';
+import TreeItem from './TreeItem.vue';
 
 const ITEM_BUFFER = 25;
 const LOCAL_STORAGE_KEY__TREE_EXPANDED = 'mct-tree-expanded';
@@ -130,8 +130,8 @@ const LOCATOR_ITEM_COUNT_HEIGHT = 10; // how many tree items to make the locator
 export default {
   name: 'MctTree',
   components: {
-    search,
-    treeItem
+    Search,
+    TreeItem
   },
   inject: ['openmct'],
   props: {
diff --git a/src/ui/layout/multipane.vue b/src/ui/layout/Multipane.vue
similarity index 100%
rename from src/ui/layout/multipane.vue
rename to src/ui/layout/Multipane.vue
diff --git a/src/ui/layout/pane.vue b/src/ui/layout/Pane.vue
similarity index 100%
rename from src/ui/layout/pane.vue
rename to src/ui/layout/Pane.vue
diff --git a/src/ui/layout/tree-item.vue b/src/ui/layout/TreeItem.vue
similarity index 98%
rename from src/ui/layout/tree-item.vue
rename to src/ui/layout/TreeItem.vue
index 41bf1de564..2dfc461527 100644
--- a/src/ui/layout/tree-item.vue
+++ b/src/ui/layout/TreeItem.vue
@@ -63,12 +63,12 @@
 
 <script>
 import ObjectLabel from '../components/ObjectLabel.vue';
-import viewControl from '../components/viewControl.vue';
+import ViewControl from '../components/ViewControl.vue';
 
 export default {
   name: 'TreeItem',
   components: {
-    viewControl,
+    ViewControl,
     ObjectLabel
   },
   inject: ['openmct'],
diff --git a/src/ui/layout/search/GrandSearch.vue b/src/ui/layout/search/GrandSearch.vue
index f4ff2e5bcd..7b335e5378 100644
--- a/src/ui/layout/search/GrandSearch.vue
+++ b/src/ui/layout/search/GrandSearch.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import search from '../../components/search.vue';
+import Search from '../../components/Search.vue';
 import SearchResultsDropDown from './SearchResultsDropDown.vue';
 
 const SEARCH_DEBOUNCE_TIME = 200;
@@ -44,7 +44,7 @@ const SEARCH_DEBOUNCE_TIME = 200;
 export default {
   name: 'GrandSearch',
   components: {
-    search,
+    Search,
     SearchResultsDropDown
   },
   inject: ['openmct'],
diff --git a/src/ui/preview/Preview.vue b/src/ui/preview/Preview.vue
index fbfccddc66..272672e548 100644
--- a/src/ui/preview/Preview.vue
+++ b/src/ui/preview/Preview.vue
@@ -37,7 +37,7 @@
 import StyleRuleManager from '@/plugins/condition/StyleRuleManager';
 import { STYLE_CONSTANTS } from '@/plugins/condition/utils/constants';
 
-import PreviewHeader from './preview-header.vue';
+import PreviewHeader from './PreviewHeader.vue';
 
 export default {
   components: {
diff --git a/src/ui/preview/preview-header.vue b/src/ui/preview/PreviewHeader.vue
similarity index 98%
rename from src/ui/preview/preview-header.vue
rename to src/ui/preview/PreviewHeader.vue
index ec72dcb440..1f577025f9 100644
--- a/src/ui/preview/preview-header.vue
+++ b/src/ui/preview/PreviewHeader.vue
@@ -59,7 +59,7 @@
 <script>
 import NotebookMenuSwitcher from '@/plugins/notebook/components/NotebookMenuSwitcher.vue';
 
-import ViewSwitcher from '../../ui/layout/ViewSwitcher.vue';
+import ViewSwitcher from '../layout/ViewSwitcher.vue';
 
 const HIDDEN_ACTIONS = ['remove', 'move', 'preview', 'large.view'];
 
diff --git a/src/ui/toolbar/Toolbar.vue b/src/ui/toolbar/Toolbar.vue
index 4a194d02c6..cfb10e1ca0 100644
--- a/src/ui/toolbar/Toolbar.vue
+++ b/src/ui/toolbar/Toolbar.vue
@@ -47,25 +47,25 @@
 <script>
 import _ from 'lodash';
 
-import toolbarButton from './components/toolbar-button.vue';
-import toolbarCheckbox from './components/toolbar-checkbox.vue';
-import toolbarColorPicker from './components/toolbar-color-picker.vue';
-import toolbarInput from './components/toolbar-input.vue';
-import toolbarMenu from './components/toolbar-menu.vue';
-import toolbarSelectMenu from './components/toolbar-select-menu.vue';
-import toolbarSeparator from './components/toolbar-separator.vue';
-import toolbarToggleButton from './components/toolbar-toggle-button.vue';
+import ToolbarButton from './components/ToolbarButton.vue';
+import ToolbarCheckbox from './components/ToolbarCheckbox.vue';
+import ToolbarColorPicker from './components/ToolbarColorPicker.vue';
+import ToolbarInput from './components/ToolbarInput.vue';
+import ToolbarMenu from './components/ToolbarMenu.vue';
+import ToolbarSelectMenu from './components/ToolbarSelectMenu.vue';
+import ToolbarSeparator from './components/ToolbarSeparator.vue';
+import ToolbarToggleButton from './components/ToolbarToggleButton.vue';
 
 export default {
   components: {
-    toolbarButton,
-    toolbarColorPicker,
-    toolbarCheckbox,
-    toolbarInput,
-    toolbarMenu,
-    toolbarSelectMenu,
-    toolbarSeparator,
-    toolbarToggleButton
+    ToolbarButton,
+    ToolbarColorPicker,
+    ToolbarCheckbox,
+    ToolbarInput,
+    ToolbarMenu,
+    ToolbarSelectMenu,
+    ToolbarSeparator,
+    ToolbarToggleButton
   },
   inject: ['openmct'],
   data: function () {
diff --git a/src/ui/toolbar/components/toolbar-button.vue b/src/ui/toolbar/components/ToolbarButton.vue
similarity index 100%
rename from src/ui/toolbar/components/toolbar-button.vue
rename to src/ui/toolbar/components/ToolbarButton.vue
diff --git a/src/ui/toolbar/components/toolbar-checkbox.vue b/src/ui/toolbar/components/ToolbarCheckbox.vue
similarity index 100%
rename from src/ui/toolbar/components/toolbar-checkbox.vue
rename to src/ui/toolbar/components/ToolbarCheckbox.vue
diff --git a/src/ui/toolbar/components/toolbar-color-picker.vue b/src/ui/toolbar/components/ToolbarColorPicker.vue
similarity index 100%
rename from src/ui/toolbar/components/toolbar-color-picker.vue
rename to src/ui/toolbar/components/ToolbarColorPicker.vue
diff --git a/src/ui/toolbar/components/toolbar-input.vue b/src/ui/toolbar/components/ToolbarInput.vue
similarity index 100%
rename from src/ui/toolbar/components/toolbar-input.vue
rename to src/ui/toolbar/components/ToolbarInput.vue
diff --git a/src/ui/toolbar/components/toolbar-menu.vue b/src/ui/toolbar/components/ToolbarMenu.vue
similarity index 100%
rename from src/ui/toolbar/components/toolbar-menu.vue
rename to src/ui/toolbar/components/ToolbarMenu.vue
diff --git a/src/ui/toolbar/components/toolbar-select-menu.vue b/src/ui/toolbar/components/ToolbarSelectMenu.vue
similarity index 100%
rename from src/ui/toolbar/components/toolbar-select-menu.vue
rename to src/ui/toolbar/components/ToolbarSelectMenu.vue
diff --git a/src/ui/toolbar/components/toolbar-separator.vue b/src/ui/toolbar/components/ToolbarSeparator.vue
similarity index 100%
rename from src/ui/toolbar/components/toolbar-separator.vue
rename to src/ui/toolbar/components/ToolbarSeparator.vue
diff --git a/src/ui/toolbar/components/toolbar-toggle-button.vue b/src/ui/toolbar/components/ToolbarToggleButton.vue
similarity index 100%
rename from src/ui/toolbar/components/toolbar-toggle-button.vue
rename to src/ui/toolbar/components/ToolbarToggleButton.vue