title: Trying to load json through Vue Axios
body: <p>I'm trying to include a local JSON file from the <code>static</code> directory called <code>blogs.json</code> which has a load of blogs inside it.</p>
  
  <p>I'm currently loading the blogs via Vue Axios which is a module I'm including in Nuxt JS.</p>
  
  <p>Currently, the blogs are being loaded from the json file perfectly fine, however there is a noticeable few ms delay before the blogs are loaded, I'm trying to figure out a better approach to load the json file and populate the <code>blogs</code> array listed inside <code>data()</code> </p>
  
  <p>This is my current code:</p>
  
  <pre><code>&lt;script&gt;
  import PageBanner from '~/components/PageBanner';
  
  export default {
    head: {
      title: 'Site Title: Blog',
      meta: [
        { hid: 'description', name: 'description', content: 'Site description' }
      ]
    },
    components: {
      PageBanner
    },
    data () {
      return {
        blogs: [],
        isLoading: true
      }
    },
    created () {
      this.axios.get("/articles/blogs.json").then((response) =&gt; {
        this.blogs = response.data
        this.isLoading = false
      })
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>This works just fine, but how could I modify this to load the json more quickly?</p>