[feat] Error message for inline component style directive

[efeskucuk]

This is for the feature request #7177 . Passes all the tests, fails with 2 lint errors that are unrelated to my changes. I've added one test.

[Conduitry]

"not currently supported" implies that we're considering this feature but just haven't gotten around to it. Is that accurate? Would we want a style: directive on a component to, say, wrap it in a display: contents div and apply the styles to that, like we do with style props currently?

[efeskucuk]

"not currently supported" implies that we're considering this feature but just haven't gotten around to it. Is that accurate? Would we want a style: directive on a component to, say, wrap it in a display: contents div and apply the styles to that, like we do with style props currently?

I've wrote the error message after reading this comment,
#7176 (comment)

Let me know if you want it to be changed to something else.

[bluwy]

Hmm. I assumed it could be a considered feature, since the original error message was Not implemented: StyleDirective, which sort of implied that it could be implemented. But I'd agree this new error message now could be misleading. We can have it as Style directives cannot be used on components instead.

[Conduitry]

Not implemented: StyleDirective is just a generic error coming from

svelte/src/compiler/compile/nodes/InlineComponent.ts

Line 76 in 5665f71

throw new Error(`Not implemented: ${node.type}`);

and doesn't indicate anything about whether this is a possible feature.

[efeskucuk]

I've changed the message to what @bluwy suggested.