feat(nuxt): full ssr compatibility

Author: codebender828

examples/nuxt-app/app.vue

@@ -15,6 +15,10 @@
     >
       Click me to toggle. ({{ colorMode }})
     </chakra.button>
+
+    <chakra.button px="4" py="3" bg="$brand" font-weight="bold">
+      Extended Component
+    </chakra.button>
   </chakra.div>
 </template>
 

packages/core/src/helpers/plugin.types.ts

@@ -17,7 +17,6 @@ export interface ChakraPluginOptions {
   cssReset?: boolean
   extendTheme?: ThemeOverride
   icons?: IconsOptions
-  defaultColorMode?: UnwrapRef<ColorModeRef>
   colorModeManager?: StorageManager
   emotionCacheOptions?: Options
   isBaseTheme?: boolean

tsconfig.json

@@ -47,7 +47,7 @@
     "playground/**/*.json",
     "tests/index.d.ts",
     "**/*.d.ts",
-    "vite.config.ts",
+    "vite.config.ts", "packages/nuxt/src/runtime/chakra.client.template.jst",
   ],
   "exclude": [
     "node_modules",