Эх сурвалжийг харах

[frontend] Add name attribute to all Vue components

This improves error message emitted by Vue where it now will output the actual name of the component as opposed to "Anonymous"
Johan Ahlen 4 жил өмнө
parent
commit
4eb0c81cba
66 өөрчлөгдсөн 70 нэмэгдсэн , 6 устгасан
  1. 1 0
      desktop/core/src/desktop/js/apps/editor/components/EditorResizer.vue
  2. 1 0
      desktop/core/src/desktop/js/apps/editor/components/EditorResizerKoBridge.vue
  3. 1 0
      desktop/core/src/desktop/js/apps/editor/components/ExecutableActions.vue
  4. 1 0
      desktop/core/src/desktop/js/apps/editor/components/ExecutableActionsKoBridge.vue
  5. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/AceEditor.vue
  6. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/AceEditorKoBridge.vue
  7. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/AceAutocomplete.vue
  8. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/MatchedText.vue
  9. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/CatalogEntryDetailsPanel.vue
  10. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/OptionDetailsPanel.vue
  11. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/PopularAggregateUdfPanel.vue
  12. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/PopularDetailsPanel.vue
  13. 1 0
      desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/UdfDetailsPanel.vue
  14. 1 0
      desktop/core/src/desktop/js/apps/editor/components/executionAnalysis/ExecutionAnalysisPanel.vue
  15. 1 0
      desktop/core/src/desktop/js/apps/editor/components/executionAnalysis/ExecutionAnalysisPanelKoBridge.vue
  16. 1 0
      desktop/core/src/desktop/js/apps/editor/components/presentationMode/PresentationMode.vue
  17. 1 0
      desktop/core/src/desktop/js/apps/editor/components/presentationMode/PresentationModeKoBridge.vue
  18. 1 0
      desktop/core/src/desktop/js/apps/editor/components/result/ResultTable.vue
  19. 1 0
      desktop/core/src/desktop/js/apps/editor/components/result/ResultTableKoBridge.vue
  20. 1 0
      desktop/core/src/desktop/js/apps/editor/components/variableSubstitution/VariableSubstitution.vue
  21. 1 0
      desktop/core/src/desktop/js/apps/editor/components/variableSubstitution/VariableSubstitutionKoBridge.vue
  22. 1 0
      desktop/core/src/desktop/js/apps/jobBrowser/components/hiveQueryPlan/HiveQueryPlan.vue
  23. 3 1
      desktop/core/src/desktop/js/apps/jobBrowser/components/queriesList/QueriesList.vue
  24. 1 0
      desktop/core/src/desktop/js/components/ColumnSelectorPanel.vue
  25. 1 0
      desktop/core/src/desktop/js/components/DateRangePicker.vue
  26. 1 0
      desktop/core/src/desktop/js/components/Duration.vue
  27. 1 0
      desktop/core/src/desktop/js/components/FacetSelector.vue
  28. 1 0
      desktop/core/src/desktop/js/components/HueButton.vue
  29. 1 0
      desktop/core/src/desktop/js/components/HueIcon.vue
  30. 1 0
      desktop/core/src/desktop/js/components/HueLink.vue
  31. 1 0
      desktop/core/src/desktop/js/components/HueTable.vue
  32. 1 0
      desktop/core/src/desktop/js/components/HumanByteSize.vue
  33. 1 0
      desktop/core/src/desktop/js/components/InlineAlert.vue
  34. 1 0
      desktop/core/src/desktop/js/components/LogsPanel.vue
  35. 1 0
      desktop/core/src/desktop/js/components/Modal.vue
  36. 1 0
      desktop/core/src/desktop/js/components/Paginator.vue
  37. 1 0
      desktop/core/src/desktop/js/components/SearchInput.vue
  38. 1 0
      desktop/core/src/desktop/js/components/Spinner.vue
  39. 1 0
      desktop/core/src/desktop/js/components/SqlText.vue
  40. 1 0
      desktop/core/src/desktop/js/components/StatusIndicator.vue
  41. 1 0
      desktop/core/src/desktop/js/components/Tab.vue
  42. 1 0
      desktop/core/src/desktop/js/components/Tabs.vue
  43. 1 0
      desktop/core/src/desktop/js/components/TimeAgo.vue
  44. 1 0
      desktop/core/src/desktop/js/components/dropdown/DropdownDrawer.vue
  45. 1 0
      desktop/core/src/desktop/js/components/dropdown/DropdownMenu.vue
  46. 1 2
      desktop/core/src/desktop/js/components/dropdown/DropdownMenuButton.vue
  47. 1 0
      desktop/core/src/desktop/js/components/dropdown/DropdownMenuGroup.vue
  48. 1 2
      desktop/core/src/desktop/js/components/dropdown/DropdownMenuItem.vue
  49. 1 0
      desktop/core/src/desktop/js/components/dropdown/DropdownMenuText.vue
  50. 1 0
      desktop/core/src/desktop/js/components/dropdown/DropdownPanel.vue
  51. 1 0
      desktop/core/src/desktop/js/components/er-diagram/comps/literal-entity.vue
  52. 1 0
      desktop/core/src/desktop/js/components/er-diagram/comps/table-entity.vue
  53. 1 0
      desktop/core/src/desktop/js/components/er-diagram/index.vue
  54. 1 0
      desktop/core/src/desktop/js/components/sidebar/AccordionItem.vue
  55. 1 0
      desktop/core/src/desktop/js/components/sidebar/AccordionSubItem.vue
  56. 1 0
      desktop/core/src/desktop/js/components/sidebar/BaseNavigationItem.vue
  57. 1 0
      desktop/core/src/desktop/js/components/sidebar/BaseNavigationItemTooltip.vue
  58. 1 0
      desktop/core/src/desktop/js/components/sidebar/HelpDrawerContent.vue
  59. 1 0
      desktop/core/src/desktop/js/components/sidebar/HueSidebar.vue
  60. 1 0
      desktop/core/src/desktop/js/components/sidebar/NavigationItem.vue
  61. 1 0
      desktop/core/src/desktop/js/components/sidebar/SectionItem.vue
  62. 1 0
      desktop/core/src/desktop/js/components/sidebar/Sidebar.vue
  63. 1 0
      desktop/core/src/desktop/js/components/sidebar/SidebarBody.vue
  64. 1 0
      desktop/core/src/desktop/js/components/sidebar/SidebarDrawer.vue
  65. 3 1
      desktop/core/src/desktop/js/components/sidebar/SpacerItem.vue
  66. 1 0
      desktop/core/src/desktop/js/components/sidebar/UserDrawerContent.vue

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/EditorResizer.vue

