Update #3965 - Menu exact check fix

components/lib/breadcrumb/BaseBreadcrumb.vue

@@ -42,11 +42,11 @@ const classes = {
     home: 'p-breadcrumb-home',
     separator: 'p-menuitem-separator',
     menuitem: ({ instance }) => ['p-menuitem', { 'p-disabled': instance.disabled() }],
-    action: ({ instance, isActive, isExactActive }) => [
+    action: ({ props, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
             'router-link-active': isActive,
-            'router-link-active-exact': instance.exact && isExactActive
+            'router-link-active-exact': props.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',

components/lib/contextmenu/BaseContextMenu.vue

@@ -63,11 +63,11 @@ const classes = {
         }
     ],
     content: 'p-menuitem-content',
-    action: ({ instance, isActive, isExactActive }) => [
+    action: ({ props, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
             'router-link-active': isActive,
-            'router-link-active-exact': instance.exact && isExactActive
+            'router-link-active-exact': props.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',

components/lib/megamenu/BaseMegaMenu.vue

@@ -144,11 +144,11 @@ const classes = {
         }
     ],
     content: 'p-menuitem-content',
-    action: ({ instance, isActive, isExactActive }) => [
+    action: ({ props, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
             'router-link-active': isActive,
-            'router-link-active-exact': instance.exact && isExactActive
+            'router-link-active-exact': props.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',

components/lib/menu/BaseMenu.vue

@@ -45,11 +45,11 @@ const classes = {
         }
     ],
     content: 'p-menuitem-content',
-    action: ({ instance, isActive, isExactActive }) => [
+    action: ({ props, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
             'router-link-active': isActive,
-            'router-link-active-exact': instance.exact && isExactActive
+            'router-link-active-exact': props.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',

components/lib/menubar/BaseMenubar.vue

@@ -99,11 +99,11 @@ const classes = {
         }
     ],
     content: 'p-menuitem-content',
-    action: ({ instance, isActive, isExactActive }) => [
+    action: ({ props, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
             'router-link-active': isActive,
-            'router-link-active-exact': instance.exact && isExactActive
+            'router-link-active-exact': props.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',

components/lib/panelmenu/BasePanelMenu.vue

@@ -68,11 +68,11 @@ const classes = {
         }
     ],
     content: 'p-menuitem-content',
-    action: ({ instance, isActive, isExactActive }) => [
+    action: ({ props, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
             'router-link-active': isActive,
-            'router-link-active-exact': instance.exact && isExactActive
+            'router-link-active-exact': props.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',

components/lib/tabmenu/BaseTabMenu.vue

@@ -47,10 +47,10 @@ const styles = `
 const classes = {
     root: 'p-tabmenu p-component',
     menu: 'p-tabmenu-nav p-reset',
-    menuitem: ({ instance, index, item, isActive, isExactActive }) => [
+    menuitem: ({ instance, props, index, item, isActive, isExactActive }) => [
         'p-tabmenuitem',
         {
-            'p-highlight': (instance.exact ? isExactActive : isActive) || instance.d_activeIndex === index,
+            'p-highlight': (props.exact ? isExactActive : isActive) || instance.d_activeIndex === index,
             'p-disabled': instance.disabled(item)
         }
     ],

components/lib/tabmenu/TabMenu.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')">
+    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="tabmenu">
         <ul ref="nav" :class="cx('menu')" role="menubar" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel" v-bind="ptm('menu')">
             <template v-for="(item, i) of focusableItems" :key="label(item) + '_' + i.toString()">
                 <router-link v-if="item.to && !disabled(item)" v-slot="{ navigate, href, isActive, isExactActive }" :to="item.to" custom>

components/lib/tieredmenu/BaseTieredMenu.vue

@@ -67,11 +67,11 @@ const classes = {
         }
     ],
     content: 'p-menuitem-content',
-    action: ({ instance, isActive, isExactActive }) => [
+    action: ({ props, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
             'router-link-active': isActive,
-            'router-link-active-exact': instance.exact && isExactActive
+            'router-link-active-exact': props.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',