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

Regular free icon not showing in production build #47

Open
bhuvidya opened this issue Apr 22, 2022 · 1 comment
Open

Regular free icon not showing in production build #47

bhuvidya opened this issue Apr 22, 2022 · 1 comment

Comments

@bhuvidya
Copy link

bhuvidya commented Apr 22, 2022

Loads fine on local dev, but not loading on a SSR build on live server.

The markup in my vue page component is:

<fa-icon class="copy-icon" :icon="['far', 'copy']" />

Inspecting page code on the live site I can see the html has the fa-icon markup as follows, instead of svg:

<fa-icon icon="far,copy" class="copy-icon"></fa-icon>

Any help greatly appreciated.

Nuxt 2.15.8
@nuxtjs/fontawesome: ^1.1.2
@fortawesome/free-regular-svg-icons: ^6.1.1
@fortawesome/vue-fontawesome: 0.1.10 (via @nuxtjs/fontawesome)

nuxt.config.js:

buildModules: [
    ['@nuxtjs/fontawesome', {
      component: 'fa',
      icons: {
        regular: [ 'faCopy' ],
      },
    }],
]
@bhuvidya
Copy link
Author

bhuvidya commented Apr 22, 2022

Ok I have found the issue - I need to explicitly set the "suffix" config parameter to false - on my dev site it seems to default to true as I need to use <fa-icon> (not <fa>), whereas on my live site build it seems to default correctly to false.

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

1 participant