Как динамически выбирать основной цвет в пользовательском интерфейсе Nuxt?

Я создал новый проект nuxt с помощью nuxtui, и стартер выглядит великолепно. Я вижу, что основной цвет задается в файле app.config.ts, как показано ниже, и изменение значения основного свойства помогает изменить основной цвет вручную во время разработки.

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

Я хочу, чтобы пользователь мог динамически изменять основной цвет во время выполнения. Как добавить эту функцию. Пожалуйста помоги :)

Я попытался принудительно использовать первичный файл app.config.ts из app.vue, но получил следующую ошибку Uncaught SyntaxError: import not found: defineAppConfig это означает, что я не могу импортировать app.config.ts во время выполнения