Vue.js: How do you use custom directives?

1// directives/v-focus.ts
2export const vFocus = {
3  mounted: (el) => el.focus()
4}

1<script setup>
2import { vFocus } from "@/directives/v-focus"
3</script>
4
5<template>
6  <input v-focus />
7</template>

1export const vTooltip = {
2  mounted(el, binding) {
3    el.title = binding.value
4  },
5  updated(el, binding) {
6    el.title = binding.value
7  }
8}