Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

199
Views
Image is not shown in the popup

Using the starter template https://github.com/antfu/vitesse-webext for creating chrome extension. I tried to show an image in the popup but its not resolved properly. I have put the pass.png at same location as 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>

When clicking the icon to show the popup, its not resolved and the code shown like enter image description here enter image description here

Edit: Event if I use <img src="pass.png" /> its not resolved

about 4 years ago · Juan Pablo Isaza
2 answers
Answer question

0

Change it to

<img src="pass.png">
about 4 years ago · Juan Pablo Isaza Report

0

Try out to import it then bind it to the 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
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!