Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

eslint: FontAwesomeIcon not found in '@fortawesome/vue-fontawesome' #418

Open
smares opened this issue Nov 30, 2022 · 6 comments
Open

eslint: FontAwesomeIcon not found in '@fortawesome/vue-fontawesome' #418

smares opened this issue Nov 30, 2022 · 6 comments

Comments

@smares
Copy link

smares commented Nov 30, 2022

Describe the bug
FontAwesomeIcon not found in '@fortawesome/vue-fontawesome' eslint error using @nuxtjs/eslint-config-typescript

Reproducible test case
https://stackblitz.com/edit/nuxt-starter-m8udv3

Expected behavior
No linting errors

Desktop (please complete the following information):

  • Browser [e.g. chrome, safari]; Chrome
  • Version: 107.0.5304.88

Additional context
Add any other context about the problem here.

@vivekjoshy
Copy link

Any updates?

@theolavaux
Copy link

theolavaux commented Jan 26, 2023

I've noticed this issue too
FontAwesomeIcon not found in '@fortawesome/vue-fontawesome' eslint[import/named]

@hudovich-dev
Copy link

The issue still exists. I'm using @nuxtjs/eslint-config-typescript too.

My .eslintrc.json, nothing special:

{
  "extends": [
    "@nuxtjs/eslint-config-typescript",
    "prettier"
  ]
}

plugins/fontAwesome.ts:

import { library, config } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { faBars } from '@fortawesome/free-solid-svg-icons'

config.autoAddCss = false

library.add(faBars)

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.component('FontAwesomeIcon', FontAwesomeIcon)
})

ESLint error message:

FontAwesomeIcon not found in '@fortawesome/vue-fontawesome'  import/named

@mitjans
Copy link

mitjans commented Mar 13, 2023

Any update on this? I'm having the same problem

@shigeyf
Copy link

shigeyf commented May 24, 2023

Please see the pull request.
I think that the update above will be a resolution for this issue.

@jasonlundien
Copy link
Member

jasonlundien commented Jul 14, 2023

@smares ----

Are you still seeing this issue ?

I looked at your stackblitz but I am not seeing the linting errors. Also, I created a new nuxt 3 project, used your package.json file and not seeing the linting errors either.

If are you still seeing could you share a repo or update the stackblitz... or just update me on what I am missing perhaps?

Please Note
I am seeing a Hydration completed but contains mismatches. error in the console on my project, but that is a separate known issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants