binding problem

salam man vaghti image binding estefade mikonam , image ro nemishnase aslan.

template>
  <div>
      
      <div class="container"><span class="social"> <strong>Projekt teilen:</strong> </span>
          <div class="icon-media">
              <img v-bind:src="facebook" alt="facebook">
              <img :src="instagram" alt="instagram">
              <img :src="linkedin" alt="linkden">
              <img :src="whatsapp" alt="whatsapp">
              
          </div>
        </div>
       
  </div>
</template>

<script>

export default {
    data:function()   {
        return {
            facebook: "../assets/images/social media/facebook.svg",
            instagram:"../assets/images/social media/instagram.svg",
            linkedin:"../assets/images/social media/linkedin.svg",
            whatsapp:"../assets/images/social media/whatsapp (1).svg",
            }

    },
  


}
</script>