fix(content): use property-information to convert hast attributes

[benjamincanac]

Fix props rendering in nuxt-content component.

Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

The issue is in the nuxt-content component when rendering the AST tree with Vue.js, specific prop needed to stay in camelCase when others needed to be transformed back to kebab-case.

To fix #139, we forced camelCase props to kebab-case to ensure ariaHidden was rendered as aria-hidden. But then with #309, <video autoplay ...> was transformed to { autoPlay: true } in the tree (HAST spec, see also property-information code) and then rendered to auto-play because of the module forcing kebab-case.

To transform markdown to AST, we use remark and rehype, to handle embedded HTML we use rehype-raw which under the hood use property-information that allows to convert HAST properties.

This PR takes advantage of the property-information package to render props as their original html name. It adds 30kb inside the client package but I feel like we don't have a choice here.

[atinux]

Looking good, only tests are needed to ensure no regression in the future.

Nice work and great description 🙌