How to pass image as a prop in Vue.JS with Vite?

I cant pass image as an props in Vue + Vite.
So i have my component with the code:

 <div name="image">
        **<img :src="getImageUrl()"** :alt="imageDesc" />
      </div>
      <div name="card title" class="mt-5 border-2 border-blue-600 text-center text-xl font-bold">
        {{ title }}
      </div>
      <div
        name="card description"
        class="border-2 border-red-600 text-center font-semibold text-gray-500"
      >
        {{ description }}
      </div>

and the script:

<script setup>
import { defineProps } from 'vue'
const props = defineProps({
  title: String,
  description: String,
  imageURL: String,
  imageDesc: String
})

function getImageUrl() {
  // This path must be correct for your file
  return new URL(`../assets/img/landing_page/${props.imageURL}`, import.meta.url)
}
</script>

and i use it like:

<offer-section-card
      title="Vue"
      description="Vue3 is a modern JavaScript framework for building user interfaces.
      Created and maintained by Javascript legend Evan You. It combines best of React and AngularJS."
      image-url="vue.png"
      image-desc="Vue logo"
    ></offer-section-card>

the paths are:

C:UsersuserDesktopp1srcassetsimglanding_pagevue.png -> to image
C:UsersuserDesktopp1srccomponentsLandingPageCmpsOfferSection.vue -> to parent cmp
C:UsersuserDesktopp1srccomponentsLandingPageCmpsOfferSectionCard.vue -> to child component

so require() doesnt work with Vite and i found this solution, but it also doesnt work. Even i manualy put the right path the image doesnt work. I tried also using image-url, imageURL and so on.

Like it is very basic functinality i and use the newest verstion of Vue. Is it supposed to be like easy framework or what? Why image as a prop is such a big deal…