Своя директива и шаблонизатор Pug?

Question

[Богдан]

Здравствуйте. Объявил свою директиву, при использовании стандартного HTML в template, все работает нормально

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

но при использовании Pug, тоже все отрабатывает, но в консоли пишет ошибку

<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

Спасибо

Comments

[Богдан]

lavezzi1, а почему он мерзкопакостный, напротив код выходит намного читабельней

[pavelkunyavskiy]

Богдан, ага читабельней. Попробуй еще справа-налево код писать, как истинно богоизбранный шлимазл. Вообще будет читабельно

[Богдан]

pavelkunyavskiy, подсказал правильный ответ.

input( v-focus="" )

Answer 1

[Константин Китманов]

Я так понимаю, что кастомная директива у вас это v-focus. Ну так её надо в компонент подключить:

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

default export {
  directives: {
    VFocus,
  }
}

Странно, кстати, что в доках этого нет, раньше было.

Comments

[Богдан]

она объявляется сразу в компоненте, так что подключать ее не надо. Да и вот вопрос, что она в обычном template работает, а в pug нет?

[Константин Китманов]

Богдан, черт его знает, у меня в pug всё всегда работает... Попробуйте убрать этот пробел после скобки: input( v-focus.

[pavelkunyavskiy]

Ладно, помогу великодушно шлимазлу, проявляя свое арийское превоскходство

input( v-focus="" )

[Богдан]

Таки да, работает. С гоев тоже польза бывает ;-)
P.S. Сенкс и большое спасибо.