I've been looking into many different frameworks live Svelte, Stencil etc. Mostly due to articles posted here and encouragement from Dev.to folks.

But the other day, as I read about one of them (can't remember the name) they described something like this (by memory and not necessarily correct).

myComponent:{
    'stylesWereFirst': {
       LargeHeader={h2:font-size:5em;}

        'javascriptNext' : {
           let something = 'this';
           function getData(){return ['name':"one cool framework"];}

              'htmlLast':{<div class={{LargeHeader}}>{{getData()}}</div>
               } //end of html section
        } //end of javascript section
     } //end of style sections
} //end of component definition

After reading the article, the concept kept popping up in my mind over this past week, as a very good architecture. The only problem, I can't remember it's name.

Has anyone seen this architecture?