title: See Google Autocomplete Address with nuxtJs separately
body: <p>I am using Google Autocomplete Places with NuxtJs like described in the followed link:</p>
  <p><a href="https://medium.com/@jpoechill/superbasic-google-autocomplete-with-nuxt-js-378a9262659a" rel="nofollow noreferrer">https://medium.com/@jpoechill/superbasic-google-autocomplete-with-nuxt-js-378a9262659a</a></p>
  <p>Its working properly but the fact is that I want to get the data from the address separately in autofill inputs like this &quot;Autofill fields&quot;:</p>
  <p><a href="https://www.npmjs.com/package/vue-place-autocomplete" rel="nofollow noreferrer">https://www.npmjs.com/package/vue-place-autocomplete</a></p>
  <p>I dont want anything elaborated, if I could return the address separately (by country, state, city,...) in console it would be great!</p>
  <p>Here follows the code:</p>
  <pre><code>&lt;v-text-field id=&quot;searchTextField&quot; v-model=&quot;searchTextField&quot; label=&quot;Digite um endereço&quot; v-on:keydown=&quot;searchAddress()&quot; color=&quot;rgba(65, 27, 153, 0.95)&quot; outlined&gt;
  &lt;/v-text-field&gt;
  </code></pre>
  <p>Method:</p>
  <pre><code>async searchAddress() {
         var defaultBounds = new google.maps.LatLngBounds(
            new google.maps.LatLng(-33.8902, 151.1759),
           new google.maps.LatLng(-33.8474, 151.2631));
          var input = document.getElementById('searchTextField');
          var options = {
            bounds: defaultBounds,
            types: ['address']
          };
          this.autocomplete = new google.maps.places.Autocomplete(
            input, options
          );
        },
  </code></pre>