qn: Error using $chakraColorMode method with typescript

Describe the bug I have just create a brand new nuxt.js project, with chakra-ui and typescript and if I set script tag’s lang attribute to “ts”, then it marks me an error over any use of this.$chakraColorMode(), this.$chakraTheme(), this.$toggleColorMode, this.$toast()

The error: Property ‘$chakraColorMode’ does not exist on type ‘CombinedVueInstance<Vue, unknown, unknown, unknown, Readonly<Record<never, any>>>’.Vetur(2339)

Is there any way to work around this??

To Reproduce Steps to reproduce the behavior:

1. create a nuxt app with yarn create nuxt-app <project-name>
2. Select chakra-ui and typescript modules
3. Activate runtime linting (ignore static/.sw.js)
4. See error in page index

Expected behavior Have no errors since this method is injected by chakra-ui

Screenshots

Desktop (please complete the following information):

• OS: [e.g. MacOS Big Sur]

[Pwuts]

@codebender828 I’ll look into the props specifically when I have time, which is probably going to be monday at the earliest.

[Pwuts]

Since $chakraTheme, $chakraColorMode are provided by CThemeProvider and CColorModeProvider, and only exist within those components, I think it makes little sense to declare them on the global Vue instance. However, as it is intended for global use, it might make sense to move this functionality out of those two components into a client-side plugin which actually makes these properties available on the Vue instance and context.