🐥 Detect clicks outside an element in VueJS

Sometimes I need to detect whether a click happens inside or outside of a particular element. This is one approach:

window.addEventListener('mousedown', e => {
  // Get the element that was clicked
  const clickedEl = e.target;

  // `el` is the element you're detecting clicks outside of
  if (el.contains(clickedEl)) {
    // Clicked inside of `el`
  } else {
    // Clicked outside of `el`
  }
});