Nuxt/test/fixtures/basic/pages/assets.vue

<template>
  <div>
    <img src="~/assets/logo.svg" class="h-20 mb-4">
    <img src="/public.svg" class="h-20 mb-4">
    <img :src="logo" class="h-20 mb-4">
  </div>
</template>

<script setup>
import logo from '~/assets/logo.svg'
</script>

<style>
#__nuxt {
  background-image: url('~/assets/logo.svg');
  background-repeat: no-repeat;
  background-position: bottom right;
  @font-face {
    src: url("/public.svg") format("woff2");
  }
}
body {
  background-image: url('/public.svg');
  background-repeat: no-repeat;
  background-position: top;
  @font-face {
    src: url('/public.svg') format('woff2');
  }
}
</style>