如何通过 Vue 3 Router 链接传递道具？

问：

我正在尝试将道具传递给链路路由器和子组件，但我收到警告“缺少所需的道具：”飞机”

//routes.js
const routes = [
  {
      path: 'aircraftsForm/:id',
      component: () => import('../components/AircraftComponent.vue'),
      props: true
    }
 ]
// Parent component
const details = ref([
    {
      id: 1,
      tail: '501'
   },
{
      id: 2,
      tail: '502'
   }
])
<template>
    <AircraftsFormComponent :details="details"/>
</template>

// First Child component
const props = defineProps(['details'])
<q-table
      :rows="rows"
      :columns="columns"
      row-key="id"
      flat bordered
      >
      <template v-slot:body="props">
        <q-tr :props="props">
<router-link 
     :to="{ 
      path: `aircraftsForm/${props.row.id}`,
      params: { aircraft: props.row }
     }" >
  </router-link>
</q-table>

// Second child component
<script setup>
  const props = defineProps({
    aircraft: {
      required: true,
      type: Object
    }
  })

</script> 

<template>
  <div>
    <p>Aicraft</p>
    <p>tail {{ aircraft.tail }} </p> 
  </div>
</template>

"

我希望在子组件中渲染和初始化道具，因为它在使用 vue 3 和 Quasar 的路由器链接中定义了一个参数