No-unused-components reporting incorrectly

[half2me]

I use the following component: https://github.com/crowdbotics/v-img

I have this:

<template>
  <img v-img src="">
</template>

import VueImg from 'v-img';
...
components: {
  ...
  VueImg,
},

When I run eslint I get the following error:
error The "VueImg" component has been registered but not used vue/no-unused-components

I'm guessing this is probably because the component is not instantiated directly, but rather just attached to the <img> tag.

I'm using ^5.0.0-beta.3

[half2me]

possible duplicate of #556

[Justineo]

It seems that v-img is a directive, not a component. Are you registering it correctly?

[michalsnik]

According to this plugins' documentation you don't have to register any component, but only the plugin and let it do the job (it will register v-img directive for you). VueImg is a plugin, not component, so you do it like this:

import Vue from 'vue';
import VueImg from 'v-img';

Vue.use(VueImg);

[half2me]

@michalsnik but if I don't want to register it globally, but just for a single component?

[alex-shamshurin]

I still have the same issue

[half2me]

It should probably be put in directives: {VueImg} instead

[trajche18]

Hi @michalsnik and others, have you found a solution regarding this issue? I am experiencing the same.

import VButton from '@/components/common/VButton'
import VCombobox from '@/components/common/VCombobox'
import VCheckbox from '@/components/common/VCheckbox'

components: { VButton, VCombobox, VCheckbox }

The first two components get recognized with no problem. When it comes to VCheckbox, I get: component registered, but not used?

Looking forward to hearing from you. Cheers

[armano2]

@trajche18 Are you using it in template?

[trajche18]

@trajche18 Are you using it in template?

Hi @armano2, I certainly am.

import VCheckbox from '@/components/common/VCheckbox.vue'

.add('ARIA Checkbox', () => ({
components: { VCheckbox },
template:
'<v-stats-card :items="items" label="I agree to the Terms and Conditions" ' +
':rules="[v => !!v || \'You must agree with the terms and conditions in order to continue.\']" ' +
'arialabel="You must agree with the terms." ' +
'@click="onClicked(\'checkbox clicked\')" />',
methods
}))

[trajche18]

Any updates on this @armano2 and other collaborators?