Options API Reference (#73)

* feat: started with Global Config API

* feat: finished global config

* feat: added component global api

* feat: added directives API

* feat: added mixin API

* feat: add mount API

* feat: added unmount and use

* Update src/api/global-api.md

Co-Authored-By: Jinjiang <zhaojinjiang@me.com>

* Update src/api/global-config.md

Co-Authored-By: Jinjiang <zhaojinjiang@me.com>

* fixL changed global -> application

* fix: fixed types for config

* fix: fixed types for API

* feat: added a note about native HTML tags

* feat: added options data chapter

* feat: finished options data

* feat: added options-DOM

* Added emits to data

* feat: added lifecycle hooks

* feat: added renderTracked and renderTriggered

* feat: added options assets

* feat: added options composition

* feat: added misc to options

* fix: TODO cleanup

* fix: changed data description

Co-authored-by: Jinjiang <zhaojinjiang@me.com>

Author: NataliaTepluhina

src/.vuepress/config.js

@@ -54,7 +54,22 @@ const sidebar = {
       children: ['writing-guide']
     }
   ],
-  api: ['/api/application-config', '/api/application-api']
+  api: [
+    '/api/application-config',
+    '/api/application-api',
+    {
+      title: 'Options',
+      collapsable: false,
+      children: [
+        '/api/options-data',
+        '/api/options-dom',
+        '/api/options-lifecycle-hooks',
+        '/api/options-assets',
+        '/api/options-composition',
+        '/api/options-misc'
+      ]
+    }
+  ]
 }
 
 module.exports = {
@@ -65,22 +80,22 @@ module.exports = {
       'link',
       {
         href: 'https://use.fontawesome.com/releases/v5.13.0/css/all.css',
-        rel: 'stylesheet',
-      },
+        rel: 'stylesheet'
+      }
     ],
     ['link', { rel: 'icon', href: '/logo.png' }],
     [
       'script',
       {
-        src: 'https://player.vimeo.com/api/player.js',
-      },
+        src: 'https://player.vimeo.com/api/player.js'
+      }
     ],
     [
       'script',
       {
         src: 'https://extend.vimeocdn.com/ga/72160148.js',
-        defer: 'defer',
-      },
+        defer: 'defer'
+      }
     ]
   ],
   themeConfig: {

src/api/application-api.md

@@ -200,7 +200,7 @@ app.mount('#my-app')
 
 - **Details:**
 
-  This option is used together with [`inject`](TODO:inject) are used together to allow an ancestor component to serve as a dependency injector for all its descendants, regardless of how deep the component hierarchy is, as long as they are in the same parent chain.
+  This option is [used together with `inject`](../api/options-composition.html#provide-inject) to allow an ancestor component to serve as a dependency injector for all its descendants, regardless of how deep the component hierarchy is, as long as they are in the same parent chain.
 
   The `provide` option should be an object or a function that returns an object. This object contains the properties that are available for injection into its descendants. You can use ES2015 Symbols as keys in this object, but only in environments that natively support `Symbol` and `Reflect.ownKeys`.
 

src/api/options-assets.md

@@ -0,0 +1,21 @@
+# Assets
+
+## directives
+
+- **Type:** `Object`
+
+- **Details:**
+
+  A hash of directives to be made available to the Vue instance.
+
+- **See also:** [Custom Directives](../guide/custom-directive.html)
+
+## components
+
+- **Type:** `Object`
+
+- **Details:**
+
+  A hash of components to be made available to the Vue instance.
+
+- **See also:** [Components](../guide/component-basics.html)