feat: create allow list for camelCased SVG attributes

[mgdodge]

This addresses issue #62 in the vue 3 branch. Would need to be backported to vue 2 branch if approved.

[elevatebart]

Thank you @mgdodge I really appreciate it.

Do you think you could make it so that if I am using SVG attributes outside of tags, it fails?

If not I will merge this anyway.

[mgdodge]

Not sure what you mean - you want it to only allow these attributes when the tag is an SVG tag? If that is the request, I specifically do not want that. The reason is that I need this for a vue component where the base tag in the template section is an SVG. That means I need to allow these attributes on the component tag itself. For example:

// my-component.vue
<script>
export default {
  props: ['iconName'],
  // other code here
}
</script>
<template>
  <svg>
    <g v-if="iconName === 'foo'"> <!-- foo icon content --></g>
    <g v-else><!-- other icon content --></g>
  </svg>
</template>

// vue-live demo
<template>
  <my-component preserveAspectRatio="xMidYMid slice" />
  <my-component icon-name="foo" />
</template>

As illustrated here, the SVG attributes would be entirely valid, even expected, on the main component tag, which would then be passed along.

[elevatebart]

Good point, I will merge this.

I will also need to add a prop to have a custom list of accepted valid props.

It's always useful to make exceptions.

[elevatebart]

🎉 This PR is included in version 2.0.0-beta.2 🎉

The release is available on:

• npm package (@next dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 3.0.0-beta.1 🎉

The release is available on:

• npm package (@next dist-tag)
• GitHub release

Your semantic-release bot 📦🚀