fix(documentation): change guide menu order

diegoazh · Nov 23, 2021 · 6e2bbfb · 6e2bbfb
1 parent 1d4d4ba
commit 6e2bbfb
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 29 deletions.
diff --git a/packages/documentation/docs/.vuepress/config.js b/packages/documentation/docs/.vuepress/config.js
@@ -19,32 +19,43 @@ module.exports = {
           title: 'Guide',
           collapsable: false,
           children: [
-            ['', 'Application concepts'],
-            ['cdn', 'Using a CDN'],
-            ['map-center', 'Map center'],
-            ['map-center-twoway', 'Map center two way binding'],
-            ['autocomplete', 'GmapAutocomplete'],
-            ['kml-layer', 'Kml layer'],
-            ['map-functions', 'Map functions'],
-            ['marker', 'Marker'],
-            ['basic-marker-cluster', 'Marker cluster'],
-            ['basic-marker-shape', 'Marker shape'],
-            ['place-input', 'Place input'],
-            ['place-default', 'Place default'],
-            ['status-bar-information', 'Status bar information'],
-            ['window-information', 'Window information'],
-            ['map-type-id', 'Map type id'],
-            ['overlay', 'Overlay'],
-            ['polyline', 'Polyline'],
-            ['polygon-simple', 'Poligon simple'],
-            ['polygon-advanced', 'Poligon advanced'],
-            ['resize-bus', 'Resize bus'],
-            ['map-destroy', 'Map destroy'],
-            ['street-view-panorama', 'Street view panorama'],
-            ['heat-map-layer', 'Heat Map Layer'],
-            ['drawing-manager', 'Drawing manager'],
-            ['drawing-manager-with-slot', 'Drawing manager with slot']
-          ]
+            {
+              title: 'Concepts',
+              collapsable: false,
+              path: '/guide/'
+            },
+            {
+              title: 'Components',
+              collapsable: false,
+              path: '/guide/cdn',
+              children: [
+                ['cdn', 'Using a CDN'],
+                ['map-center', 'Map center'],
+                ['map-center-twoway', 'Map center two way binding'],
+                ['autocomplete', 'GmapAutocomplete'],
+                ['kml-layer', 'Kml layer'],
+                ['map-functions', 'Map functions'],
+                ['marker', 'Marker'],
+                ['basic-marker-cluster', 'Marker cluster'],
+                ['basic-marker-shape', 'Marker shape'],
+                ['place-input', 'Place input'],
+                ['place-default', 'Place default'],
+                ['status-bar-information', 'Status bar information'],
+                ['window-information', 'Window information'],
+                ['map-type-id', 'Map type id'],
+                ['overlay', 'Overlay'],
+                ['polyline', 'Polyline'],
+                ['polygon-simple', 'Poligon simple'],
+                ['polygon-advanced', 'Poligon advanced'],
+                ['resize-bus', 'Resize bus'],
+                ['map-destroy', 'Map destroy'],
+                ['street-view-panorama', 'Street view panorama'],
+                ['heat-map-layer', 'Heat Map Layer'],
+                ['drawing-manager', 'Drawing manager'],
+                ['drawing-manager-with-slot', 'Drawing manager with slot']
+              ]
+            },
+          ],
         }
       ],
       '/': [['', 'Getting started']]

diff --git a/packages/documentation/docs/code/components/autocomplete.md b/packages/documentation/docs/code/components/autocomplete.md
@@ -5,7 +5,7 @@ title: autocomplete
 Autocomplete component
 
 ::: tip Tags
-**see**: [source code](/examples/autocomplete.html#source-code)<br />
+**see**: [source code](/guide/autocomplete.html#source-code)<br />
 :::
 
 ## Table of contents

diff --git a/packages/documentation/docs/guide/autocomplete.md b/packages/documentation/docs/guide/autocomplete.md
@@ -14,6 +14,14 @@ For more information please read the [Vue.js documentation for slots](https://vu
 
 :::
 
+## Variables
+
+This component save the original autocomplete object provided by Google Maps in a property called `$autocomplete`, as the example below.
+
+```javascript
+this.$autocomplete = new google.maps.places.Autocomplete(...);
+```
+
 ## Source code
 
 :::details Click to se the source code of <code>autocomplete.vue</code> component
@@ -177,7 +185,7 @@ export const autocompleteMappedProps = {
 
 If you need to know the API of this component please read it [here](/code/components/autocomplete.html).
 
-## Html example
+## Html examples
 
 :::details Complete HTML example
 

diff --git a/packages/gmap-vue/src/components/autocomplete.vue b/packages/gmap-vue/src/components/autocomplete.vue
@@ -23,7 +23,7 @@ import { autocompleteMappedProps } from '../utils/mapped-props-by-map-element';
 /**
  * Autocomplete component
  * @displayName GmapAutocomplete
- * @see [source code](/examples/autocomplete.html#source-code)
+ * @see [source code](/guide/autocomplete.html#source-code)
  */
 export default {
   props: {