✨ Runtime CSS Decorator for custom elements

[1aron]

Description

Current

import { customElement } from 'lit/decorators.js'
import MasterCSS from '@master/css'
import config from '../master.css'

@customElement('my-element')
export class MyElement extends LitElement {
    css: MasterCSS

    connectedCallback() {
        super.connectedCallback()
        this.css = new MasterCSS({
            ...config,
            observe: false
        }).observe(this.shadowRoot)
    }

    disconnectedCallback() {
        super.disconnectedCallback()
        this.css?.destroy()
    }
}

Expect

import { customElement } from 'lit/decorators.js'
import { runtimeCSS } from '@master/css'
import config from '../master.css'

@customElement('my-element')
@runtimeCSS(config)
export class MyElement extends LitElement {}