Error message for evaluting :class="class" degraded from 2 to 3

[TheJaredWilcurt]

Version

3.0.0-beta.14

Reproduction link

Steps to reproduce

• Vue 3.0.0-beta.14 - https://jsfiddle.net/guh4rfy8/
• Vue 2.6 - https://jsfiddle.net/ubhf19jk/

What is expected?

Similar nice warning messages to teach users that class cannot be used directly in the template

Vue 2 warnings:

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

found in

---> <SweetChild>
       <Root>

[Vue warn]: Error compiling template:

avoid using JavaScript keyword as property name: "class"
  Raw expression: :class="class"

1  |  <h1>asdf <span :class="class">asdf</span></h1>
   |                 ^^^^^^^^^^^^^^

found in

---> <SweetChild>
       <Root>

What is actually happening?

Gives cryptic error message

SyntaxError: missing { before class body

[TheJaredWilcurt]

Perhaps a

[Vue warn]: "class" is a JavaScript keyword and cannot be evaluated directly.
Did you mean :class="$props.class" or :class="$attrs.class"?

Since those approaches both work in Vue 3.

• $attrs demo
• $props demo