koel/resources/assets/js/directives/newTab.ts

import type { Directive } from 'vue'

const setTargetBlank = (el: HTMLElement) => Array.from(el.getElementsByTagName('a'))
  .forEach(a => a.setAttribute('target', '_blank'))

export const newTab: Directive = {
  mounted: (el: HTMLElement) => setTargetBlank(el),
  updated: (el: HTMLElement) => setTargetBlank(el),
}