Skip to content

Commit

Permalink
prettier fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@jasonlundien
jasonlundien committed Jul 10, 2023
1 parent 3072263 commit c8895c0
Show file tree
Hide file tree
Showing 2 changed files with 411 additions and 501 deletions.
154 changes: 54 additions & 100 deletions src/components/FontAwesomeIcon.js
View file
Original file line number Diff line number Diff line change
@@ -1,192 +1,154 @@
import {
parse as faParse,
icon as faIcon,
} from "@fortawesome/fontawesome-svg-core";
import { defineComponent, computed, watch } from "vue";
import convert from "../converter";
import log from "../logger";
import { objectWithKey, classList } from "../utils";
import { parse as faParse, icon as faIcon } from '@fortawesome/fontawesome-svg-core'
import { defineComponent, computed, watch } from 'vue'
import convert from '../converter'
import log from '../logger'
import { objectWithKey, classList } from '../utils'

function normalizeIconArgs(icon) {
if (
icon &&
typeof icon === "object" &&
icon.prefix &&
icon.iconName &&
icon.icon
) {
return icon;
if (icon && typeof icon === 'object' && icon.prefix && icon.iconName && icon.icon) {
return icon
}

if (faParse.icon) {
return faParse.icon(icon);
return faParse.icon(icon)
}

if (icon === null) {
return null;
return null
}

if (typeof icon === "object" && icon.prefix && icon.iconName) {
return icon;
if (typeof icon === 'object' && icon.prefix && icon.iconName) {
return icon
}

if (Array.isArray(icon) && icon.length === 2) {
return { prefix: icon[0], iconName: icon[1] };
return { prefix: icon[0], iconName: icon[1] }
}

if (typeof icon === "string") {
return { prefix: "fas", iconName: icon };
if (typeof icon === 'string') {
return { prefix: 'fas', iconName: icon }
}
}

export default defineComponent({
name: "FontAwesomeIcon",
name: 'FontAwesomeIcon',

props: {
border: {
type: Boolean,
default: false,
default: false
},
fixedWidth: {
type: Boolean,
default: false,
default: false
},
flip: {
type: [Boolean, String],
default: false,
validator: (value) =>
[true, false, "horizontal", "vertical", "both"].indexOf(value) > -1,
validator: (value) => [true, false, 'horizontal', 'vertical', 'both'].indexOf(value) > -1
},
icon: {
type: [Object, Array, String],
required: true,
required: true
},
mask: {
type: [Object, Array, String],
default: null,
default: null
},
maskId: {
type: String,
default: null,
default: null
},
listItem: {
type: Boolean,
default: false,
default: false
},
pull: {
type: String,
default: null,
validator: (value) => ["right", "left"].indexOf(value) > -1,
validator: (value) => ['right', 'left'].indexOf(value) > -1
},
pulse: {
type: Boolean,
default: false,
default: false
},
rotation: {
type: [String, Number],
default: null,
validator: (value) =>
[90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1,
validator: (value) => [90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1
},
swapOpacity: {
type: Boolean,
default: false,
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,
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,
default: false
},
transform: {
type: [String, Object],
default: null,
default: null
},
symbol: {
type: [Boolean, String],
default: false,
default: false
},
title: {
type: String,
default: null,
default: null
},
titleId: {
type: String,
default: null,
default: null
},
inverse: {
type: Boolean,
default: false,
default: false
},
bounce: {
type: Boolean,
default: false,
default: false
},
shake: {
type: Boolean,
default: false,
default: false
},
beat: {
type: Boolean,
default: false,
default: false
},
fade: {
type: Boolean,
default: false,
default: false
},
beatFade: {
type: Boolean,
default: false,
default: false
},
flash: {
type: Boolean,
default: false,
default: false
},
spinPulse: {
type: Boolean,
default: false,
default: false
},
spinReverse: {
type: Boolean,
default: false,
},
default: false
}
},

setup(props, { attrs }) {
const icon = computed(() => normalizeIconArgs(props.icon));
const classes = computed(() => objectWithKey("classes", classList(props)));
const transform = computed(() =>
objectWithKey(
"transform",
typeof props.transform === "string"
? faParse.transform(props.transform)
: props.transform
)
);
const mask = computed(() =>
objectWithKey("mask", normalizeIconArgs(props.mask))
);
const icon = computed(() => normalizeIconArgs(props.icon))
const classes = computed(() => objectWithKey('classes', classList(props)))
const transform = computed(() => objectWithKey('transform', typeof props.transform === 'string' ? faParse.transform(props.transform) : props.transform))
const mask = computed(() => objectWithKey('mask', normalizeIconArgs(props.mask)))

const renderedIcon = computed(() =>
faIcon(icon.value, {
Expand All @@ -196,29 +158,21 @@ export default defineComponent({
symbol: props.symbol,
title: props.title,
titleId: props.titleId,
maskId: props.maskId,
maskId: props.maskId
})
);
)

watch(
renderedIcon,
(value) => {
if (!value) {
return log(
"Could not find one or more icon(s)",
icon.value,
mask.value
);
return log('Could not find one or more icon(s)', icon.value, mask.value)
}
},
{ immediate: true }
);
)

const vnode = computed(() =>
renderedIcon.value
? convert(renderedIcon.value.abstract[0], {}, attrs)
: null
);
return () => vnode.value;
},
});
const vnode = computed(() => (renderedIcon.value ? convert(renderedIcon.value.abstract[0], {}, attrs) : null))
return () => vnode.value
}
})

0 comments on commit c8895c0

Please sign in to comment.