Usando la plantilla de inicio https://github.com/antfu/vitesse-webext para crear la extensión de Chrome. Intenté mostrar una imagen en la ventana emergente, pero no se resolvió correctamente. He puesto pass.png en la misma ubicación que Popup.vue
Popup.vue
<template> <div class="w-[300px] px-4 py-5 text-center text-gray-700"> <Logo /> <div>WebExt <span class="opacity-50">v. 1.0</span></div> <p class="mt-2"> Some description here... <img src="./pass.png" /> </p> </div> </template> Al hacer clic en el icono para mostrar la ventana emergente, no se resuelve y el código se muestra como

Editar: Evento si uso <img src="pass.png" /> no se resuelve
cambiarlo a
<img src="pass.png">Intente importarlo y luego vincúlelo al img src:
<template> <div class="w-[300px] px-4 py-5 text-center text-gray-700"> <Logo /> <div>WebExt <span class="opacity-50">v. 1.0</span></div> <p class="mt-2"> Some description here... <img :src="imgUrl" /> </p> </div> </template> <script setup > import imgUrl from './pass.png' </script