useShadow: accept the style string as is

[osher]

Please consider the following form:

import {Slim} from "slim-js"
import {tag, template, useShadow} from "slim-js/Decorators"

@tag('my-tag')
@template(`
 <div role="main"> 
      my html 
 </div>
`)
@useShadow(`
  div[role="main"] {
      font-weight: bold
  }
`)
class _ extends Slim {}

Keep up the good work.
Thanks :)

[eavichay]

Thanks for the suggestion.
I think this is a little bit going too far from the standards. The aim of the library is to be "slim" as possible and contain the minimum features.
the useShadow is a true/false just to determine if to create a shadow root when the component is being instantiated.

I would, however, consider adding a @style decorator (and a corresponding get style () {} method to simply add style tags while rendering the template. This can be achieved as an extension, plugin or optional decorator file, without touching the core library.

You are welcome to contribute.