Your own Pug directive and template engine?

Question

Pug

Hello. Declared my directive, when using standard HTML in template, everything works fine

<template>
  <div>
    <input v-focus >
  </div>
</template>

but when using Pug, it also works, but it writes an error in the console

<template lang='pug'>
  div
    input( v-focus )
</template>

[Vue warn]: Property or method "focus" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declari...
found in
---> at src\components\App.vue

Thanks

Answer 1

I understand that your custom directive is v-focus. Well, you need to connect it to the component:

import VFocus from './directives/v-focus';

default export {
  directives: {
    VFocus,
  }
}

It is strange, by the way, that this is not in the docks, it used to be.