@DJJigsaw can you give us a vueJS registry token?
I don't see it, so I am asking them. As soon as they reply to me I will advise what it is.
You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.
Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"
@DJJigsaw can you give us a vueJS registry token?
@DJJigsaw can you give us a vueJS registry token?
Thanks for reaching out. If you are using the vue.js component like this: https://github.com/FortAwesome/vue-fontawesome, you will need your npm token found in your account settings.
@DJJigsaw you are a legendHere ya go.
521AE928-AAF2-41E5-BF73-C47C625883E8
import { library } from '@fortawesome/fontawesome-svg-core';
//don't know for sure if pro includes this ones as well
import { far as farFree } from '@fortawesome/free-regular-svg-icons';
import { fas as fasFree } from '@fortawesome/free-solid-svg-icons';
import { fad } from '@fortawesome/pro-duotone-svg-icons';
import { fat } from '@fortawesome/pro-thin-svg-icons';
import { fal } from '@fortawesome/pro-light-svg-icons';
import { fas } from '@fortawesome/pro-solid-svg-icons';
import { far } from '@fortawesome/pro-regular-svg-icons';
import { fab } from '@fortawesome/free-brands-svg-icons';
library.add(farFree);
library.add(fasFree);
library.add(fad);
library.add(fat);
library.add(fal);
library.add(fas);
library.add(far);
library.add(fab);
<script>
import { parse as faParse, icon as faIcon } from '@fortawesome/fontawesome-svg-core'
import { objectWithKey, classList } from '@fortawesome/vue-fontawesome/src/utils'
import { h } from "vue";
function normalizeIconArgs (icon) {
// this has everything that it needs to be rendered which means it was probably imported
// directly from an icon svg package
if (icon && typeof icon === 'object' && icon.prefix && icon.iconName && icon.icon) {
return icon
}
if (faParse.icon) {
return faParse.icon(icon)
}
if (icon === null) {
return null
}
if (typeof icon === 'object' && icon.prefix && icon.iconName) {
return icon
}
if (Array.isArray(icon) && icon.length === 2) {
return { prefix: icon[0], iconName: icon[1] }
}
if (typeof icon === 'string') {
return { prefix: 'fas', iconName: icon }
}
}
export default {
name: "font-awesome-icon",
props: {
beat: {
type: Boolean,
default: false
},
border: {
type: Boolean,
default: false
},
fade: {
type: Boolean,
default: false
},
fixedWidth: {
type: Boolean,
default: false
},
flash: {
type: Boolean,
default: false
},
flip: {
type: String,
default: null,
validator: (value) => ['horizontal', 'vertical', 'both'].indexOf(value) > -1
},
icon: {
type: [Object, Array, String],
required: true
},
mask: {
type: [Object, Array, String],
default: null
},
listItem: {
type: Boolean,
default: false
},
pull: {
type: String,
default: null,
validator: (value) => ['right', 'left'].indexOf(value) > -1
},
pulse: {
type: Boolean,
default: false
},
rotation: {
type: [String, Number],
default: null,
validator: (value) => [90, 180, 270].indexOf(parseInt(value, 10)) > -1
},
swapOpacity: {
type: Boolean,
default: false
},
size: {
type: String,
default: null,
validator: (value) => ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1
},
spin: {
type: Boolean,
default: false
},
spinPulse: {
type: Boolean,
default: false
},
spinReverse: {
type: Boolean,
default: false
},
transform: {
type: [String, Object],
default: null
},
symbol: {
type: [Boolean, String],
default: false
},
title: {
type: String,
default: null
},
inverse: {
type: Boolean,
default: false
}
},
setup(props) {
const icon = normalizeIconArgs(props.icon)
const classes = objectWithKey('classes', classList(props))
const transform = objectWithKey('transform', (typeof props.transform === 'string') ? faParse.transform(props.transform) : props.transform)
const mask = objectWithKey('mask', normalizeIconArgs(props.mask))
const symbol = props.symbol;
const title = props.title;
const renderedIcon = faIcon(
icon,
{ ...classes, ...transform, ...mask, symbol, title }
)
const { abstract } = renderedIcon;
// return the render function
return () => render(abstract[0])
}
}
function render(data) {
let children = [];
if (data.hasOwnProperty('children')) {
data.children.forEach(child => {
children.push(render(child))
})
}
return h(data.tag, data.attributes, children)
}
</script>
Would love a share of the latest version 6.0.0-beta3, please.
Thank you!
I am waiting XD, thanks
Super grateful. Do they not notice all the repeat uses of your ID/tokens?
Thank you so much for this release, helped me out immensely.I will be loading in more both pro versions and alphas as they become available. So please enjoy the folder that has all the files for each versions.
File folder on MEGA
mega.nz
Found this additional information for WordPress (WP) users.. you will need this API token/code.
20901CA0-E588-4ED1-A604-4ED049C57565
Thank you so much for this release, helped me out immensely.
Do you know anyway to add your own custom icons using the fontawesome-pro-6.0.0-beta3-web (selfhosted)?
Thank you so much for this release, helped me out immensely.
Do you know anyway to add your own custom icons using the fontawesome-pro-6.0.0-beta3-web (selfhosted)?
@DJJigsaw You have FA pro Kit ID (to be used on elementor) ?
I couldn't find any file with such name .in the folder is a file with the kit code. I would assume it is what your looking for otherwise the WP API/Token code would be it to make FA Pro work.
We get it, advertisements are annoying!
However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.
If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.