Как переписать этот Vue код на script setup?

Question

[MortSith]

помогите переписать на синтаксис <script setup> </script> этот код

<script>
import { directive } from "vue3-click-away";
export default {
  directives: {
    ClickAway: directive
  },
  methods: {
    onClickAway(event) {
      console.log('ruururuururur', event);
    }
  }
}
</script>

Comments

[MortSith]

вот мои кривые попытки:

<script setup>
import { directive } from "vue3-click-away";


   const  vClickAway = directive
 
    onClickAway(event) {
      console.log('ruururuururur', event);
    }
 </script>

но ругается на event

Answer 1

[RAX7]

<script setup>
import { directive as vClickAway } from "vue3-click-away";

const onClickInside = (event) => {
  console.log('onClickInside: ', event);
};
</script>

песочница с кодом