Vue - מיפוי פרמטרי query לprops בצורה הכי נקיה

[צדיק תמים]

מדובר על Vue 3 אם זה רלוונטי.

---

הקדמה קטנה:
אם אני רוצה לקבל פרמטר מהURL עצמו, כלומר נגיד /posts/150/, לקבל את המזהה פוסט - 150,
ניתן פשוט לכתוב בראוטר

{ 
   path: '/posts/:id',
   name: 'PostDetails',
   component: PostDetails
   props: true
}

ואז בקומפוננטה

props: ['id']

וזהו, אני יכול לגשת לthis.id ולקבל את המספר פוסט.
כל זה לפרמטר שהוא חלק מהURL עצמו,
אם אני רוצה לקבל פרמטר מהquery, כלומר לדוגמה הכתובת posts/150/?mode=read/, אני רוצה לקבל את הפרמטר mode,
הדרך הכי אלגנטית היא פונקציית props כזו (בראוטר)?

props: route => {
  return { mode: route.query.mode }
},

או שיש סינטקס יותר קצר ונקי, כמו שיש עבור params?
תודה מראש

[צדיק תמים]

אחרי - ובזכות - שסידרתי את השאלה על הכתב, פתאום חשבתי שניתן לעשות כזה דבר

props: route => {
    return { ...route.query }
}

ובקומפוננטה לכתוב כנ"ל

props: ['mode']

אם יש למישהו השגה על זה/רעיון יותר טוב, אשמח