Vue 3 simple clicked outside directive

app.js

app.directive('click-outside', {
    mounted(el, binding) {
        setTimeout(() => {
            const clickHandler = (e) => {
                if (window[JSON.stringify(el)]) {
                    return
                }
                window[JSON.stringify(el)] = true

                if (!el.contains(e.target) && !e.target.classList.contains(binding.arg)) {
                    binding.value()
                }

                setTimeout(() => {
                    delete window[JSON.stringify(el)]
                }, 200)
            }

            document.body.addEventListener('click', clickHandler)

            // recognize unmounting
            el.addEventListener('DOMNodeRemoved', () => {
                delete window[JSON.stringify(el)]
                document.body.removeEventListener('click', clickHandler)
            })
        }, 10);
    },
})

# Example
<div v-click-outside="() => modal_show_settings = false" />