xiaomo

可以参考这个 https://github.com/varletjs/varlet-nuxt-template

> > 可以参考这个 > > https://github.com/varletjs/varlet-nuxt-template > > 我是初学者，看不太懂 项目年久失修，由于上游问题，i18n 会导致一个错误，升级依赖后已经可以正常访问了，详情可以参见 https://github.com/nuxt/nuxt/issues/31265 现在可以正常使用 https://github.com/varletjs/varlet-nuxt-template 来进行参考

> 设置主题照理说应该在构建期间就生成好css，而Varlet是在运行时插入样式 跟这个没什么关系，是因为你在 onMound 中设置主题，所以只会在客户端执行，水合时样式并没有带上去，所以会导致闪烁 而 varletjs 的主题切换实际上是会操作 Dom 的，所以如果你直接写在组件中会 Error，只能在客户端执行。 当然，十分欢迎帮我们支持这一步，PR Welcome。

> 在nuxt.config.ts中如何在varlet选项中设置本地更改的varlet的root样式，比如项目/assets/xxx.css中:root{--cell-padding: 0; --collapse-background: none; --collapse-header-padding: 16px 0;}，如果这样修改成功是否在nuxt运行的时候会直接替换varlet的原始root样式，保证打包完成后的--cell-padding、--collapse-background、 --collapse-header-padding样式生效且这几个样式原始值不会出现在发布后的项目当中？ emmmm 这其实是个 css 优先级问题，当你自己的优先级足够高，自然就能覆盖。 你想直接在 nuxt.config 中做到这一点，只需要写样式在 head 注入就好