diff --git a/docs/src/components/info-window.md b/docs/src/components/info-window.md
index ad13e40..c5751d7 100755
--- a/docs/src/components/info-window.md
+++ b/docs/src/components/info-window.md
@@ -1,11 +1,8 @@
# Info Window
-
-## Create
-
-You can create info window by passing custom HTML or Vue components as the child of `Marker` component.
+You can create info window by passing custom HTML or Vue components as the child of `Marker` component.
```vue
-
-
+
I am info window. I appear, when you click a marker
-
-
+
+
```
## Center markers automatically
diff --git a/docs/src/components/map.md b/docs/src/components/map.md
index 58a1ba0..1713614 100644
--- a/docs/src/components/map.md
+++ b/docs/src/components/map.md
@@ -4,31 +4,31 @@
This is the base Map component. If no props are provided, it shows an empty map component with default controls.
-```javascript
-
+```vue
+
```
## Provide your own style
You can provide custom map styling as prop.
You can generate custom map styles at [https://mapstyle.withgoogle.com/](https://mapstyle.withgoogle.com/)
-```javascript
-
```
## Disable ui elements
You can disable all ui components at once
-```javascript
-
```
You can also disable specific UI components
```vue
-
```
## Access google maps instance
-You can easily access Map instance by injecting it in your component.
+You can easily access Map instance by accessing map ref in your component.
-```javascript
- const loadMap = inject(
- "mapPromise"
- );
-
- loadMap.then(map=> {
- console.log( {map})
- })
+```vue
+
```
-
## Add custom button
You can use the map instance to add custom buttons to your map
```js