Send laravel route names to vue via inertia as props

Hello

my code ex.

<template>
  <div v-for="listing in listings" :key="listing.id">
    <div>
      <Link :href="`/listing/${listing.id}`">
        <ListingAddress :listing="listing" /> 
      </Link>
    </div>
    <div>
      <Link :href="`/listing/${listing.id}/edit`">
        Edit
      </Link>
    </div>
    <div>     
      <Link :href="`/listing/${listing.id}`" method="DELETE" as="button">Delete</Link> 
    </div>
  </div>
</template>
<script setup> 
import { Link } from '@inertiajs/vue3'
import ListingAddress from '../Components/ListingAddress.vue'
defineProps({
  listings: Array,
})
</script>

ListingAddress.vue:

<template>
  <span>
    {{ listing.street }} {{ listing.street_nr }}, {{
      listing.city }}, for ${{ listing.price }}
  </span>
</template>
  
<script setup>
defineProps({
  listing: Object,
})
</script>

route

Route::get('/listingd', [App\Http\Controllers\ListingController::class, 'destroy'])->name('destroy');

how can use laravel route names to vue via inertia,

`/listing/${listing.id}`

for this use name destroy