Nuxt Developers

[Psiko]

<NuxtImg> eka wada karan nane bng /

image path hari , module eka add karala configure kara

image eka location eketh thiyanawa

nuxt.config.ts

import tailwindcss from "@tailwindcss/vite";
export default defineNuxtConfig({
  compatibilityDate: "2024-11-01",
  devtools: { enabled: true },
  css: ["~/assets/css/main.css"],
  vite: {
    plugins: [tailwindcss()],
  },
  typescript: {
    typeCheck: true,
  },
  modules: ["@nuxt/image"],
  image: {
    provider: "ipx",
  },
});

<NuxtImg
        :src="trip.image"
        :alt="trip.imageAlt"
        quality="80"
        sizes="sm:100vw md:50vw lg:352px"
        class="w-full aspect-[16/9] object-cover"
      />