Şu şekilde kullanmak yerine
const modal = computed(() => usePage()?.props?.modal)
Şu şekilde kullanmanız gerekiyormuş:
const page = usePage()
const modal = computed(() => page?.props?.modal)
yoksa memory leak problemi ile karşılaşıyorsunuz. Sebebi sanırım computed içerisinde usePage yönteminin her değişimde mevcut reactive objeyi kullanmak yerine yeni bir reactive obje oluşturması. Onun da içinde computed olduğu için toplamda iyi bellek tüketiyor:
https://github.com/inertiajs/inertia/blob/f34f373692a964933e4272fc49fa48552301e568/packages/vue3/src/app.ts#L129
https://twitter.com/alexjgarrett/status/1765666398137671684