meta components don't render within pug

Environment

• Operating System: Linux
• Node Version: v16.12.0
• Nuxt Version: 2.16.0-27358576.777a4b7f
• Package Manager: npm@8.1.0
• Builder: webpack
• User Config: -
• Runtime Modules: -
• Build Modules: -

Reproduction

https://codesandbox.io/s/meta-components-mfm825-mfm825?file=/pages/index.vue

/index.vue

<template lang="pug">
div
  Html.index-class(index-html-attr)
    Head
      Title index title
  h1 hello index
  div: nuxt-link(to="/foo") foo
</template>

/foo.vue

<template lang="pug">
div
  Html.foo-class
    Head
      Title foo title
      Script(src="/foo-script-nested-in-html-tag.js")
  Script(src="/foo-script-out-of-html-tag.js")
  h1 hello foo
  div: nuxt-link(to="/") index
</template>

Describe the bug

The repro demonstrates several bugs:

• Html tag's class not work.
• Title not work.
• Script nested in Html not work

Additional context

No response

Logs

[Vue warn]: "class" is a reserved attribute and cannot be used as component prop.
[Vue warn]: "is" is a reserved attribute and cannot be used as component prop.
[Vue warn]: "slot" is a reserved attribute and cannot be used as component prop.
[Vue warn]: "style" is a reserved attribute and cannot be used as component prop.

Start with the /index.vue and /foo.vue reproductions in the linked CodeSandbox, comparing the Pug templates with their rendered output and the listed Vue warnings. Verify the Html class, Title, and nested Script behavior in both pages; done means these meta components render with their attributes, titles, and scripts as shown in the examples.