如何在Nuxt UI中动态选择原色？

Question

我用 nuxtui 创建了一个新的 nuxt 项目，启动器看起来很棒。我可以看到主颜色是在 app.config.ts 文件中设置的，如下所示，更改主属性的值有助于在开发时手动更改主颜色。

export default defineAppConfig({
  ui: {
    primary: 'red',
    gray: 'neutral',
  }
})

我希望用户能够在运行时动态更改主色。我如何添加这个功能。请帮忙:)

我尝试从app.vue强制app.config.ts中的primary，但出现以下错误

Uncaught SyntaxError: import not found: defineAppConfig

意味着我无法在运行时导入 app.config.ts

Answer 1

Nuxt ui 文档在其网站上有此功能。看看他们的实现，他们改变了配置。它是反应性的