Warning when rendering a component with a native hgroup element
Vue version
3.2.39
Link to minimal reproduction
https://github.com/BrettOrmsby/hgroup
Steps to reproduce
The warning occurs whenever a component is rendered with a native hgroup element within.
<template>
<hgroup>
<h1>Warning</h1>
<p>Check the developer tools console.</p>
</hgroup>
</template>
What is expected?
No warning to occur.
What is actually happening?
A warning is sent runtime-core.esm-bundler.js:38 [Vue warn]: Failed to resolve component: hgroup If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
System Info
System:
OS: macOS 12.5.1
CPU: (8) arm64 Apple M2
Memory: 1.04 GB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.16.0 - /usr/local/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 8.11.0 - /usr/local/bin/npm
Browsers:
Chrome: 105.0.5195.102
Safari: 15.6.1
npmPackages:
vue: ^3.2.38 => 3.2.39
Any additional comments?
The hgroup element currently has 96.05% support over all browsers (https://caniuse.com/?search=hgroup). I have not had this issue for any other native elements, only the hgroup element.
duplicate of https://github.com/vuejs/core/issues/6313