Using style tag within template tag without lint error as default

[bitxplora]

The default template-lint rule forbids using of <style> in the glimmer component: e.g;

<template>
 const sum = 2 + 5;
 <p> The sum of 2 plus 5 is {{sum}}. </p>
 
 <style>
    font-family: serif;
 </style>
</template>

error  Use of <style> detected. Do not use forbidden elements.  no-forbidden-elements

This will give the wrong impression that a style tag should not be used within a template tag.

I think the rule should be overridden for gjs/gts components.

[NullVoxPopuli]

I agree!
We need to progress the RFC for scoped styles tho

[bitxplora]

I agree! We need to progress the RFC for scoped styles tho

The discussion on the scoped styles is still in progress, the core team will have to finalize it.