📚 Add Nuxt option information for extending theme

JayMeDotDot · Oct 9, 2020 · d7db27f · d7db27f
1 parent d04bcaa
commit d7db27f
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/website/pages/extending-theme.mdx b/website/pages/extending-theme.mdx
@@ -61,3 +61,22 @@ new Vue({
 }).$mount()
 ```
 
+### In Nuxt.js
+In your nuxt.config.js file, you can then add your custom theme object by passing it in the `extendTheme` option.
+
+```js
+// Import your customTheme object
+import customTheme from 'custom-theme.js'
+export default {
+  ...
+  modules: [
+    '@chakra-ui/nuxt',
+    '@nuxtjs/emotion'
+  ],
+  chakra: {
+      extendTheme: customTheme
+    }
+  }
+  ...
+}
+```