From bcb1b6eb8d6ea0d8015b84056983386dc9224868 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Sun, 11 Feb 2024 23:48:42 +0000
Subject: [PATCH] Refactor #5257

---
 components/lib/steps/Steps.vue           | 3 ++-
 components/lib/tabmenu/TabMenu.vue       | 3 ++-
 components/lib/tabview/TabView.vue       | 3 ++-
 components/lib/tag/Tag.vue               | 5 +++--
 components/lib/terminal/Terminal.vue     | 3 ++-
 components/lib/textarea/Textarea.vue     | 3 ++-
 components/lib/tieredmenu/TieredMenu.vue | 2 +-
 7 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/components/lib/steps/Steps.vue b/components/lib/steps/Steps.vue
index 7b0da69ce..32dc47891 100755
--- a/components/lib/steps/Steps.vue
+++ b/components/lib/steps/Steps.vue
@@ -1,5 +1,5 @@
 <template>
-    <nav :id="id" :class="cx('root')" v-bind="ptm('root')">
+    <nav :id="id" :class="cx('root')" v-bind="ptmi('root')">
         <ol ref="list" :class="cx('menu')" v-bind="ptm('menu')">
             <template v-for="(item, index) of model" :key="label(item) + '_' + index.toString()">
                 <li
@@ -34,6 +34,7 @@ import BaseSteps from './BaseSteps.vue';
 export default {
     name: 'Steps',
     extends: BaseSteps,
+    inheritAttrs: false,
     emits: ['update:activeStep', 'step-change'],
     data() {
         return {
diff --git a/components/lib/tabmenu/TabMenu.vue b/components/lib/tabmenu/TabMenu.vue
index 3566fcb78..efa526349 100755
--- a/components/lib/tabmenu/TabMenu.vue
+++ b/components/lib/tabmenu/TabMenu.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')">
+    <div :class="cx('root')" v-bind="ptmi('root')">
         <ul ref="nav" :class="cx('menu')" role="menubar" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel" v-bind="ptm('menu')">
             <template v-for="(item, i) of model" :key="label(item) + '_' + i.toString()">
                 <li
@@ -37,6 +37,7 @@ import BaseTabMenu from './BaseTabMenu.vue';
 export default {
     name: 'TabMenu',
     extends: BaseTabMenu,
+    inheritAttrs: false,
     emits: ['update:activeIndex', 'tab-change'],
     timeout: null,
     data() {
diff --git a/components/lib/tabview/TabView.vue b/components/lib/tabview/TabView.vue
index ffd45a5dc..51d251ea6 100755
--- a/components/lib/tabview/TabView.vue
+++ b/components/lib/tabview/TabView.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" role="tablist" v-bind="ptm('root')">
+    <div :class="cx('root')" role="tablist" v-bind="ptmi('root')">
         <div :class="cx('navContainer')" v-bind="ptm('navContainer')">
             <button
                 v-if="scrollable && !isPrevButtonDisabled"
@@ -102,6 +102,7 @@ import BaseTabView from './BaseTabView.vue';
 export default {
     name: 'TabView',
     extends: BaseTabView,
+    inheritAttrs: false,
     emits: ['update:activeIndex', 'tab-change', 'tab-click'],
     data() {
         return {
diff --git a/components/lib/tag/Tag.vue b/components/lib/tag/Tag.vue
index 3818e8057..9115251ba 100644
--- a/components/lib/tag/Tag.vue
+++ b/components/lib/tag/Tag.vue
@@ -1,5 +1,5 @@
 <template>
-    <span :class="cx('root')" v-bind="ptm('root')">
+    <span :class="cx('root')" v-bind="ptmi('root')">
         <component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
         <span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
         <slot v-if="value || $slots.default">
@@ -13,6 +13,7 @@ import BaseTag from './BaseTag.vue';
 
 export default {
     name: 'Tag',
-    extends: BaseTag
+    extends: BaseTag,
+    inheritAttrs: false
 };
 </script>
diff --git a/components/lib/terminal/Terminal.vue b/components/lib/terminal/Terminal.vue
index 751cba246..f1ad448f4 100755
--- a/components/lib/terminal/Terminal.vue
+++ b/components/lib/terminal/Terminal.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" @click="onClick" v-bind="ptm('root')">
+    <div :class="cx('root')" @click="onClick" v-bind="ptmi('root')">
         <div v-if="welcomeMessage" v-bind="ptm('welcomeMessage')">{{ welcomeMessage }}</div>
         <div :class="cx('content')" v-bind="ptm('content')">
             <div v-for="(command, i) of commands" :key="command.text + i.toString()" v-bind="ptm('commands')">
@@ -22,6 +22,7 @@ import BaseTerminal from './BaseTerminal.vue';
 export default {
     name: 'Terminal',
     extends: BaseTerminal,
+    inheritAttrs: false,
     data() {
         return {
             commandText: null,
diff --git a/components/lib/textarea/Textarea.vue b/components/lib/textarea/Textarea.vue
index 8057a650f..528cab670 100755
--- a/components/lib/textarea/Textarea.vue
+++ b/components/lib/textarea/Textarea.vue
@@ -1,5 +1,5 @@
 <template>
-    <textarea :class="cx('root')" :value="modelValue" @input="onInput" v-bind="ptm('root', ptmParams)"></textarea>
+    <textarea :class="cx('root')" :value="modelValue" @input="onInput" v-bind="ptmi('root', ptmParams)"></textarea>
 </template>
 
 <script>
@@ -8,6 +8,7 @@ import BaseTextarea from './BaseTextarea.vue';
 export default {
     name: 'Textarea',
     extends: BaseTextarea,
+    inheritAttrs: false,
     emits: ['update:modelValue'],
     mounted() {
         if (this.$el.offsetParent && this.autoResize) {
diff --git a/components/lib/tieredmenu/TieredMenu.vue b/components/lib/tieredmenu/TieredMenu.vue
index 945ce2377..cf89438cc 100755
--- a/components/lib/tieredmenu/TieredMenu.vue
+++ b/components/lib/tieredmenu/TieredMenu.vue
@@ -1,7 +1,7 @@
 <template>
     <Portal :appendTo="appendTo" :disabled="!popup">
         <transition name="p-connected-overlay" @enter="onEnter" @after-enter="onAfterEnter" @leave="onLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
-            <div v-if="visible" :ref="containerRef" :id="id" :class="cx('root')" @click="onOverlayClick" v-bind="{ ...$attrs, ...ptm('root') }">
+            <div v-if="visible" :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>