Using a nested component inside a table breaks the table

[gomezcabo]

Using a nested component inside a table breaks the table

Reproduction

https://github.com/gomezcabo/vite-tailwindcss-crud-example/blob/master/components/ItemsTable.vue#L25

When adding a class (e.g. <th class="px-6"> to that table row, the table gets broken. I'm not able to see why that is happening. It looks like the DOM elements are somehow not being renderer properly (e.g. the thead element dissapears)

No errors nor warnings in the browser console.

It happens on dev and build modes.

System Info

• required vite version: 0.16.6
• required Operating System: Ubuntu 16.04
• required Node version: 10.19.0
• Optional:
  • npm version: 6.13.4
  • yarn version: 1.12.3
  • Installed vue version: 3.0.0-beta.14
  • Installed @vue/compiler-sfc version: 3.0.0-beta.14

Logs (Optional if provided reproduction)

No warnings/errors.

[yyx990803]

This is a Vue 3 compiler issue - tracking in vuejs/core#1230 instead.