Refactor #5257

components/lib/inputtext/InputText.vue

@@ -8,10 +8,13 @@ import BaseInputText from './BaseInputText.vue';
 export default {
     name: 'InputText',
     extends: BaseInputText,
+    inheritAttrs: false,
     emits: ['update:modelValue'],
     methods: {
         getPTOptions(key) {
-            return this.ptm(key, {
+            const _ptm = key === 'root' ? this.ptmi : this.ptm;
+
+            return _ptm(key, {
                 context: {
                     filled: this.filled,
                     disabled: this.$attrs.disabled || this.$attrs.disabled === ''

components/lib/knob/Knob.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')">
+    <div :class="cx('root')" v-bind="ptmi('root')">
         <svg
             viewBox="0 0 100 100"
             role="slider"
@@ -35,6 +35,7 @@ const Math_PI = 3.14159265358979;
 export default {
     name: 'Knob',
     extends: BaseKnob,
+    inheritAttrs: false,
     emits: ['update:modelValue', 'change'],
     data() {
         return {

components/lib/listbox/Listbox.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :id="id" :class="cx('root')" @focusout="onFocusout" v-bind="ptm('root')">
+    <div :id="id" :class="cx('root')" @focusout="onFocusout" v-bind="ptmi('root')">
         <span
             ref="firstHiddenFocusableElement"
             role="presentation"
@@ -132,6 +132,7 @@ import BaseListbox from './BaseListbox.vue';
 export default {
     name: 'Listbox',
     extends: BaseListbox,
+    inheritAttrs: false,
     emits: ['update:modelValue', 'change', 'focus', 'blur', 'filter'],
     list: null,
     virtualScroller: null,

components/lib/megamenu/MegaMenu.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :ref="containerRef" :id="id" :class="cx('root')" v-bind="ptm('root')">
+    <div :ref="containerRef" :id="id" :class="cx('root')" v-bind="ptmi('root')">
         <div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
             <slot name="start"></slot>
         </div>
@@ -64,6 +64,7 @@ import MegaMenuSub from './MegaMenuSub.vue';
 export default {
     name: 'MegaMenu',
     extends: BaseMegaMenu,
+    inheritAttrs: false,
     emits: ['focus', 'blur'],
     outsideClickListener: null,
     resizeListener: null,

components/lib/menu/Menu.vue

@@ -1,7 +1,7 @@
 <template>
     <Portal :appendTo="appendTo" :disabled="!popup">
         <transition name="p-connected-overlay" @enter="onEnter" @leave="onLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
-            <div v-if="popup ? overlayVisible : true" :ref="containerRef" :id="id" :class="cx('root')" @click="onOverlayClick" v-bind="{ ...$attrs, ...ptm('root') }">
+            <div v-if="popup ? overlayVisible : true" :ref="containerRef" :id="id" :class="cx('root')" @click="onOverlayClick" v-bind="ptmi('root')">
                 <div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
                     <slot name="start"></slot>
                 </div>