Spread user-defined attributes in script and style tag in output

[saurabhdaware]

In components, User should be able to write,

<AbellComponent>
// ....
<style rel="preload" onload="this.rel='stylesheet'; this.onload=null">
/* css */
</style>
</AbellComponent>

and in output it will be rendered as,

<style rel="preload" href="bundled-css/main.css" onload="this.rel='stylesheet'; this.onload=null" />

[saurabhdaware]

abelljs/abell-renderer#26 Needs to fixed before we work on this

[saurabhdaware]

abelljs/abell-renderer#26 is fixed now.

This is the file you would want to make changes in:
https://github.com/abelljs/abell/blob/main/src/utils/abell-bundler.js#L119

[abhijit-hota]

Always wanted to contribute to Abell! Now that Hacktoberfest's here, I don't see any reason not to. I just forked the repo. Will look into the codebase and tell if I can take this. =)

P.S. I'm not claiming the issue yet. If anyone is ready to work on it, you can assign it to them!

[saurabhdaware]

Will start working on this from tomorrow

[saurabhdaware]

Ohh I just realized this won't be possible for case like this:

If there is condition like this:
Comp1.abell

<AbellComponent>
<!-- ... -->
<script>
</script>
</AbellComponent>

Comp2.abell

<AbellComponent>
<!-- ... -->
<script type="module">
</script>
</AbellComponent>

In this case, both the scripts will go into same file. According to Comp2.abell, this file now should be loaded as a module but according to Comp1.abell, this file is normal javascript file. This will add overall confusion on which behavior is given more priority so closing this issue for now. I'll reopen this if I could think of something.