fix: update import path

Author: codebender828

packages/layout/src/text.ts

@@ -45,7 +45,15 @@ export const CText = defineComponent({
     ...vueThemingProps,
   },
   setup(props, { slots, attrs }) {
-    const styles = useStyleConfig('Text', props)
+    const themingProps = computed<ThemingProps>(() =>
+      filterUndefined({
+        colorScheme: props.colorScheme,
+        variant: props.variant,
+        size: props.size,
+        styleConfig: props.styleConfig,
+      })
+    )
+    const styles = useStyleConfig('Text', themingProps.value)
 
     const aliasedProps = computed(() =>
       filterUndefined({

tooling/auto-import/src/index.ts

@@ -1,9 +1,10 @@
-import kebabCase from 'lodash.kebabcase'
+import * as ChakraComponenets from '@chakra-ui/vue-next'
 
 export const componentResolver = (name: string) => {
-  if (kebabCase(name).startsWith('c-'))
+  if (name in ChakraComponenets) {
     return {
       importName: name,
       path: `@chakra-ui/vue-next`,
+    }
   }
 }

tooling/auto-import/tests/vue-auto-import.test.ts

@@ -2,14 +2,23 @@ import { componentResolver } from '../src'
 
 it('should resolve chakra components with import name and path', () => {
   const components = [
-    'CColorModeProvider',
+    'CCloseButton',
     'CBox',
-    'CPortal'
+    'CPortal',
+    'CHStack',
+    'CVStack',
+    'CBox',
+    'CCircle',
+    'CSquare',
+    'CKbd',
   ]
 
   const path = '@chakra-ui/vue-next'
 
   components.forEach((templateComponent: string) => {
-    expect(componentResolver(templateComponent)).toEqual({ importName: templateComponent, path })
-  });
-})
+    expect(componentResolver(templateComponent)).toEqual({
+      importName: templateComponent,
+      path,
+    })
+  })
+})