unpluginVueComponents({
  directives: true,
  dirs: ["./src/components", "./src/directives"],
}),

import { kebabCase } from "lodash-es";
import fs from "node:fs/promises";

unpluginVueComponents({
  dirs: ["./src/components"],
  resolvers: [
    {
      type: "directive",
      resolve: async (name) => {
        // Convert the filename so that it's exactly the same on disk and
        // when used.
        const filename = `v-${kebabCase(name)}.js`;

        // Check that the file exists, otherwise it would create imports
        // pointing nowhere for all directives that don't exist.
        return (await fs.exists(`src/directives/${filename}`))
          ? // The path has to be absolute (or aliased).
            `@directives/${filename}`
          : null;
      },
    },
  ],
}),

export default {
  mounted() {
    // …
  },
  updated() {
    // …
  },
  unmounted() {
    // …
  },
};