Incorrect eslint error when upgrade to 0.5.0 about eslint-plugin-nuxt HOT 17 CLOSED

same problem

from eslint-plugin-nuxt.

Still not fixed

from eslint-plugin-nuxt.

Looks related to vuejs/eslint-plugin-vue#869

I'll have a look and figure out the root cause.

from eslint-plugin-nuxt.

I'm having the above problem as well. Manually installing eslint-plugin-vue@6 as suggested by @ota-meshi in vuejs/eslint-plugin-vue#869 (comment) solved the issue for me. So maybe it's just a dependency that needs to be updated.

this brought down the issues reported in linting from

107 problems (32 errors, 75 warnings)

to

37 problems (0 errors, 37 warnings)

But those are just issues that arose due to the rule updates.

[EDIT] I see it has already been updated in master and therefore it should be fixed soon. 👍

from eslint-plugin-nuxt.

I'm also experiencing this issue after installing nuxt using yarn create nuxt-app.

Running yarn list eslint-plugin-vue outputs the following.

├─ [email protected]
│  └─ [email protected]
└─ [email protected]

Not sure where v5.2.3 is coming from, but running yarn run dev outputs the following.

error Expected '<component>' elements to have 'v-bind:is' attribute vue/require-component-is

from eslint-plugin-nuxt.

eslint-plugin-vue@5 issue will be fixed in next release of https://github.com/nuxt/eslint-config

from eslint-plugin-nuxt.

From the error log, I think the errors are lint errors from new rules of vue eslint plugin, so I suggest fixing the lint errors in your repo, if there’s special requirement, you can exclude those rules.

from eslint-plugin-nuxt.

Those are valid according to eslint-plugin-vue:

<template>
  <!-- ✓ GOOD -->
  <component :is="type"/>
  <component v-bind:is="type"/>

  <!-- ✗ BAD -->
  <component/>
  <component is="type"/>
</template>

I follow the rules in my code:

<template>
  <div class="container">
    <div>
      ....
      <component :is="myComp" />
      ....
    </div>
  </div>
</template>

But I got lint errors with @0.5.0 :

$ npm run lint

> [email protected] lint E:\lib_project\test-nuxt-eslint
> eslint --ext .js,.vue --ignore-path .gitignore .

....

E:\lib_project\test-nuxt-eslint\pages\index.vue
  8:7  error  Expected '<component>' elements to have 'v-bind:is' attribute  vue/require-component-is

✖ 3 problems (2 errors, 1 warning)

from eslint-plugin-nuxt.

[email protected] is using eslint-plugin-vue@^6.0.0, so if you have direct dependency or hoisted eslint-plugin-vue@5, please upgrade it to v6.

from eslint-plugin-nuxt.

@MrToxy Can you please confirm which verison of eslint-config you're installing ?

yarn why @nuxtjs/eslint-config
yarn why eslint-plugin-vue

from eslint-plugin-nuxt.

I have same problem

from eslint-plugin-nuxt.

I also have the problem.

from eslint-plugin-nuxt.

@MrToxy Can you please confirm which verison of eslint-config you're installing ?

yarn why @nuxtjs/eslint-config
yarn why eslint-plugin-vue

@coeurofbear Can you please confirm above comment about package version?

from eslint-plugin-nuxt.

Is there any solve to this problem? Been stuck here for two days. The problem arose when I upgraded all my package.

from eslint-plugin-nuxt.

@clarkdo same problem

There seem to be a conflict between @nuxtjs/eslint-config and eslint-plugin-nuxt:

$ yarn why @nuxtjs/eslint-config
yarn why v1.22.5
[1/4] Why do we have the module "@nuxtjs/eslint-config"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "@nuxtjs/[email protected]"
info Has been hoisted to "@nuxtjs/eslint-config"
info This module exists because it's specified in "devDependencies".
Done in 1.00s.
$ yarn why eslint-plugin-vue
yarn why v1.22.5
[1/4] Why do we have the module "eslint-plugin-vue"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "[email protected]"
info Reasons this module exists
   - "@nuxtjs#eslint-config" depends on it
   - Hoisted from "@nuxtjs#eslint-config#eslint-plugin-vue"
=> Found "eslint-plugin-nuxt#[email protected]"
info This module exists because "eslint-plugin-nuxt" depends on it.
Done in 1.07s.
$ yarn list --pattern="eslint-plugin-vue"
yarn list v1.22.5
├─ [email protected]
│  └─ [email protected]
└─ [email protected]

this issue has been opened for a while, any workaround ?

from eslint-plugin-nuxt.

Hi @syffs
Looks you’re having outdated @nuxtjs/eslint-config, the latest version is 3.1.0 which is using eslint-plugin-vue v6.

Can you try to upgrade @nuxtjs/eslint-config ?

from eslint-plugin-nuxt.

Hi @clarkdo

You're right, I used create-nuxt-app assuming it was up-to-date. Upgrading everything fixed it ! cheers.

from eslint-plugin-nuxt.