HMR does not function for TabView / TabPanel

[rtek]

• bug report

Reproduction
I dont know how to reproduce this in in codesandbox since it relates to HMR. Using the reproduction code does a full app reload on any change.

1. Deploy the https://github.com/primefaces/primevue-quickstart-vite
2. Replace HelloWorld.vue with

<!-- HelloWorld.vue --->
<template>
    <Button label="Foo" />
    <TabView>
        <TabPanel header="Bar">
        </TabPanel>
    </TabView>
</template>

3. npm run dev
4. Edit the Button.label and TabPanel.header
5. Observe that HMR will update Button but not TabView

Current behavior
The TabPanel header does not re-render via HMR

Expected behavior
The TabPanel header should re-render to reflect the new value

What is the motivation / use case for changing the behavior?
We're evaluating vue UI frameworks and HMR is one of the key features. We also experienced this issue with DataTable but the TabView was the smallest reproducible example we could find.

Please tell us about your environment:

• Windows 10
• Webstorm
• Chrome 100

quickstart@0.0.0 primevue-quickstart-vite
├── @vitejs/plugin-vue@2.3.1
├── primeicons@5.0.0
├── primevue@3.12.5
├── vite@2.9.5
└── vue@3.2.33

[rtek]

Likely a vue core issue vuejs/core#5767