Subscribe on changes!

Warning when rendering a component with a native hgroup element

avatar
Sep 14th 2022

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.