add to each component the module it comes from

docs/component/bingmaps-source.md

@@ -5,11 +5,13 @@
 `vl-source-bingmaps` adds ability to display tile data from Bing Maps. To use
 this source you should get **API key** at https://www.bingmapsportal.com.
 
-## Versions
+## ES6 Module
 
-`vl-source-bingmaps` is a part of **BingmapsSource** module:
+```javascript
+import { BingmapsSource } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/bingmaps-source/
+Vue.use(BingmapsSource)
+```
 
 ## Usage
 

docs/component/circle-geom.md

@@ -1 +1,9 @@
 # vl-geom-circle
+
+## ES6 Module
+
+```javascript
+import { CircleGeom } from 'vuelayers'
+
+Vue.use(CircleGeom);
+```

docs/component/circle-style.md

@@ -1 +1,9 @@
 # vl-style-circle
+
+## ES6 Module
+
+```javascript
+import { CircleStyle } from 'vuelayers'
+
+Vue.use(CircleStyle)
+```

docs/component/draw-interaction.md

@@ -1 +1,9 @@
 # vl-interaction-draw
+
+## ES6 Module
+
+```javascript
+import { DrawInteraction } from 'vuelayers'
+
+Vue.use(DrawInteraction)
+```

docs/component/feature.md

@@ -13,11 +13,13 @@ components, without geometry component nothing will be rendered.
 Custom feature styles can be applied with [`vl-style-*`](/docs/component/circle-style.md) 
 components placed inside default slot.
 
-## Versions
+## ES6 Module
 
-`vl-feature` component is a part of **Feature** module:
+```javascript
+import { Feature } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/feature/
+Vue.use(Feature)
+```
 
 ## Usage
 

docs/component/geoloc.md

