如何解决与树枝组件默认类别的尾风冲突

Question

tales-from-a-dev/twig-tailwind-extra

v0.2.1软件包进行Symfony 7项目。我有时不得不覆盖组件中的一些默认的尾风类别，但是我似乎找不到一种方法，而不要使旧课程保持冲突。

，例如，我有这个基本组件：

# Test.html.twig
<div {{ attributes.defaults({class: 'size-40 bg-danger'}) }}></div>

如果我尝试在模板中分配新的背景颜色，最终会得到类似的东西：

# index.html.twig
<twig:Test class="bg-primary" />

# renders
<div class="size-40 bg-danger bg-primary"></div>

# expected
<div class="size-40 bg-primary"></div>

我试图以这种方式将自己的合并在组成部分中

<div {{ attributes.defaults({
    class: ('size-40 bg-danger'~attributes.render('class'))|tailwind_merge,
}) }}></div>

但我最终在渲染分区中没有课程。

有办法做到吗？

现在，我现在以这种方式写它们，因为无论如何都要预读课。

<div class="{{ ('size-40 bg-danger ' ~ attributes.render('class'))|tailwind_merge }}"></div>