Sveltosis parsing a binding in a HTML property is broken

[michalvankodev]

I am interested in helping provide a fix!

Yes

Which generators are impacted?

• [X] All
• [ ] Angular
• [ ] HTML
• [ ] Qwik
• [ ] React
• [ ] React-Native
• [ ] Solid
• [ ] Stencil
• [ ] Svelte
• [ ] Vue
• [ ] Web components

Reproduction case

https://mitosis.builder.io/?outputTab=I4dwlg1kA%3D%3D%3D&inputTab=M4NwpgNgLmQ%3D&code=FAHgzgxgTglgDgFwAQBsCGA7A5gXgEQJh4B8wSSMAtnAPZTIDeSENGCApmwMLphhIBfJADMoNSkgDkAEhQwARgHowCAJ4p2YRWnowIG7bv3sAdBD6TQy6PASlQYAG7sUHAFwALdmgAmpciAIMAgaxAw%2BaAhoJkEh7AIgirGhVk4u7l6%2B9iAeAIxhEVExwRoJinnZOkHGzLxg%2BCxsnIyNHNx1AiRkSAwAAh4IlChIhdHyND6qAlZVeilAA%3D%3D%3D

Expected Behaviour

The class property should have been a concatenated string:

import { contentClass } from "$lib/styles/article/article.css";
// -------
<article class={"content" + contentClass} dangerouslySetInnerHTML={data.body}></article>

### Actual Behaviour

The `contentClass` variable just disappears and is not used at all.

### Additional Information

I've tested this type of binding with different properties and it is not working.

[samijaber]

cc @raymondmuller might have a better idea of where in the Sveltosis parser this lives.

[dritter]

Btw. here is a simpler reproduction. This is basically the same that @michalvankodev reported, but does not use imports.