@@ -6,11 +6,13 @@
 The [Geolocation API](https://www.w3.org/TR/geolocation-API/) is used to locate 
 a user's position. You can place it to the **default slot** of [`vl-map`](/docs/component/map.md) component.
 
-## Versions
+## ES6 Module
 
-`vl-geoloc` is a part of **Geoloc** module:
+```javascript
+import { Geoloc } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/geoloc/
+Vue.use(Geoloc)
+```
 
 ## Usage
 

docs/component/image-layer.md

@@ -5,11 +5,13 @@
 `vl-layer-image` components can render any server-rendered image, it is a container for
 raster source, like [`vl-source-image-static`](/docs/component/image-static-source.md).
 
-## Versions
+## ES6 Module
 
-`vl-layer-image` component is a part of **ImageLayer** module:
+```javascript
+import { ImageLayer } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/image-layer/
+Vue.use(ImageLayer)
+```
 
 ## Usage
 

docs/component/image-static-source.md

@@ -1,3 +1,9 @@
 # vl-image-static-source
 
-// TODO
+## ES6 Module
+
+```javascript
+import { ImageStaticSource } from 'vuelayers'
+
+Vue.use(ImageStaticSource)
+```

docs/component/image-wms-source.md

@@ -1,3 +1,9 @@
 # vl-image-wms-source
 
-// TODO
+## ES6 Module
+
+```javascript
+import { ImageWmsSource } from 'vuelayers'
+
+Vue.use(ImageWmsSource)
+```

docs/component/line-string-geom.md

@@ -1 +1,9 @@
 # vl-geom-line-string
+
+## ES6 Module
+
+```javascript
+import { LineStringGeom } from 'vuelayers'
+
+Vue.use(LineStringGeom)
+```

docs/component/map.md

@@ -6,11 +6,13 @@ It is a main container for all other VueLayers components and has one `default`
 slot to place them all. Usually you will use it together with [`vl-view`](/docs/component/view.md) 
 component to setup `zoom`, `center`, `projection` and other view related propeties for the map.
 
-## Module system
+## ES6 Module
 
-`vl-map` component is a part of **Map** module:
+```javascript
+import { Map } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/map/
+Vue.use(Map)
+```
 
 ## Usage
 

docs/component/modify-interaction.md

@@ -1 +1,9 @@
 # vl-interaction-modify
+
+## ES6 Module
+
+```javascript
+import { ModifyInteraction } from 'vuelayers'
+
+Vue.use(ModifyInteraction)
+```

docs/component/multi-line-string-geom.md

@@ -1 +1,9 @@
 # vl-geom-multi-line-string
+
+## ES6 Module
+
+```javascript
+import { MultiLineStringGeom } from 'vuelayers'
+
+Vue.use(MultiLineStringGeom)
+```

docs/component/multi-point-geom.md

@@ -1 +1,9 @@
 # vl-geom-multi-point
+
+## ES6 Module
+
+```javascript
+import { MultiPointGeom } from 'vuelayers'
+
+Vue.use(MultiPointGeom)
+```

docs/component/multi-polygon-geom.md

@@ -1 +1,9 @@
 # vl-geom-multi-polygon
+
+## ES6 Module
+
+```javascript
+import { MultiPolygonGeom } from 'vuelayers'
+
+Vue.use(MultiPolygonGeom)
+```

docs/component/osm-source.md

@@ -1 +1,9 @@
 # vl-source-osm
+
+## ES6 Module
+
+```javascript
+import { OsmSource } from 'vuelayers'
+
+Vue.use(OsmSource)
+```

docs/component/overlay.md

@@ -7,11 +7,13 @@ the map. It has **default** scoped slot to render your custom content. You can
 place it any component with slot inside the map components tree to easily bind
 it to some coordinate (for example: inside `vl-feature` or `vl-view`).
 
-## Versions
+## ES6 Module
 
-`vl-overlay` component is a part of **Overlay** module:
+```javascript
+import { Overlay } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/overlay/
+Vue.use(Overlay)
+```
 
 ## Usage
 

docs/component/point-geom.md

@@ -1 +1,9 @@
 # vl-geom-point
+
+## ES6 Module
+
+```javascript
+import { PointGeom } from 'vuelayers'
+
+Vue.use(PointGeom)
+```

docs/component/polygon-geom.md

@@ -1 +1,9 @@
 # vl-geom-polygon
+
+## ES6 Module
+
+```javascript
+import { PolygonGeom } from 'vuelayers'
+
+Vue.use(PolygonGeom)
+```

docs/component/select-interaction.md

@@ -1 +1,9 @@
 # vl-interaction-select
+
+## ES6 Module
+
+```javascript
+import { SelectInteraction } from 'vuelayers'
+
+Vue.use(SelectInteraction)
+```

docs/component/snap-interaction.md

@@ -1 +1,9 @@
 # vl-interaction-snap
+
+## ES6 Module
+
+```javascript
+import { SnapInteraction } from 'vuelayers'
+
+Vue.use(SnapInteraction)
+```

docs/component/sputnik-source.md

@@ -1 +1,9 @@
 # vl-source-sputnik
+
+## ES6 Module
+
+```javascript
+import { SputnikSource } from 'vuelayers'
+
+Vue.use(SputnikSource)
+```

docs/component/style-box.md

@@ -1 +1,9 @@
 # vl-style-box
+
+## ES6 Module
+
+```javascript
+import { StyleBox } from 'vuelayers'
+
+Vue.use(StyleBox)
+```

docs/component/tile-layer.md

@@ -6,11 +6,13 @@
 grids organized by zoom levels. It should be used together with tiled source components like
 [`vl-source-xyz`](/docs/component/xyz-source.md), [`vl-source-wmts`](/docs/component/wmts-source.md), [`vl-source-osm`](/docs/component/osm-source.md).
 
-## Versions
+## ES6 Module
 
-`vl-layer-tile` component is a part of **TileLayer** module:
+```javascript
+import { TileLayer } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/tile-layer/
+Vue.use(TileLayer)
+```
 
 ## Usage
 

docs/component/vector-layer.md

@@ -5,11 +5,13 @@
 `vl-layer-vector` can render vector from verious backend services. It should be
 used with together with [`vl-source-vector`](/docs/component/vector-source.md) component.
 
-## Versions
+## ES6 Module
 
-`vl-layer-vector` is a part of **VectorLayer** module:
+```javascript
+import { VectorLayer } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/vector-layer/
+Vue.use(VectorLayer)
+```
 
 ## Usage
 

docs/component/vector-source.md

@@ -5,9 +5,13 @@
 `vl-source-vector` can be used together with [`vl-layer-vector`](/docs/component/vector-layer.md) to
 draw any vector data on the map.
 
-# Versions
+## ES6 Module
 
-- **ES6**: https://unpkg.com/vuelayers/lib/vector-source/
+```javascript
+import { VectorSource } from 'vuelayers'
+
+Vue.use(VectorSource)
+```
 
 ## Usage
 

docs/component/vector-tile-layer.md

@@ -5,11 +5,13 @@
 `vl-layer-vector-tile` can render tiled vector data in grids organized by zoom levels. It should be used together with 
 [`vl-source-vector-tile`](/docs/component/vector-tile-source.md) component.
 
-## Versions
+## ES6 Module
 
-`vl-layer-vector-tile` component is a part of **VectorTileLayer** module:
+```javascript
+import { VectorTileLayer } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/vector-tile-layer/
+Vue.use(VectorTileLayer)
+```
 
 ## Usage
 

docs/component/vector-tile-source.md

@@ -1 +1,9 @@
 # vl-source-vector-tile
+
+## ES6 Module
+
+```javascript
+import { VectorTileSource } from 'vuelayers'
+
+Vue.use(VectorTileSource)
+```

docs/component/view.md

@@ -5,11 +5,14 @@
 `vl-view` is the component to act upon to change the **center**, **resolution** 
 and **rotation** of the map.
 
-## Versions
+## ES6 Module
 
-`vl-view` component is a part of **Map** module:
+```javascript
+// vl-view component comes with vl-map
+import { Map } from 'vuelayers'
 
-- **ES6**: https://unpkg.com/vuelayers/lib/map/
+Vue.use(Map)
+```
 
 ## Usage
 

docs/component/wms-source.md

@@ -1 +1,9 @@
 # vl-source-wms
+
+## ES6 Module
+
+```javascript
+import { WmsSource } from 'vuelayers'
+
+Vue.use(WmsSource)
+```

docs/component/wmts-source.md

@@ -1 +1,9 @@
 # vl-source-wmts
+
+## ES6 Module
+
+```javascript
+import { WmtsSource } from 'vuelayers'
+
+Vue.use(WmtsSource)
+```

docs/component/xyz-source.md

@@ -1 +1,9 @@
 # vl-source-xyz
+
+## ES6 Module
+
+```javascript
+import { XyzSource } from 'vuelayers'
+
+Vue.use(XyzSource)
+```