The easiest failed to work. Help.

[ilabutk]

This is one of those days that nothing works. Am I out of mind??? Why? The first image won’t show but the second does.

<template>
  <q-page class="flex flex-center">
    <q-img :src="imgLink" style="width: 200px" />
    <q-img src="~assets/images/grace-1.png" style="width: 200px" />
  </q-page>
</template>

<script>
export default {
  name: 'PageIndex',
  data () {
    return {
      imgLink: '~assets/images/grace-1.png'
    }
  }
}
</script>

[ilabutk]

Never mind. After I moved the images to /public, all is working. But still, why?? Note though: this is a newly setup dev environment (node + quasar cli). Something must have changed. It is simply ridiculous that such a simple thing does not work.