vue-fontawesome icon indicating copy to clipboard operation
vue-fontawesome copied to clipboard

Non-Vue icons disappear

Open jsodeman opened this issue 7 years ago • 10 comments

I was trying to use vue-awesome to fix the issue with icons not toggling, but when I added the @fort-awesome/fontawesome lib to my .vue component all of the non-Vue icons on the page disappeared.

jsodeman avatar Jan 07 '18 23:01 jsodeman

@jsodeman this is a confirmed issue. We'll start looking at some fixes soon.

robmadole avatar Jan 08 '18 19:01 robmadole

There is called fontawesome.noAuto() in index.js, it disables automatic icon searching. After commenting that line it works again.

Razi91 avatar Jan 11 '18 14:01 Razi91

We just released 0.0.23-1 as a pre-release that removes this line as well.

robmadole avatar Jan 11 '18 18:01 robmadole

Thanks, now I can merge it to master without forking this library :+1:

Razi91 avatar Jan 11 '18 21:01 Razi91

I just got the latest of 0.0.23-1 and that line fontawesome.noAuto() is still there? (i.e. this issue still persists)

pkid169 avatar Feb 20 '18 20:02 pkid169

Hi @robmadole, should we still proceed with the mentioned fix? I saw your reply on another issue thread and it seems there might be a better way?

pkid169 avatar Feb 22 '18 17:02 pkid169

Any updates on this?

blak3r avatar Apr 17 '18 05:04 blak3r

@blak3r The issue seems to be fixed on the development branch (prerelease of v0.1.0). I'm not sure when that'll be officially released though.

pkid169 avatar Apr 19 '18 23:04 pkid169

We're waiting to gain some confidence on the 0.1.0 pre-release (and the bigger umbrella 5.1.0 of Font Awesome) and then we'll release this full. The more testing we can get on the pre-releases the better!

robmadole avatar Apr 20 '18 16:04 robmadole

I can confirm that using:

"@fortawesome/fontawesome-svg-core": "^1.2.0-14",
"@fortawesome/free-solid-svg-icons": "^5.1.0-11",
"@fortawesome/vue-fontawesome": "^0.1.0-5",

and the following configuration that intermixing of <i> and <font-awesome-icon> components work just fine:

import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/fontawesome-free-solid'
import { config, dom, library } from '@fortawesome/fontawesome-svg-core'
library.add(fas)
dom.watch()
Vue.component('font-awesome-icon', FontAwesomeIcon)

dalabarge avatar Jun 05 '18 02:06 dalabarge

I am closing this issue. I believe this has been resolved. If not let us know and we can reopen.

jasonlundien avatar Mar 12 '23 19:03 jasonlundien