Javascript 基于Svelte中的变量设置CSS类

我正在处理Svelte中的一个自定义组件，我希望能够借助相应的标识符（我称为类型）设置颜色。例如成功->绿色、错误->红色等

现在，我正在为每个“类型”导出一个布尔值，可以将其设置为true或false，从而启用具有相同名称或不具有相同名称的类

let success = false;
let error = false;
let info = false;
let warning = false; 
...
<div
    class:success
    class:error
    class:info
    class:warning >
</div>

let success=false；
让错误=错误；
让info=false；
让警告=错误；
...

这样，用户每次想要更改类型时，都必须禁用除一个之外的所有类型

有没有一种方法可以像这样做类似的伪代码：D

export let type = "";
...
<div
    class:{type} >
</div>

导出let type=”“；
...

因此，用户可以按照以下方式使用它

<custom-comp type={warning} />

---

我自己找到了答案

我只需要使用：

class="{type}"

而不是：

class:{type}

甚至可以更短：）删除引号：

class={type}