自定义的样式变量，如何处理使用时的类型错误？

[vaseala]

js

const overrides = ref({
  common: {
    bodyColor: '#FAFAFA',
    rowBgColor: 'red',
  },
})

html

<n-config-provider :theme-overrides="overrides">
</n-config-provider>

useage in css code

.selector{
  background-color: v-bind('themeVars.rowBgColor');
}

[vaseala]

Property 'rowBgColor' does not exist on type '{ baseColor: string; primaryColor: string; primaryColorHover: string; primaryColorPressed: string; primaryColorSuppl: string; infoColor: string; infoColorHover: string; infoColorPressed: string; ... 94 more ...; name: "common"; } & CustomThemeCommonVars'.ts-plugin(2339)
Sets the background color of an element.

(Edge 12, Firefox 1, Safari 1, Chrome 1, IE 4, Opera 3)

Syntax:

MDN Reference

[blackawn]

add to env.d.ts

declare module 'naive-ui' {
  export interface CustomThemeCommonVars {
    rowBgColor: string
  }
}