Refactor #3965 - hostName fixes

components/lib/basecomponent/BaseComponent.vue

@@ -467,7 +467,7 @@ export default {
     },
     computed: {
         defaultPT() {
-            return this._getOptionValue(this.$primevue.config.pt, this.$.type.name, { instance: this });
+            return this._getOptionValue(this.$primevue.config.pt, this.$options.hostName || this.$.type.name, { instance: this });
         },
         isUnstyled() {
             return this.unstyled !== undefined ? this.unstyled : this.$primevue.config.unstyled;

components/lib/breadcrumb/BreadcrumbItem.vue

@@ -23,6 +23,7 @@ import BaseComponent from 'primevue/basecomponent';
 
 export default {
     name: 'BreadcrumbItem',
+    hostName: 'Breadcrumb',
     extends: BaseComponent,
     props: {
         item: null,

components/lib/cascadeselect/CascadeSelectSub.vue

@@ -58,6 +58,7 @@ import { DomHandler, ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'CascadeSelectSub',
+    hostName: 'CascadeSelect',
     extends: BaseComponent,
     emits: ['option-change'],
     props: {

components/lib/contextmenu/ContextMenuSub.vue

@@ -81,6 +81,7 @@ import { DomHandler, ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'ContextMenuSub',
+    hostName: 'ContextMenu',
     extends: BaseComponent,
     emits: ['item-click', 'item-mouseenter'],
     props: {

components/lib/dock/DockSub.vue

@@ -80,6 +80,7 @@ import { DomHandler, ObjectUtils, UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'DockSub',
+    hostName: 'Dock',
     extends: BaseComponent,
     emits: ['focus', 'blur'],
     props: {

components/lib/fileupload/FileContent.vue

@@ -25,6 +25,7 @@ import TimesIcon from 'primevue/icons/times';
 
 export default {
     name: 'FileContent',
+    hostName: 'FileUpload',
     extends: BaseComponent,
     emits: ['remove'],
     props: {

components/lib/megamenu/MegaMenuSub.vue

@@ -86,6 +86,7 @@ import { ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'MegaMenuSub',
+    hostName: 'MegaMenu',
     extends: BaseComponent,
     emits: ['item-click', 'item-mouseenter'],
     props: {

components/lib/menu/Menuitem.vue

@@ -38,6 +38,7 @@ import { ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'Menuitem',
+    hostName: 'Menu',
     extends: BaseComponent,
     inheritAttrs: false,
     emits: ['item-click'],

components/lib/menubar/MenubarSub.vue

@@ -78,6 +78,7 @@ import { ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'MenubarSub',
+    hostName: 'Menubar',
     extends: BaseComponent,
     emits: ['item-mouseenter', 'item-click'],
     props: {

components/lib/organizationchart/OrganizationChartNode.vue

@@ -76,6 +76,7 @@ import { DomHandler } from 'primevue/utils';
 
 export default {
     name: 'OrganizationChartNode',
+    hostName: 'OrganizationChart',
     extends: BaseComponent,
     emits: ['node-click', 'node-toggle'],
     props: {

components/lib/paginator/CurrentPageReport.vue

@@ -7,6 +7,7 @@ import BaseComponent from 'primevue/basecomponent';
 
 export default {
     name: 'CurrentPageReport',
+    hostName: 'Paginator',
     extends: BaseComponent,
     props: {
         pageCount: {

components/lib/paginator/FirstPageLink.vue

@@ -11,6 +11,7 @@ import Ripple from 'primevue/ripple';
 
 export default {
     name: 'FirstPageLink',
+    hostName: 'Paginator',
     extends: BaseComponent,
     props: {
         template: {

components/lib/paginator/JumpToPageDropdown.vue

@@ -19,6 +19,7 @@ import Dropdown from 'primevue/dropdown';
 
 export default {
     name: 'JumpToPageDropdown',
+    hostName: 'Paginator',
     extends: BaseComponent,
     emits: ['page-change'],
     props: {

components/lib/paginator/JumpToPageInput.vue

@@ -18,6 +18,7 @@ import InputNumber from 'primevue/inputnumber';
 
 export default {
     name: 'JumpToPageInput',
+    hostName: 'Paginator',
     extends: BaseComponent,
     inheritAttrs: false,
     emits: ['page-change'],

components/lib/paginator/LastPageLink.vue

@@ -11,6 +11,7 @@ import Ripple from 'primevue/ripple';
 
 export default {
     name: 'LastPageLink',
+    hostName: 'Paginator',
     extends: BaseComponent,
     props: {
         template: {

components/lib/paginator/NextPageLink.vue

@@ -11,6 +11,7 @@ import Ripple from 'primevue/ripple';
 
 export default {
     name: 'NextPageLink',
+    hostName: 'Paginator',
     extends: BaseComponent,
     props: {
         template: {

components/lib/paginator/PageLinks.vue

@@ -23,6 +23,7 @@ import Ripple from 'primevue/ripple';
 
 export default {
     name: 'PageLinks',
+    hostName: 'Paginator',
     extends: BaseComponent,
     inheritAttrs: false,
     emits: ['click'],

components/lib/paginator/PrevPageLink.vue

@@ -11,6 +11,7 @@ import Ripple from 'primevue/ripple';
 
 export default {
     name: 'PrevPageLink',
+    hostName: 'Paginator',
     extends: BaseComponent,
     props: {
         template: {

components/lib/paginator/RowsPerPageDropdown.vue

@@ -19,6 +19,7 @@ import Dropdown from 'primevue/dropdown';
 
 export default {
     name: 'RowsPerPageDropdown',
+    hostName: 'Paginator',
     extends: BaseComponent,
     emits: ['rows-change'],
     props: {

components/lib/panelmenu/PanelMenuList.vue

@@ -27,6 +27,7 @@ import PanelMenuSub from './PanelMenuSub.vue';
 
 export default {
     name: 'PanelMenuList',
+    hostName: 'PanelMenu',
     extends: BaseComponent,
     emits: ['item-toggle', 'header-focus'],
     props: {

components/lib/panelmenu/PanelMenuSub.vue

@@ -77,6 +77,7 @@ import { ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'PanelMenuSub',
+    hostName: 'PanelMenu',
     extends: BaseComponent,
     emits: ['item-toggle'],
     props: {

components/lib/tieredmenu/TieredMenuSub.vue

@@ -77,6 +77,7 @@ import { ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'TieredMenuSub',
+    hostName: 'TieredMenu',
     extends: BaseComponent,
     emits: ['item-click', 'item-mouseenter'],
     props: {

components/lib/tree/TreeNode.vue

@@ -62,6 +62,7 @@ import { DomHandler } from 'primevue/utils';
 
 export default {
     name: 'TreeNode',
+    hostName: 'Tree',
     extends: BaseComponent,
     emits: ['node-toggle', 'node-click', 'checkbox-change'],
     props: {

components/lib/treetable/BodyCell.vue

@@ -32,6 +32,7 @@ import { DomHandler, ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'BodyCell',
+    hostName: 'TreeTable',
     extends: BaseComponent,
     emits: ['node-toggle', 'checkbox-toggle'],
     props: {

components/lib/treetable/FooterCell.vue

@@ -11,6 +11,7 @@ import { DomHandler, ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'FooterCell',
+    hostName: 'TreeTable',
     extends: BaseComponent,
     props: {
         column: {

components/lib/treetable/HeaderCell.vue

@@ -32,6 +32,7 @@ import { DomHandler, ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'HeaderCell',
+    hostName: 'TreeTable',
     extends: BaseComponent,
     emits: ['column-click', 'column-resizestart'],
     props: {

components/lib/treetable/TreeTableRow.vue

@@ -67,6 +67,7 @@ import BodyCell from './BodyCell.vue';
 
 export default {
     name: 'TreeTableRow',
+    hostName: 'TreeTable',
     extends: BaseComponent,
     emits: ['node-click', 'node-toggle', 'checkbox-change', 'nodeClick', 'nodeToggle', 'checkboxChange'],
     props: {