How can vue directive be called in the form of export default?

the examples I search on the Internet are called in the following ways. I want to know how to use export default in the webpack template to call it?

Vue.directive("focus", {
  //  DOM 
  inserted: function (el) {
    // 
    el.focus()
  }
})

May.10,2021

export default {
directives: {

//  v-focus
focus: {
  // 
  inserted: function (el) {
    // 
    el.focus()
  }
}
}}

write the contents of the instruction into a file, then import is introduced into the variable, and

is introduced into the vue real column.

Previous: Data binding of v-model instruction when vue uses vuex

Next: Nuxt ssr server rendering error