This repository was archived by the owner on Sep 20, 2024. It is now read-only.
This repository was archived by the owner on Sep 20, 2024. It is now read-only.
qn: Error using $chakraColorMode method with typescript #469
Description
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:
- create a nuxt app with
yarn create nuxt-app <project-name> - Select chakra-ui and typescript modules
- Activate runtime linting (ignore static/.sw.js)
- 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]