VLazyImage not resolving paths (vite & relative paths) - Only CDN Images works

[anburocky3]

Eg:

<img src="@/assets/img/logo.png" alt="Vue Logo" class="w-8 h-8" /> <!-- Image loads fine -->

But on using it with VLazyImage

<VLazyImage src="@/assets/img/logo.png" /> <!-- Image not loads --> 

These are my vite.config.ts

export default defineConfig({
  base: "./",
  resolve: {
    alias: {
      "@": resolve(__dirname, "./src"),
    },
  },
  plugins: [vue(), Components()],
});

Even, relative links are not working here. only cdn works for now.

[alexjoverm]

Not sure what can be the issue here... any clues? Additionally, please check if that's the right way use use an asset on a custom component

[smakintel]

@anburocky3 I faced same issue , as mentioned by @alexjoverm " right way use use an asset on a custom component " is to use like below

<v-lazy-image :src="require('@/assets/dtins.jpg')" />

Note = :src     (colon) and wrap it inside "require"

hope this helps