How to add Markes to a Leaflet-map with coordinates from Supabase database?

i want to add some Markers from coordinates stored in a supabase database colomn.
Here is my vue code:

<l-marker v-for="(marker, index) in markers" :key="index" ref="markersRef" :lat-lng="marker.position"></l-marker>

im script:

  export default {
   async created() {
    const { data: events, error } = await this.$supabase
     .from('events')
     .select('coordinates')
    this.markers = events
    this.loaded = true
    console.log(this.markers)
    
   },
  data: () => ({
   markers: [],
  }),
 }

if i output markes, the rusult is:

[ { “coordinates”: “lat: 59.339025, lng: 18.065818” }, { “coordinates”: “lat: 59.923043, lng: 10.752839” } ]

i hope you can help me. thanks.