@@ -35,6 +35,7 @@
   const CONTENT_PANEL_SELECTOR = '.content-panel';
 
   export default defineComponent({
+    name: 'EditorResizer',
     props: {
       editor: {
         type: Object as PropType<Ace.Editor | null>,

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/EditorResizerKoBridge.vue

@@ -31,6 +31,7 @@
   import SubscriptionTracker from 'components/utils/SubscriptionTracker';
 
   const EditorResizerKoBridge = defineComponent({
+    name: 'EditorResizerKoBridge',
     components: {
       EditorResizer
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/ExecutableActions.vue

@@ -89,6 +89,7 @@
   const WHITE_SPACE_REGEX = /^\s*$/;
 
   export default defineComponent({
+    name: 'ExecutableActions',
     components: {
       HueButton
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/ExecutableActionsKoBridge.vue

@@ -34,6 +34,7 @@
   import { wrap } from 'vue/webComponentWrap';
 
   const ExecutableActionsKoBridge = defineComponent({
+    name: 'ExecutableActionsKoBridge',
     components: {
       ExecutableActions
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/AceEditor.vue

@@ -66,6 +66,7 @@
   const removeUnicodes = (value: string) => value.replace(UNICODES_TO_REMOVE, ' ');
 
   export default defineComponent({
+    name: 'AceEditor',
     components: {
       AceAutocomplete
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/AceEditorKoBridge.vue

@@ -50,6 +50,7 @@
   import sqlReferenceRepository from 'sql/reference/sqlReferenceRepository';
 
   const AceEditorKoBridge = defineComponent({
+    name: 'AceEditorKoBridge',
     components: {
       AceEditor
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/AceAutocomplete.vue

@@ -115,6 +115,7 @@
   const REFRESH_STATEMENT_LOCATIONS_EVENT = 'editor.refresh.statement.locations';
 
   export default defineComponent({
+    name: 'AceAutocomplete',
     components: {
       CatalogEntryDetailsPanel,
       MatchedText,

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/MatchedText.vue

@@ -28,6 +28,7 @@
   import { Suggestion } from './AutocompleteResults';
 
   export default defineComponent({
+    name: 'MatchedText',
     props: {
       suggestion: {
         type: Object as PropType<Suggestion>,

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/CatalogEntryDetailsPanel.vue

@@ -78,6 +78,7 @@
   const COMMENT_LOAD_DELAY = 1500;
 
   export default defineComponent({
+    name: 'CatalogEntryDetailsPanel',
     components: {
       Spinner
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/OptionDetailsPanel.vue

@@ -41,6 +41,7 @@
   import I18n from 'utils/i18n';
 
   export default defineComponent({
+    name: 'OptionDetailsPanel',
     props: {
       suggestion: {
         type: Object as PropType<Suggestion>,

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/PopularAggregateUdfPanel.vue

@@ -46,6 +46,7 @@
   import I18n from 'utils/i18n';
 
   export default defineComponent({
+    name: 'PopularAggregateUdfPanel',
     components: {
       SqlText
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/PopularDetailsPanel.vue

@@ -46,6 +46,7 @@
   }
 
   export default defineComponent({
+    name: 'PopularDetailsPanel',
     components: {
       SqlText
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/aceEditor/autocomplete/details/UdfDetailsPanel.vue

@@ -38,6 +38,7 @@
   import { Suggestion } from '../AutocompleteResults';
 
   export default defineComponent({
+    name: 'UdfDetailsPanel',
     props: {
       suggestion: {
         type: Object as PropType<Suggestion>,

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/executionAnalysis/ExecutionAnalysisPanel.vue

@@ -64,6 +64,7 @@
   import I18n from 'utils/i18n';
 
   export default defineComponent({
+    name: 'ExecutionAnalysisPanel',
     components: {
       HueLink,
       LogsPanel

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/executionAnalysis/ExecutionAnalysisPanelKoBridge.vue

@@ -34,6 +34,7 @@
   import SubscriptionTracker from 'components/utils/SubscriptionTracker';
 
   const ExecutionAnalysisPanelKoBridge = defineComponent({
+    name: 'ExecutionAnalysisPanelKoBridge',
     components: {
       ExecutionAnalysisPanel
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/presentationMode/PresentationMode.vue

@@ -73,6 +73,7 @@
   const headerRegEx = /--(.*)$/m;
 
   export default defineComponent({
+    name: 'PresentationMode',
     components: {
       VariableSubstitution,
       HueButton,

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/presentationMode/PresentationModeKoBridge.vue

@@ -42,6 +42,7 @@
   import SubscriptionTracker from 'components/utils/SubscriptionTracker';
 
   const PresentationModeKoBridge = defineComponent({
+    name: 'PresentationModeKoBridge',
     components: {
       PresentationMode
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/result/ResultTable.vue

@@ -67,6 +67,7 @@
   import I18n from 'utils/i18n';
 
   export default defineComponent({
+    name: 'ResultTable',
     components: {
       HueTable
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/result/ResultTableKoBridge.vue

@@ -30,6 +30,7 @@
   import SubscriptionTracker from 'components/utils/SubscriptionTracker';
 
   const ResultTableKoBridge = defineComponent({
+    name: 'ResultTableKoBridge',
     components: {
       ResultTable
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/variableSubstitution/VariableSubstitution.vue

@@ -116,6 +116,7 @@
   };
 
   export default defineComponent({
+    name: 'VariableSubstitution',
     props: {
       initialVariables: {
         type: Object as PropType<{ [name: string]: Variable }>,

+ 1 - 0
desktop/core/src/desktop/js/apps/editor/components/variableSubstitution/VariableSubstitutionKoBridge.vue

@@ -37,6 +37,7 @@
   import { POST_FROM_LOCATION_WORKER_EVENT } from 'sql/sqlWorkerHandler';
 
   const VariableSubstitutionKoBridge = defineComponent({
+    name: 'VariableSubstitutionKoBridge',
     components: {
       VariableSubstitution
     },

+ 1 - 0
desktop/core/src/desktop/js/apps/jobBrowser/components/hiveQueryPlan/HiveQueryPlan.vue

@@ -26,6 +26,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'HiveQueryPlan',
     setup(): {
       title: string;
     } {

+ 3 - 1
desktop/core/src/desktop/js/apps/jobBrowser/components/queriesList/QueriesList.vue

@@ -23,5 +23,7 @@
 <script lang="ts">
   import { defineComponent } from 'vue';
 
-  export default defineComponent({});
+  export default defineComponent({
+    name: 'QueriesList'
+  });
 </script>

+ 1 - 0
desktop/core/src/desktop/js/components/ColumnSelectorPanel.vue

@@ -50,6 +50,7 @@
   }
 
   export default defineComponent({
+    name: 'ColumnSelectorPanel',
     components: { HueButton },
 
     props: {

+ 1 - 0
desktop/core/src/desktop/js/components/DateRangePicker.vue

@@ -138,6 +138,7 @@
   const DEFAULT_RANGE = RANGE_SETS[0][0];
 
   export default defineComponent({
+    name: 'DateRangePicker',
     components: {
       Datepicker,
       DropdownPanel,

+ 1 - 0
desktop/core/src/desktop/js/components/Duration.vue

@@ -50,6 +50,7 @@
   };
 
   export default defineComponent({
+    name: 'Duration',
     props: {
       value: {
         type: Number,

+ 1 - 0
desktop/core/src/desktop/js/components/FacetSelector.vue

@@ -64,6 +64,7 @@
   import { Facet, SearchFacet, FacetValueLabels } from './FacetSelector';
 
   export default defineComponent({
+    name: 'FacetSelector',
     components: {
       DropdownPanel,
       HueButton,

+ 1 - 0
desktop/core/src/desktop/js/components/HueButton.vue

@@ -38,6 +38,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'HueButton',
     props: {
       primary: {
         type: Boolean,

+ 1 - 0
desktop/core/src/desktop/js/components/HueIcon.vue

@@ -26,6 +26,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'HueIcon',
     props: {
       type: {
         type: String,

+ 1 - 0
desktop/core/src/desktop/js/components/HueLink.vue

@@ -30,6 +30,7 @@
   }
 
   export default defineComponent({
+    name: 'HueLink',
     props: {
       url: {
         type: String,

+ 1 - 0
desktop/core/src/desktop/js/components/HueTable.vue

@@ -67,6 +67,7 @@
   import { Column, Row } from './HueTable';
 
   export default defineComponent({
+    name: 'HueTable',
     props: {
       rows: {
         type: Object as PropType<Row[]>,

+ 1 - 0
desktop/core/src/desktop/js/components/HumanByteSize.vue

@@ -41,6 +41,7 @@
   };
 
   export default defineComponent({
+    name: 'HumanByteSize',
     props: {
       value: {
         type: Number,

+ 1 - 0
desktop/core/src/desktop/js/components/InlineAlert.vue

@@ -80,6 +80,7 @@
   ]);
 
   export default defineComponent({
+    name: 'InlineAlert',
     props: {
       type: {
         type: Number as PropType<AlertType>,

+ 1 - 0
desktop/core/src/desktop/js/components/LogsPanel.vue

@@ -29,6 +29,7 @@
   import I18n from 'utils/i18n';
 
   export default defineComponent({
+    name: 'LogsPanel',
     props: {
       logs: {
         type: String,

+ 1 - 0
desktop/core/src/desktop/js/components/Modal.vue

@@ -45,6 +45,7 @@
   // Based on https://vuejs.org/v2/examples/modal.html
 
   export default defineComponent({
+    name: 'Modal',
     emits: ['close']
   });
 </script>

+ 1 - 0
desktop/core/src/desktop/js/components/Paginator.vue

@@ -75,6 +75,7 @@
   const PRESET_LIMITS = [DEFAULT_LIMIT, 50, 100];
 
   export default defineComponent({
+    name: 'Paginator',
     components: {
       HueIcon,
       DropdownMenu,

+ 1 - 0
desktop/core/src/desktop/js/components/SearchInput.vue

@@ -56,6 +56,7 @@
   import I18n from '../utils/i18n';
 
   export default defineComponent({
+    name: 'SearchInput',
     props: {
       showMagnify: { type: Boolean, required: false, default: true },
       placeholder: {

+ 1 - 0
desktop/core/src/desktop/js/components/Spinner.vue

@@ -42,6 +42,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'Spinner',
     props: {
       spin: {
         type: Boolean,

+ 1 - 0
desktop/core/src/desktop/js/components/SqlText.vue

@@ -39,6 +39,7 @@
   const getAce = (): Ace => (window as any).ace;
 
   export default defineComponent({
+    name: 'SqlText',
     props: {
       dialect: {
         type: String,

+ 1 - 0
desktop/core/src/desktop/js/components/StatusIndicator.vue

@@ -38,6 +38,7 @@
   };
 
   export default defineComponent({
+    name: 'StatusIndicator',
     components: {
       HueIcon
     },

+ 1 - 0
desktop/core/src/desktop/js/components/Tab.vue

@@ -31,6 +31,7 @@
   }
 
   export default defineComponent({
+    name: 'Tab',
     props: {
       title: {
         type: String,

+ 1 - 0
desktop/core/src/desktop/js/components/Tabs.vue

@@ -40,6 +40,7 @@
   import { TabRef } from './Tab.vue';
 
   export default defineComponent({
+    name: 'Tabs',
     provide(): {
       addTab: (tab: TabRef) => void;
       removeTab: (tab: TabRef) => void;

+ 1 - 0
desktop/core/src/desktop/js/components/TimeAgo.vue

@@ -47,6 +47,7 @@
   };
 
   export default defineComponent({
+    name: 'TimeAgo',
     props: {
       value: {
         type: Number,

+ 1 - 0
desktop/core/src/desktop/js/components/dropdown/DropdownDrawer.vue

@@ -53,6 +53,7 @@
   });
 
   export default defineComponent({
+    name: 'DropdownDrawer',
     directives: {
       'click-outside': clickOutsideDirective
     },

+ 1 - 0
desktop/core/src/desktop/js/components/dropdown/DropdownMenu.vue

@@ -32,6 +32,7 @@
   import DropdownPanel from './DropdownPanel.vue';
 
   export default defineComponent({
+    name: 'DropdownMenu',
     components: {
       DropdownPanel
     },

+ 1 - 2
desktop/core/src/desktop/js/components/dropdown/DropdownMenuButton.vue

@@ -26,8 +26,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'DropdownMenuButton',
     emits: ['click']
   });
 </script>
-
-<style lang="scss" scoped></style>

+ 1 - 0
desktop/core/src/desktop/js/components/dropdown/DropdownMenuGroup.vue

@@ -29,6 +29,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'DropdownMenuGroup',
     props: {
       header: {
         type: String,

+ 1 - 2
desktop/core/src/desktop/js/components/dropdown/DropdownMenuItem.vue

@@ -27,6 +27,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'DropdownMenuItem',
     props: {
       text: {
         type: String,
@@ -35,5 +36,3 @@
     }
   });
 </script>
-
-<style lang="scss" scoped></style>

+ 1 - 0
desktop/core/src/desktop/js/components/dropdown/DropdownMenuText.vue

@@ -27,6 +27,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'DropdownMenuText',
     props: {
       text: {
         type: String,

+ 1 - 0
desktop/core/src/desktop/js/components/dropdown/DropdownPanel.vue

@@ -38,6 +38,7 @@
   import HueLink from '../HueLink.vue';
 
   export default defineComponent({
+    name: 'DropdownPanel',
     components: {
       DropdownDrawer,
       HueButton,

+ 1 - 0
desktop/core/src/desktop/js/components/er-diagram/comps/literal-entity.vue

@@ -31,6 +31,7 @@
   import { Literal } from '../lib/entities';
 
   export default defineComponent({
+    name: 'LiteralEntity',
     props: {
       entity: {
         type: Literal,

+ 1 - 0
desktop/core/src/desktop/js/components/er-diagram/comps/table-entity.vue

@@ -64,6 +64,7 @@
   import { Table } from '../lib/entities';
 
   export default defineComponent({
+    name: 'TableEntity',
     props: {
       entity: {
         type: Object as PropType<Table>,

+ 1 - 0
desktop/core/src/desktop/js/components/er-diagram/index.vue

@@ -78,6 +78,7 @@
   }
 
   export default defineComponent({
+    name: 'ERDiagram',
     components: {
       TableEntity,
       LiteralEntity

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/AccordionItem.vue

@@ -134,6 +134,7 @@
   }
 
   export default defineComponent({
+    name: 'AccordionItem',
     components: {
       BaseNavigationItemTooltip,
       AccordionSubItem

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/AccordionSubItem.vue

@@ -41,6 +41,7 @@
   import { SidebarAccordionSubItem } from './types';
 
   export default defineComponent({
+    name: 'AccordionSubItem',
     components: {
       SpacerItem,
       BaseNavigationItem

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/BaseNavigationItem.vue

@@ -44,6 +44,7 @@
   import { SidebarBaseItem } from './types';
 
   export default defineComponent({
+    name: 'BaseNavigationItem',
     props: {
       item: {
         type: Object as PropType<SidebarBaseItem>,

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/BaseNavigationItemTooltip.vue

@@ -30,6 +30,7 @@
   import { defineComponent } from 'vue';
 
   export default defineComponent({
+    name: 'BaseNavigationItemTooltip',
     props: {
       visible: {
         type: Boolean,

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/HelpDrawerContent.vue

@@ -42,6 +42,7 @@
   import { SidebarAccordionSubItem } from './types';
 
   export default defineComponent({
+    name: 'HelpDrawerContent',
     components: {
       BaseNavigationItem
     },

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/HueSidebar.vue

@@ -180,6 +180,7 @@
   ];
 
   export default defineComponent({
+    name: 'HueSidebar',
     components: {
       Sidebar
     },

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/NavigationItem.vue

@@ -57,6 +57,7 @@
   import SubscriptionTracker from 'components/utils/SubscriptionTracker';
 
   export default defineComponent({
+    name: 'NavigationItem',
     components: {
       BaseNavigationItemTooltip,
       BaseNavigationItem

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/SectionItem.vue

@@ -26,6 +26,7 @@
   import { SidebarSectionItem } from './types';
 
   export default defineComponent({
+    name: 'SectionItem',
     props: {
       activeItemName: {
         type: String,

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/Sidebar.vue

@@ -115,6 +115,7 @@
   import UserDrawerContent from './UserDrawerContent.vue';
 
   export default defineComponent({
+    name: 'Sidebar',
     components: {
       AccordionItem,
       HelpDrawerContent,

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/SidebarBody.vue

@@ -66,6 +66,7 @@
   import { defer } from 'utils/hueUtils';
 
   export default defineComponent({
+    name: 'SidebarBody',
     components: { SpacerItem, NavigationItem, SectionItem, AccordionItem },
     directives: {
       'overflow-on-hover': overflowOnHover

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/SidebarDrawer.vue

@@ -29,6 +29,7 @@
   import { defer } from 'utils/hueUtils';
 
   export default defineComponent({
+    name: 'SidebarDrawer',
     provide(): {
       hideDrawer: () => void;
     } {

+ 3 - 1
desktop/core/src/desktop/js/components/sidebar/SpacerItem.vue

@@ -23,5 +23,7 @@
 <script lang="ts">
   import { defineComponent } from 'vue';
 
-  export default defineComponent({});
+  export default defineComponent({
+    name: 'SpacerItem'
+  });
 </script>

+ 1 - 0
desktop/core/src/desktop/js/components/sidebar/UserDrawerContent.vue

@@ -51,6 +51,7 @@
   import { SidebarAccordionSubItem, SidebarBaseItem, UserDrawerItem } from './types';
 
   export default defineComponent({
+    name: 'UserDrawerContent',
     components: { BaseNavigationItem },
 
     inject: ['hideDrawer'],