nuxt3-gw/pages/index.vue

<template>
  <div>
    <nav class="border-b border-slate-200 px-5 py-2 flex items-center justify-between">
      <h1 class="text-2xl font-bold">Nuxt3 in Action</h1>
      <img class="w-[50px] border-[1px] border-slate-300 rounded-full inline-block" src="~/public/image/bgc-img.png"
        alt="avatar" />
    </nav>
    <NButton>hello</NButton>
  </div>
</template>
<style scoped lang="scss">
p {
  color: var(--link-color)
}
</style>