I use `vueuse/core` for detecting click outside event

I have two code snippets that can I can not understand the logic behind the scenes.

The origin code:

After changing the logic with `vueuse` library

Before. I press the burger icon, the menu is not hide

After, I press the burger icon, the menu is hide

Can anyone explain to me. Thanks