Rename `componentbase` with `basecomponent`

components/lib/accordion/Accordion.vue

@@ -41,13 +41,13 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 import Ripple from 'primevue/ripple';
 import { DomHandler, UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'Accordion',
-    extends: ComponentBase,
+    extends: BaseComponent,
     emits: ['update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],
     props: {
         multiple: {

components/lib/accordiontab/AccordionTab.vue

@@ -3,11 +3,11 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 
 export default {
     name: 'AccordionTab',
-    extends: ComponentBase,
+    extends: BaseComponent,
     props: {
         header: null,
         headerStyle: null,

components/lib/basecomponent/BaseComponent.vue

@@ -2,7 +2,7 @@
 import { ObjectUtils } from 'primevue/utils';
 
 export default {
-    name: 'ComponentBase',
+    name: 'BaseComponent',
     props: {
         pt: {
             type: Object,

components/lib/basecomponent/package.json

@@ -0,0 +1,8 @@
+{
+  "main": "./basecomponent.cjs.js",
+  "module": "./basecomponent.esm.js",
+  "unpkg": "./basecomponent.min.js",
+  "browser": {
+    "./sfc": "./BaseComponent.vue"
+  }
+}

components/lib/card/Card.vue

@@ -21,10 +21,10 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 
 export default {
     name: 'Card',
-    extends: ComponentBase
+    extends: BaseComponent
 };
 </script>

components/lib/componentbase/package.json

@@ -1,8 +0,0 @@
-{
-  "main": "./componentbase.cjs.js",
-  "module": "./componentbase.esm.js",
-  "unpkg": "./componentbase.min.js",
-  "browser": {
-    "./sfc": "./ComponentBase.vue"
-  }
-}

components/lib/deferredcontent/DeferredContent.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 
 export default {
     name: 'DeferredContent',
-    extends: ComponentBase,
+    extends: BaseComponent,
     emits: ['load'],
     data() {
         return {

components/lib/divider/Divider.vue

@@ -7,10 +7,10 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 export default {
     name: 'Divider',
-    extends: ComponentBase,
+    extends: BaseComponent,
     props: {
         align: {
             type: String,

components/lib/fieldset/Fieldset.vue

@@ -36,13 +36,13 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 import Ripple from 'primevue/ripple';
 import { UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'Fieldset',
-    extends: ComponentBase,
+    extends: BaseComponent,
     emits: ['update:collapsed', 'toggle'],
     props: {
         legend: String,

components/lib/panel/Panel.vue

@@ -40,13 +40,13 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 import Ripple from 'primevue/ripple';
 import { UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'Panel',
-    extends: ComponentBase,
+    extends: BaseComponent,
     emits: ['update:collapsed', 'toggle'],
     props: {
         header: String,

components/lib/scrollpanel/ScrollPanel.vue

@@ -36,12 +36,12 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 import { DomHandler, UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'ScrollPanel',
-    extends: ComponentBase,
+    extends: BaseComponent,
     props: {
         step: {
             type: Number,

components/lib/splitter/Splitter.vue

@@ -20,12 +20,12 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 import { DomHandler, ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'Splitter',
-    extends: ComponentBase,
+    extends: BaseComponent,
     emits: ['resizestart', 'resizeend'],
     props: {
         layout: {

components/lib/splitterpanel/SplitterPanel.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 
 export default {
     name: 'SplitterPanel',
-    extends: ComponentBase,
+    extends: BaseComponent,
     props: {
         size: {
             type: Number,

components/lib/tabpanel/TabPanel.vue

@@ -3,10 +3,10 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 export default {
     name: 'TabPanel',
-    extends: ComponentBase,
+    extends: BaseComponent,
     props: {
         header: null,
         headerStyle: null,

components/lib/tabview/TabView.vue

@@ -82,13 +82,13 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 import Ripple from 'primevue/ripple';
 import { DomHandler, UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'TabView',
-    extends: ComponentBase,
+    extends: BaseComponent,
     emits: ['update:activeIndex', 'tab-change', 'tab-click'],
     props: {
         activeIndex: {

components/lib/toolbar/Toolbar.vue

@@ -13,10 +13,10 @@
 </template>
 
 <script>
-import ComponentBase from 'primevue/componentbase';
+import BaseComponent from 'primevue/basecomponent';
 export default {
     name: 'Toolbar',
-    extends: ComponentBase,
+    extends: BaseComponent,
     props: {
         'aria-labelledby': {
             type: String,