Initial state for function vs class based components

Likely not an issue but my incomplete understanding. By the way is there a better place for asking questions?

I am trying to implement custom (LemonadeJS) components as ES6 classes, and realized attributes are not being read from the tag. Take this example from a parent component markup:

<Hello title="The very best of 2022" />

This renders fine (copied from one of the library examples):

function Hello() {
    // Get the attributes from the tag
    let self = this;
 
    // Title and year are declared in the parent template
    let template = `<h1>{{self.title}} {{self.year}}</h1>`;
 
    return lemonade.element(template, self);
}

This does not (self.title renders empty):

class Hello extends lemonade.component {

    render() {
        return lemonade.element(`<h1>{{self.title}} {{self.year}}</h1>`, this);
    }

}

Except from the initial value the parent tries to set, everything seems to work fine with the class-based Hello component.

[hodeware]

That’s correct.

[hodeware]

But, @ref still a problem which only be fixed on version 3.