Tabpanel and badge

[fobebam414]

When trying to add a badge to a tabpanel, I get the following warning, and no badge is displayed on the tabpanel:

Code: Select all

1083 [Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended. 
  at <TabPanel header="Hello World" > 
  at <TabView> 
  at <App>

Is it possible to display a badge on a tab panel?

[fobebam414]

Found the answer. use the header template:

Code: Select all

  <Tabpanel>
    <template #header>
        <span>{{dynamictitle}}&nbsp;</span>
        <Badge value="X" severity="danger" v-show="showbadge"></Badge>
    </template>
...
</Tabpanel>