Merge branch 'develop' of github.com:chakra-ui/chakra-ui-vue-next into fix/global-styles-syncing

codebender828 · codebender828 · commit 077248ee8e8c · 2022-03-05T17:33:14.000+08:00
diff --git a/.changeset/forty-bulldogs-know.md b/.changeset/forty-bulldogs-know.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/vue-theme": minor
+---
+
+add cssVarPrefix with charka as default to theme config
diff --git a/packages/theme/src/index.ts b/packages/theme/src/index.ts
@@ -7,6 +7,7 @@ export type ColorMode = "light" | "dark"
 export interface ColorModeOptions {
   initialColorMode?: ColorMode
   useSystemColorMode?: boolean
+  cssVarPrefix?: string
 }
 
 /**
@@ -15,6 +16,7 @@ export interface ColorModeOptions {
 const config: ColorModeOptions = {
   useSystemColorMode: false,
   initialColorMode: "light",
+  cssVarPrefix: "chakra",
 }
 
 export const theme = {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@chakra-ui/vue-theme": minor
 +---
++
 +add cssVarPrefix with charka as default to theme config
Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@ export type ColorMode = "light" \| "dark"`
`7`	`7`	`export interface ColorModeOptions {`
`8`	`8`	`initialColorMode?: ColorMode`
`9`	`9`	`useSystemColorMode?: boolean`
	`10`	`+ cssVarPrefix?: string`
`10`	`11`	`}`
`11`	`12`
`12`	`13`	`/**`
`@@ -15,6 +16,7 @@ export interface ColorModeOptions {`
`15`	`16`	`const config: ColorModeOptions = {`
`16`	`17`	`useSystemColorMode: false,`
`17`	`18`	`initialColorMode: "light",`
	`19`	`+ cssVarPrefix: "chakra",`
`18`	`20`	`}`
`19`	`21`
`20`	`22`	`export const theme = {`