Handle outside click Modal with refs?

как реализовать клик по серому прозрачному фону через $refs В данному случаии CaWrapper - мой серый прозрачный фон Всё что есть в нему это модальное окно. Клик закрития должен происходить только по серому фону, а не по модальному окну.

<CaWrapper
  ref="outside"
  @click="handleOutsideModal"
  v-if="isShowed"
 >
<span style="color: red;">{{ title }}</span>
<slot name="header">
  <CaContent></CaContent>
</slot>
<slot name="main">
  <CaContent></CaContent>
</slot>
</CaWrapper>

Методы

handleOutsideModal() {
  if (this.$refs.outside) this.$emit('update:is-showed', false);
},