Improving Vue support when using function props with web components

[razor-x]

Currently Vue 2 and Vue 3 work with function props, but there are still some open questions on how this can be made better.

See this PR for the current working usage seamapi/seam-components-sample-apps#5

Use onDeviceClick as an example.

1. Can the param case version be used, i.e., on-device-click?
2. Can onDeviceClick work instead of needing the dot syntax .onDeviceClick
3. Can :onDeviceClickbe used instead of .onDeviceClick?
4. Does Vue 2 support the shorthand .onDeviceClick or it must use .onDeviceClick.prop?
5. How to make the Vue 2 sample better without needing Vue.prototype.console = console

[razor-x]

Please see this repo for examples with using Vue and function props: https://github.com/seamapi/seam-components-sample-apps