当网站是多语言且第二语言是 RTL 时如何设置组件样式？

【问题标题】：how to style component when website is multi-language & second language is RTL?当网站是多语言且第二语言是 RTL 时如何设置组件样式？
【发布时间】：2021-11-02 13:43:56
【问题描述】：

我在 Nuxt 有一个多语言项目（英语和波斯语）。如您所知，波斯语是 RTL 和英语 LTR 当语言改变时我应该如何设计组件样式也改变？我使用tailwindCSS

【问题讨论】：

标签： vue.js nuxt.js multilingual tailwind-css

【解决方案1】：

tailwindcss 核心不支持 Rtl。

您有一些选项可以在您的项目中支持 rtl：

有一个插件：tailwindcss-rtl
或者你可以使用WindiCSS：

如果您已经熟悉 Tailwind CSS，请将 Windi CSS 视为 Tailwind 的按需替代品，它提供更快的加载时间，与 Tailwind v2.0 完全兼容，并具有许多额外的酷功能。

WindiCss Rtl page

【讨论】：

实际上我使用 DaisyUI 作为它的组件，我不知道我也可以同时使用 windicss