[1349] Can't use Vue components in Nuxt

Hi there, I'm new to just about everything (Vue.js, Nuxt.js, webpack...) so if I'm asking this in the wrong place my apologies.

I would like to use a Vue component such as Vuebar on my app but have as yet been unable to use pretty much any component I've tried to add. I install the package via npm install --save vuebar and it appears in my package.json, then I try to import it in my default layout using import Vuebar from 'vuebar' export default { components: { Vuebar } } but when I try to use it in the default layout with <div v-bar></div> it says "failed to resolve directive: bar"

I haven't been able to get any other packages that are used in components to work either so I can't help but think I'm missing some fundamental step here, do I need to add an alias to nuxt.config.js or something like that?

Again, my apologies for the uninformed question, if this is the wrong place please feel free to delete this.