How to use the debugger with proxy object ?

[DepkaCZ]

Hi,

this bugs me for a week now. Consider this basic nuxt middleware code:

import { getCurrentUser } from "vuefire";

export default defineNuxtRouteMiddleware(async (to, from) => {
    if (import.meta.server) return;

    const user = await getCurrentUser()

    if (!user && to.name !== 'login') {
        return navigateTo('/login');
    }

    if (user && to.name === 'login') {
        return navigateTo('/');
    }

});

When you put breakpoint on the first if line you wiill see that the user variable is undefined:

If i put debugger before the if statement i can see that in the user variable is Proxy(_UsrImpl(...)) |

But why ? The getCurrentUser should return Promise according to the code
(https://github.com/vuejs/vuefire/blob/main/src/auth/user.ts#L160)
? Where does the Proxy even come from and why is it such pain to debug ?

I find this seriously confusing.