Nuxt.js/Vue.jsの画像表示方法

<img src="~@/assets/background.png" alt="back">

<template>
  <div class="image-area">
  </div>
</template>

<style>
.image-area {
  width: 100%;
  height: 100vh;
    background: url("~@/assets/background.png") center / cover;
}
<style>