From c98357170881e6f81842f6a1fd784d42cd715aaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Fri, 2 Dec 2022 14:53:57 +0300
Subject: [PATCH] Fixed #3357 - TabMenu: we can not use tab-change event with
 menuitem templating

---
 src/components/tabmenu/TabMenu.vue | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/src/components/tabmenu/TabMenu.vue b/src/components/tabmenu/TabMenu.vue
index 3b453c36e7..aefdd27ff1 100755
--- a/src/components/tabmenu/TabMenu.vue
+++ b/src/components/tabmenu/TabMenu.vue
@@ -24,21 +24,9 @@
                         <component v-else :is="$slots.item" :item="item"></component>
                     </li>
                 </router-link>
-                <li v-else-if="visible(item)" ref="tab" :class="getItemClass(item, i)" role="presentation">
+                <li v-else-if="visible(item)" ref="tab" :class="getItemClass(item, i)" role="presentation" @click="onItemClick($event, item, i)" @keydown="onKeydownItem($event, item, i)">
                     <template v-if="!$slots.item">
-                        <a
-                            ref="tabLink"
-                            v-ripple
-                            role="menuitem"
-                            :href="item.url"
-                            class="p-menuitem-link"
-                            :target="item.target"
-                            :aria-label="label(item)"
-                            :aria-disabled="disabled(item)"
-                            :tabindex="setTabIndex(i)"
-                            @click="onItemClick($event, item, i)"
-                            @keydown="onKeydownItem($event, item, i)"
-                        >
+                        <a ref="tabLink" v-ripple role="menuitem" :href="item.url" class="p-menuitem-link" :target="item.target" :aria-label="label(item)" :aria-disabled="disabled(item)" :tabindex="setTabIndex(i)">
                             <span v-if="item.icon" :class="getItemIcon(item)"></span>
                             <span class="p-menuitem-text">{{ label(item) }}</span>
                         </a>