How to blur a form button with a directive?

Question

JavaScript

Good afternoon! Tell me how to blur a button using a directive. When I press enter, a modal window opens, but when I press enter a second time, the window closes and reopens, the form button remains active. I want to send a directive, but I can't.

inserted (el) {
    el.addEventListener('click', ({ target }) => {
      target.blur();
    });
  },

Tried it in different ways but it doesn't work