我正在遵循一個指南，其中 api 路由 的建構方式如下：

1 建立server/api/route.js檔案：

export default defineEventHandler((event) => {

    return {
        message: `hello api route`
    }
})

2 在元件中使用 api 路由，如下所示：

<script setup>
const { data: message } = await useFetch('/api/route')
</script>

<template>
  <div>
    <p>api data {{ message }}</p>
  </div>
</template>

這有效，但是當我嘗試在 1. 中新增 查詢參數 時：

export default defineEventHandler((event) => {

    const { name } = useQuery(event)

    return {
        message: `hello api name parameter ${name}`
    }
})

並在元件中呼叫它2.:

<script setup>
const { data: message } = await useFetch('/api/route?name=mario')
</script>

<template>
  <div>
    <p>api data {{ message }}</p>
  </div>
</template>

message 屬性為空。似乎 useQuery(event) 產生一個空變數。知道為什麼這不起作用嗎？