Convert component file names from kebab-case to PascalCase for consistency

src/options/App.vue

@@ -108,9 +108,9 @@ import ObjectCopy from '../ext/lib/ObjectCopy.js';
 
 import Settings from '../ext/lib/Settings.js';
 
-import GeneralSettings from './general-settings';
+import GeneralSettings from './GeneralSettings';
 import ControlsSettings from './controls-settings/controls-settings';
-import AddEditActionPopup from './controls-settings/add-edit-action-popup';
+import AddEditActionPopup from './controls-settings/AddEditActionPopup';
 import ConfirmPopup from './common/ConfirmationPopup';
 import About from './about'
 

src/options/GeneralSettings.vue

@@ -128,7 +128,7 @@
 </template>
 
 <script>
-import Button from '../common/components/button';
+import Button from '../common/components/Button';
 import Stretch from '../common/enums/stretch.enum';
 import ExtensionMode from '../common/enums/extension-mode.enum';
 import VideoAlignment from '../common/enums/video-alignment.enum';

src/options/common/ConfirmationPopup.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import ShortcutButton from '../../common/components/shortcut-button.vue' 
+import ShortcutButton from '../../common/components/ShortcutButton.vue' 
 
 export default {
   props: {

src/options/controls-settings/AddEditActionPopup.vue

@@ -90,12 +90,12 @@
 </template>
 
 <script>
-import ShortcutButton from '../../common/components/shortcut-button.vue' 
+import ShortcutButton from '../../common/components/ShortcutButton.vue' 
 import Stretch from '../../common/enums/stretch.enum';
 import KeyboardShortcutParser from '../../common/js/KeyboardShortcutParser';
-import CommandChain from './command-builder/command-chain';
+import CommandChain from './command-builder/CommandChain';
-import CommandAddEdit from './command-builder/command-add-edit';
+import CommandAddEdit from './command-builder/CommandAddEdit';
-import ScopeSettings from './scope-settings-component/scope-settings';
+import ScopeSettings from './ScopeSettings-component/ScopeSettings';
 
 export default {
   props: {

src/options/controls-settings/ControlsSettings.vue

@@ -112,9 +112,9 @@
 </template>
 
 <script>
-import Button from '../../common/components/button';
+import Button from '../../common/components/Button';
 import Stretch from '../../common/enums/stretch.enum';
-import ActionAlt from '../../common/components/action-alt';
+import ActionAlt from '../../common/components/ActionAlt';
 
 export default {
   components: {

src/options/controls-settings/command-builder/CommandChain.vue

@@ -21,8 +21,8 @@
 </template>
 
 <script>
-import CommandBlock from './command-block';
+import CommandBlock from './CommandBlock';
-import CommandAddEdit from './command-add-edit';
+import CommandAddEdit from './CommandAddEdit';
 
 export default {
   created () {

src/options/controls-settings/scope-settings-component/ScopeSettings.vue

@@ -39,15 +39,16 @@
 </template>
 
 <script>
-import SetShortcutButton from './set-shortcut-button';
+import SetShortcutButton from './SetShortcutButton.vue';
+
 
 export default {
+  components: {
+    SetShortcutButton
+  },
   props: {
     scopeOptions: Object,
   },
-  components: {
-    SetShortcutButton,
-  },
   methods: {
     setLabel(label) {
       if (label.trim() === '') {

src/popup/panels/DefaultSettingsPanel.vue

@@ -96,7 +96,7 @@
 <script>
 import ExecAction from '../js/ExecAction'
 import KeyboardShortcutParser from '../../common/js/KeyboardShortcutParser'
-import ShortcutButton from '../../common/components/shortcut-button'
+import ShortcutButton from '../../common/components/ShortcutButton'
 
 export default {
   data() {

src/popup/panels/VideoPanel.vue

@@ -101,7 +101,7 @@
 <script>
 import ExecAction from '../js/ExecAction'
 import KeyboardShortcutParser from '../../common/js/KeyboardShortcutParser'
-import ShortcutButton from '../../common/components/shortcut-button'
+import ShortcutButton from '../../common/components/ShortcutButton'
 
 export default {
   data() {