Development (#19)

* Travis config updated

Moved to to node 8.9

* Removes junk

* GlMap stop() method now returns Promise

* Adding docsify-managed documentation (#13)

* Documentation updated

* Readme and webpack config update

* Readme updated

* Added standart 'added' event for all components

* Updated documenation about component composition

* 0.0.12

* Minor fixes

* Fixed misspelling

* Fixes map breaking on mapbox 0.44

* Version bump

* 0.0.14

* New build

* new build

Author: soal

.eslintrc.js

@@ -21,7 +21,6 @@ module.exports = {
   "rules": {
     "jsx-quotes": 1,
     "no-debugger": process.env.NODE_ENV === "production" ? 2 : 1,
-    "camelcase": 0,
     "comma-dangle": [2, "never"],
     "complexity": 2,
     "space-before-function-paren": [0, "never"],

dist/vue-mapbox.min.js

@@ -80,7 +80,7 @@ export default {
 }
 ```
 
-Vue-mapbox component will work even if it wrapped in another component as long they in components sub-tree of base map component.
+Vue-mapbox component will work even if it wrapped in another component as long as they in components sub-tree of base map component.
 
 For example:
 
@@ -141,4 +141,4 @@ export default {
 }
 ```
 
-After successful mount all components emits 'added' envent with map object, Vue component object and additional data, such as corresponding Mapbox GL JS object or obhect contining layer id in payload.
+After successful mount all components emits 'added' envent with map object, Vue component object and additional data, such as corresponding Mapbox GL JS object or object containing layer id in payload.

dist/vue-mapbox.min.js.gz

@@ -1,10 +1,11 @@
 # Map controls
 ## Overview
-Controls is UI elemtns for controling view of the map, such as scale or bearing.
+Controls is UI elemetns for controling view of the map, such as scale or bearing.
 You can check them out in Mapbox GL JS [documentation](https://www.mapbox.com/mapbox-gl-js/api/#user%20interface)
 In Vue-mapbox they exposed as Vue components, so you can control they properties and behavior dynamically by changing props.
 See list of controls and they properties in [API docs](api/controls.md) 
 <!-- If you just want add controls with default parameters on map initialization you can set corresponfing prop on GlMap.  
 Take note that you should not use MglMap prop and control component simultaniesly. For exmaple, you should use `<mgl-map> -->
 
 ### Attribution control
+Due to Mapbox [policy](https://www.mapbox.com/help/how-attribution-works/) attribution control is enabled by default. Yo can disable default attributions by setting `attributionControl` prop of MglMap to `false` and set your own attribution using AttributionControl component.

docs/composition.md

@@ -1 +1,49 @@
 # Layers and sources
+Geographic features on the map draws as layers. Every layer must have a source which contains data for layer (for exmaple, GeoJSON object). You can read more about sources in Mapbox GL JS [documentation](https://www.mapbox.com/mapbox-gl-js/api/#sources).
+
+Vue-mapbox exposes layers as Vue components and source passed to layer as prop. There is several layers types for drawning different types of sources.
+For example adding a layer with GeoJSON data:
+
+```html
+<template>
+  <mgl-map
+    :accessToken="accessToken"
+    :mapStyle.sync="mapStyle"
+  >
+    <mgl-navigation-contol position="top-right"/> <!-- Adding navigation control-->
+    <mgl-geojson-layer
+      :type="fill"
+      :layerId="geoJsonSource.properties.id"
+      :source.sync="geoJsonSource"
+    >
+    </mgl-geojson-layer>
+
+  </mgl-map>
+</template>
+```
+
+```javascript
+import {
+  MglMap,
+  MglNavigationControl,
+  MglGeojsonLayer
+} from 'vue-mapbox'
+
+export default {
+  components: {
+    MglMap,
+    MglNavigationControl,
+    MglGeolocateControl,
+    MglGeojsonLayer
+  },
+  data() {
+    return {
+      accessToken: 'some_token',
+      mapStyle: 'style_object',
+      geoJsonSource: {
+        //...some GeoJSON object
+      }
+    }
+  }
+}
+```