title: Cannot read properties of undefined (reading 'weather') in nuxtjs api call
body: <p>I cannot get the result from the open Weather API,I get this error: Cannot read properties of undefined (reading 'weather'), but the error's gone when I move the v-list part to another page.</p>
  <p><strong>code is below, any helps would be appreciated :</strong></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>   
  &lt;template&gt;
      &lt;div&gt;
          &lt;v-row&gt;
              &lt;v-col sm="10" offset-sm="1" lg="8" offset-lg="2"&gt;
                  &lt;h2 class="text-uppercase title text-center my-5"&gt;weather forecast&lt;/h2&gt;
                  &lt;v-row justify="center"&gt;
                      &lt;v-btn color="primary" outlined class="mt-7" @click="showWeatherInfo"&gt;Show Info&lt;/v-btn&gt;
                  &lt;/v-row&gt;
                  &lt;v-row&gt;
                      &lt;v-list&gt;
                          &lt;v-list-item-group&gt;
                              &lt;v-list-item&gt;Weather: {{item.weather[0].main}}&lt;/v-list-item&gt;
                              &lt;v-list-item&gt; temperature: {{item.main.temp}} ° C. &lt;/v-list-item&gt;
                              &lt;v-list-item&gt; humidity: {{item.main.humidity}} % &lt;/v-list-item&gt;
                              &lt;v-list-item&gt; wind: {{item.wind.speed}}m &lt;/v-list-item&gt;
                          &lt;/v-list-item-group&gt;
                      &lt;/v-list&gt;
                  &lt;/v-row&gt;
                  &lt;v-row justify="center"&gt;
                      &lt;v-btn color="primary" outlined class="mt-7"&gt;Go Back&lt;/v-btn&gt;
                  &lt;/v-row&gt;
              &lt;/v-col&gt;
          &lt;/v-row&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default{
      data(){
          return{
          }
      },
      methods : {
          async showWeatherInfo(){
              const item = await this.$axios.$get(`https://api.openweathermap.org/data/2.5/weather?q=tehran&amp;appid=${process.env.apiKey}`)
              console.log(item)
              return { item }
          }
      }
  }
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>