Bladeren bron

[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 jaren geleden
bovenliggende
commit
4eb0c81cba
66 gewijzigde bestanden met toevoegingen van 70 en 6 verwijderingen
  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';
   const CONTENT_PANEL_SELECTOR = '.content-panel';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'EditorResizer',
     props: {
     props: {
       editor: {
       editor: {
         type: Object as PropType<Ace.Editor | null>,
         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';
   import SubscriptionTracker from 'components/utils/SubscriptionTracker';
 
 
   const EditorResizerKoBridge = defineComponent({
   const EditorResizerKoBridge = defineComponent({
+    name: 'EditorResizerKoBridge',
     components: {
     components: {
       EditorResizer
       EditorResizer
     },
     },

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

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

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

@@ -34,6 +34,7 @@
   import { wrap } from 'vue/webComponentWrap';
   import { wrap } from 'vue/webComponentWrap';
 
 
   const ExecutableActionsKoBridge = defineComponent({
   const ExecutableActionsKoBridge = defineComponent({
+    name: 'ExecutableActionsKoBridge',
     components: {
     components: {
       ExecutableActions
       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, ' ');
   const removeUnicodes = (value: string) => value.replace(UNICODES_TO_REMOVE, ' ');
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'AceEditor',
     components: {
     components: {
       AceAutocomplete
       AceAutocomplete
     },
     },

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

@@ -50,6 +50,7 @@
   import sqlReferenceRepository from 'sql/reference/sqlReferenceRepository';
   import sqlReferenceRepository from 'sql/reference/sqlReferenceRepository';
 
 
   const AceEditorKoBridge = defineComponent({
   const AceEditorKoBridge = defineComponent({
+    name: 'AceEditorKoBridge',
     components: {
     components: {
       AceEditor
       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';
   const REFRESH_STATEMENT_LOCATIONS_EVENT = 'editor.refresh.statement.locations';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'AceAutocomplete',
     components: {
     components: {
       CatalogEntryDetailsPanel,
       CatalogEntryDetailsPanel,
       MatchedText,
       MatchedText,

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

@@ -28,6 +28,7 @@
   import { Suggestion } from './AutocompleteResults';
   import { Suggestion } from './AutocompleteResults';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'MatchedText',
     props: {
     props: {
       suggestion: {
       suggestion: {
         type: Object as PropType<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;
   const COMMENT_LOAD_DELAY = 1500;
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'CatalogEntryDetailsPanel',
     components: {
     components: {
       Spinner
       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';
   import I18n from 'utils/i18n';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'OptionDetailsPanel',
     props: {
     props: {
       suggestion: {
       suggestion: {
         type: Object as PropType<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';
   import I18n from 'utils/i18n';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'PopularAggregateUdfPanel',
     components: {
     components: {
       SqlText
       SqlText
     },
     },

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

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

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

@@ -38,6 +38,7 @@
   import { Suggestion } from '../AutocompleteResults';
   import { Suggestion } from '../AutocompleteResults';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'UdfDetailsPanel',
     props: {
     props: {
       suggestion: {
       suggestion: {
         type: Object as PropType<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';
   import I18n from 'utils/i18n';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'ExecutionAnalysisPanel',
     components: {
     components: {
       HueLink,
       HueLink,
       LogsPanel
       LogsPanel

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

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

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

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

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

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

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

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

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

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

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

@@ -116,6 +116,7 @@
   };
   };
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'VariableSubstitution',
     props: {
     props: {
       initialVariables: {
       initialVariables: {
         type: Object as PropType<{ [name: string]: Variable }>,
         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';
   import { POST_FROM_LOCATION_WORKER_EVENT } from 'sql/sqlWorkerHandler';
 
 
   const VariableSubstitutionKoBridge = defineComponent({
   const VariableSubstitutionKoBridge = defineComponent({
+    name: 'VariableSubstitutionKoBridge',
     components: {
     components: {
       VariableSubstitution
       VariableSubstitution
     },
     },

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -29,6 +29,7 @@
   import I18n from 'utils/i18n';
   import I18n from 'utils/i18n';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'LogsPanel',
     props: {
     props: {
       logs: {
       logs: {
         type: String,
         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
   // Based on https://vuejs.org/v2/examples/modal.html
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'Modal',
     emits: ['close']
     emits: ['close']
   });
   });
 </script>
 </script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -26,8 +26,7 @@
   import { defineComponent } from 'vue';
   import { defineComponent } from 'vue';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'DropdownMenuButton',
     emits: ['click']
     emits: ['click']
   });
   });
 </script>
 </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';
   import { defineComponent } from 'vue';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'DropdownMenuGroup',
     props: {
     props: {
       header: {
       header: {
         type: String,
         type: String,

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

@@ -27,6 +27,7 @@
   import { defineComponent } from 'vue';
   import { defineComponent } from 'vue';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'DropdownMenuItem',
     props: {
     props: {
       text: {
       text: {
         type: String,
         type: String,
@@ -35,5 +36,3 @@
     }
     }
   });
   });
 </script>
 </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';
   import { defineComponent } from 'vue';
 
 
   export default defineComponent({
   export default defineComponent({
+    name: 'DropdownMenuText',
     props: {
     props: {
       text: {
       text: {
         type: String,
         type: String,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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