docs: add plugin-options page

Author: carwack

docs/.vitepress/config.js

@@ -41,6 +41,7 @@ function getSetupSidebar() {
       children: [
         { text: 'Chakra UI Vue', link: '/' },
         { text: 'Getting Started', link: '/guides/getting-started' },
+        { text: 'Plugin Options', link: '/pages/getting-started/plugin-options' },
         { text: 'Style Props', link: '/pages/getting-started/style-props' }
       ]
     },

docs/pages/getting-started/plugin-options.md

@@ -0,0 +1,61 @@
+# Plugin Options
+
+Chakra UI's plugin gives you the ability to extend Chakra's features for your application.
+Here are all the options available when configuring the plugin and their default values:
+
+```js
+import ChakraUIVuePlugin, { extendTheme } from '@chakra-ui/vue-next'
+
+Vue.use(ChakraUIVuePlugin, {
+  /**
+  * Extends the Chakra theme object with the values
+  * provided in this option. Chakra UI recursively merges this
+  * theme object and will overwrite defaults with extended theme
+  * values.
+  * 
+  * @see
+  * - Theme specification - https://theme-ui.com/theme-spec/
+  * - Example:
+  *  TODO: Link to docs extendTheme
+  */
+  extendTheme: extendTheme({}),
+  /**
+   * Enables extension of icons inside the Chakra app.
+   * 
+   * @see
+   *  - Icons: https://next.vue.chakra-ui.com/icon
+   */
+  icons: {
+    /**
+     * The pack of the icons being used.
+     * This defaults to FontAwesome (fa).
+    */
+    iconPack: 'fa',
+    /**
+     *The object of icon paths to be consumed.
+     * For example:
+     *  - faArrowUp
+     *  - faArrowDown 
+    */
+    iconSet: {},
+    /**
+     * Custom SVG paths that can be added to the
+     * Chakra application and can be accessed by Chakra.
+     * Chakra defaults all SVG icon paths 'viewBox' to `0 0 24 24`.
+     * 
+     * e.g.
+     * extend: {
+     *    github: {
+     *       path: `<path ...> </path>`,
+     *        viewbox: `0 0 24 24` 
+     *    }
+     * }
+     * 
+     * @see
+     *  - Icons: https://next.vue.chakra-ui.com/icon
+    */
+    extend: {},
+  }
+})
+
+```