Styjun

How do I create indestructible terrain?

How does a simple logistic regression model achieve a 92% classification accuracy on MNIST?

If I want an interpretable model, are there methods other than Linear Regression?

Asked to Not Use Transactions and to Use A Workaround to Simulate One

Can I tap all my opponent's lands while they're casting a spell to negate it?

Real mode flat model

How are aircraft depainted?

Can you add polynomial terms to multiple linear regression?

Is low emotional intelligence associated with right-wing and prejudiced attitudes?

How to be sure services and researches offered by the University are not becoming cases of unfair competition?

What jurisdiction do Scottish courts have over the Westminster parliament?

Is "you will become a subject matter expert" code for "you'll be working on your own 100% of the time"?

Output a Super Mario Image

Make 2019 with single digits

Telling my mother that I have anorexia without panicking her

Is Schwarzschild's solution in his original paper consistent with current solutions?

What made 4/4 time the most common time signature?

What is the name of this Allen-head furniture fastener?

Which is the current decimal separator?

Does a succubus' charm end when it dies?

In what sequence should an advanced civilization teach technology to medieval society to maximize rate of adoption?

How do EVA suits manage water excretion?

Is there any way to land a rover on the Moon without using any thrusters?

Specific filter on the set using Python

Integrating vue-auth-image plugin into Nuxt.js

Nuxt.js Vue error in installingVue-i18n image name from json file doesn't show in Vuetify carousel (through v-for and :src of the translation )Nuxt.js and Vue-i18next: Error: Cannot resolve “vue-i18next”Laravel Vue.js integration with CKeditor 4 and CKFinder3 (file manager)Using vue-underscore in Nuxt.jsresponsive-loader with nuxt.jsHow to Install Vue Packages in nuxt.jsAdding options to Vue-flickity as a Nuxt.js plugin?Nuxt.js and anchors

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I am trying to integrate vue-auth-image plugin to Nuxt.js.

In 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 
 

In nuxt.config.js, I call this plugin:

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

Later in my code, I apply this:

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

In the console I get this:

[Vue warn]: Failed to resolve directive: auth-img

How to fix this?

vue.js vuejs2 nuxt.js nuxt

share|improve this question

edited Mar 28 at 13:18

Styx

6,04366 gold badges2929 silver badges4040 bronze badges

asked Mar 28 at 10:55

BegueradjBegueradj

16911 silver badge1212 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You named the file auth-images.js so there's a typo in your config @/plugins/auth-images instead of @/plugins/vauth-images.
  
  – Ana Liza Pandac
  Mar 28 at 12:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for the attention, and sorry, I just did the typo here, in my actual code I did not and I used a different name
  
  – Begueradj
  Mar 28 at 13:13
  

  
  
  
  

add a comment
 | 

0

I am trying to integrate vue-auth-image plugin to Nuxt.js.

In 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 
 

In nuxt.config.js, I call this plugin:

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

Later in my code, I apply this:

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

In the console I get this:

[Vue warn]: Failed to resolve directive: auth-img

How to fix this?

vue.js vuejs2 nuxt.js nuxt

share|improve this question

edited Mar 28 at 13:18

Styx

6,04366 gold badges2929 silver badges4040 bronze badges

asked Mar 28 at 10:55

BegueradjBegueradj

16911 silver badge1212 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You named the file auth-images.js so there's a typo in your config @/plugins/auth-images instead of @/plugins/vauth-images.
  
  – Ana Liza Pandac
  Mar 28 at 12:22
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for the attention, and sorry, I just did the typo here, in my actual code I did not and I used a different name
  
  – Begueradj
  Mar 28 at 13:13
  

  
  
  
  

add a comment
 | 

I am trying to integrate vue-auth-image plugin to Nuxt.js.

In 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 
 

In nuxt.config.js, I call this plugin:

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

Later in my code, I apply this:

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

In the console I get this:

[Vue warn]: Failed to resolve directive: auth-img

How to fix this?

vue.js vuejs2 nuxt.js nuxt

share|improve this question

edited Mar 28 at 13:18

Styx

6,04366 gold badges2929 silver badges4040 bronze badges

asked Mar 28 at 10:55

BegueradjBegueradj

16911 silver badge1212 bronze badges

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 
 

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

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

share|improve this question

edited Mar 28 at 13:18

Styx

6,04366 gold badges2929 silver badges4040 bronze badges

asked Mar 28 at 10:55

BegueradjBegueradj

16911 silver badge1212 bronze badges

share|improve this question

edited Mar 28 at 13:18

Styx

6,04366 gold badges2929 silver badges4040 bronze badges

asked Mar 28 at 10:55

BegueradjBegueradj

16911 silver badge1212 bronze badges

edited Mar 28 at 13:18

Styx

6,04366 gold badges2929 silver badges4040 bronze badges

edited Mar 28 at 13:18

Styx

6,04366 gold badges2929 silver badges4040 bronze badges

asked Mar 28 at 10:55

BegueradjBegueradj

16911 silver badge1212 bronze badges

asked Mar 28 at 10:55

BegueradjBegueradj

16911 silver badge1212 bronze badges

1 Answer
1

active

oldest

votes

1

The directive is not auth-img, but auth-image, so correct code is:

<img v-auth-image=

share|improve this answer

answered Jun 26 at 12:35

user3844761user3844761

2611 bronze badge

add a comment
 | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55395821%2fintegrating-vue-auth-image-plugin-into-nuxt-js%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

The directive is not auth-img, but auth-image, so correct code is:

<img v-auth-image=

share|improve this answer

answered Jun 26 at 12:35

user3844761user3844761

2611 bronze badge

add a comment
 | 

1

The directive is not auth-img, but auth-image, so correct code is:

<img v-auth-image=

share|improve this answer

answered Jun 26 at 12:35

user3844761user3844761

2611 bronze badge

add a comment
 | 

The directive is not auth-img, but auth-image, so correct code is:

<img v-auth-image=

share|improve this answer

answered Jun 26 at 12:35

user3844761user3844761

2611 bronze badge

<img v-auth-image=

share|improve this answer

answered Jun 26 at 12:35

user3844761user3844761

2611 bronze badge

answered Jun 26 at 12:35

user3844761user3844761

2611 bronze badge

answered Jun 26 at 12:35

user3844761user3844761

2611 bronze badge