Vue 3 with TypeScript and <script setup>

[linosteenkamp]

Documentation clarification:

If using Vue 3 with TypeScript and <script setup> this will work for you

<script setup lang="ts">
import { directive as vClickAway } from 'vue3-click-away'

const onClickAway = (event: any) => {
  console.log(event)
}
</script>

<template>
  <div v-click-away="onClickAway"></div>
<template>

note: The v prefix in import { directive as vClickAway } from 'vue3-click-away' is key as per the Vue documentation

In <script setup>, any camelCase variable that starts with the v prefix can be used as a custom directive. In the example above, vFocus can be used in the template as v-focus

[jdriesen]

Thanks @linosteenkamp.
Very nice and clean example.

Can I "prevent" in one way or another that the event is being fired ?
PS.: using "event.stopPropagation" in the onClickAway() function is not working...