Интеграция плагина vue-auth-image в Nuxt.js

Question

Я пытаюсь интегрировать vue-auth-image плагин в Nuxt.js.

В plugins / auth-images.js :

import Vue from 'vue'                                                                                                                            
import VueAuthImage from 'vue-auth-image'                                                                                                        
import axios from 'axios'                                                                                                                        
Vue.use(VueAuthImage)                                                                                                                            

if (process.browser) {                                                                                                                           
  const authHeader = 'Bearer ' + localStorage.getItem('my-own-id-token')                                                                         
  axios.defaults.headers.common.Authorization = authHeader                                                                                       
}    

В nuxt.config.js я называю этот плагин:

plugins: [                                                                                                                                     
  '@/plugins/auth-images'                                                                                                                   
]

Позже в моем коде я применяю это:

<img v-auth-img="link/to/my/api/endpoint">

В консоли я получаю это:

[Vue warn]: не удалось разрешить директиву: auth-img

Как это исправить?

Answer 1

Директива не auth-img, а auth-image, поэтому правильный код:

<img v-auth-image=