Cannot pass HTML attrs to component

[mehulkar]

I would like to do this:

<ModalDialog data-test-foobar />

But the component does not use the HTML attrs passed to the component :(

[mehulkar]

Since an inner component is invoked using the component helper, I think the best way to solve this would be to change modal-dialog.hbs to this:

{{#let (component modalDialogComponentName) as |InnerComponent|}}
  <InnerComponent ...attributes>
{{/let}}

and then in each inner component, also add ...attributes.

I am not 100% sure what version of Ember is required to make this work, and if older versions would silently ignore it or not.

Would be up for making a PR if this is a good approach!

[mehulkar]

Here's a sample repo showing how it would work: https://github.com/mehulkar/ember-example-inner-component-slat-attrs

(ember-twiddle latest Ember is 3.4, which doesn't seem to support splattributes inside a let block, but here's that as well: https://ember-twiddle.com/16113c250d089fcacbfc89e01f059d49?openFiles=styles.app.css%2Ctemplates.components.baz-bar.hbs)