title: Nuxt.js + vuetify image not loading
body: <p>I'm using Nuxt.js + Vuetify, but the images are not able to load in my next page files. For example, in my <code>./pages/browse/index.vue</code>, I have a vuetify image tag like this:</p>
  
  <pre><code>&lt;v-img
    src="~/assets/img/test.png"
    style="width:300px"
    contain
  &gt;&lt;/v-img&gt;
  </code></pre>
  
  <p>The image is located at <code>assets/img/test.png</code>, however, whenever I started my Nuxt server, the image won't show up, below is the copied div element from Chrome dev tool: </p>
  
  <pre><code>&lt;div class="v-image__image v-image__image--contain" style="background-image: url(&amp;quot;http://localhost:3333/browse/~/assets/img/test.png&amp;quot;); background-position: center center;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The image only works if I do not use Vuetify image component like this:</p>
  
  <pre><code>&lt;img
    src="~/assets/img/test.png"
    style="width:300px"
  /&gt;
  </code></pre>