diff --git a/.prettierrc b/.prettierrc
index c5c5a035..f1b30604 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -8,6 +8,5 @@
   "singleQuote": true,
   "tabWidth": 2,
   "trailingComma": "none",
-  "useTabs": false,
-  "vueIndentScriptAndStyle": true
+  "useTabs": false
 }
diff --git a/index.d.ts b/index.d.ts
index b2c04a43..a03e3a9d 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,4 +1,4 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core'
 import { DefineComponent } from 'vue'
 
 interface FontAwesomeIconProps {
@@ -7,6 +7,7 @@ interface FontAwesomeIconProps {
   flip?: 'horizontal' | 'vertical' | 'both'
   icon: object | Array<string> | string | IconDefinition
   mask?: object | Array<string> | string
+  maskId?: object | Array<string> | string
   listItem?: boolean
   pull?: 'right' | 'left'
   pulse?: boolean
@@ -17,6 +18,7 @@ interface FontAwesomeIconProps {
   transform?: object | string
   symbol?: boolean | string
   title?: string
+  titleId?: string
   inverse?: boolean
   bounce?: boolean
   shake?: boolean
diff --git a/index.es.js b/index.es.js
index 30fa3825..ab5d0608 100644
--- a/index.es.js
+++ b/index.es.js
@@ -1,297 +1,310 @@
-import { parse, icon, config, text } from '@fortawesome/fontawesome-svg-core';
-import { h, defineComponent, computed, watch } from 'vue';
+import { parse, icon, config, text } from '@fortawesome/fontawesome-svg-core'
+import { h, defineComponent, computed, watch } from 'vue'
 
 function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
+  var keys = Object.keys(object)
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var symbols = Object.getOwnPropertySymbols(object)
+    enumerableOnly &&
+      (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable
+      })),
+      keys.push.apply(keys, symbols)
   }
-
-  return keys;
+  return keys
 }
-
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
+    var source = null != arguments[i] ? arguments[i] : {}
+    i % 2
+      ? ownKeys(Object(source), !0).forEach(function (key) {
+          _defineProperty(target, key, source[key])
+        })
+      : Object.getOwnPropertyDescriptors
+      ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))
+      : ownKeys(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))
+        })
   }
-
-  return target;
+  return target
 }
-
 function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  '@babel/helpers - typeof'
+
+  return (
+    (_typeof =
+      'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
+        ? function (obj) {
+            return typeof obj
+          }
+        : function (obj) {
+            return obj && 'function' == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj
+          }),
+    _typeof(obj)
+  )
 }
-
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key)
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
       enumerable: true,
       configurable: true,
       writable: true
-    });
+    })
   } else {
-    obj[key] = value;
+    obj[key] = value
   }
-
-  return obj;
+  return obj
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
+  if (source == null) return {}
+  var target = {}
+  var sourceKeys = Object.keys(source)
+  var key, i
   for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+    key = sourceKeys[i]
+    if (excluded.indexOf(key) >= 0) continue
+    target[key] = source[key]
   }
-
-  return target;
+  return target
 }
-
 function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
+  if (source == null) return {}
+  var target = _objectWithoutPropertiesLoose(source, excluded)
+  var key, i
   if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source)
     for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
+      key = sourceSymbolKeys[i]
+      if (excluded.indexOf(key) >= 0) continue
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue
+      target[key] = source[key]
     }
   }
-
-  return target;
+  return target
 }
-
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread()
 }
-
 function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr)
 }
-
 function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  if ((typeof Symbol !== 'undefined' && iter[Symbol.iterator] != null) || iter['@@iterator'] != null) return Array.from(iter)
 }
-
 function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  if (!o) return
+  if (typeof o === 'string') return _arrayLikeToArray(o, minLen)
+  var n = Object.prototype.toString.call(o).slice(8, -1)
+  if (n === 'Object' && o.constructor) n = o.constructor.name
+  if (n === 'Map' || n === 'Set') return Array.from(o)
+  if (n === 'Arguments' || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen)
 }
-
 function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
+  if (len == null || len > arr.length) len = arr.length
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]
+  return arr2
 }
-
 function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  throw new TypeError('Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.')
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== 'object' || input === null) return input
+  var prim = input[Symbol.toPrimitive]
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || 'default')
+    if (typeof res !== 'object') return res
+    throw new TypeError('@@toPrimitive must return a primitive value.')
+  }
+  return (hint === 'string' ? String : Number)(input)
 }
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, 'string')
+  return typeof key === 'symbol' ? key : String(key)
+}
+
+var commonjsGlobal =
+  typeof globalThis !== 'undefined'
+    ? globalThis
+    : typeof window !== 'undefined'
+    ? window
+    : typeof global !== 'undefined'
+    ? global
+    : typeof self !== 'undefined'
+    ? self
+    : {}
+
+var humps$1 = { exports: {} }
+
+;(function (module) {
+  ;(function (global) {
+    var _processKeys = function (convert, obj, options) {
+      if (!_isObject(obj) || _isDate(obj) || _isRegExp(obj) || _isBoolean(obj) || _isFunction(obj)) {
+        return obj
+      }
+
+      var output,
+        i = 0,
+        l = 0
+
+      if (_isArray(obj)) {
+        output = []
+        for (l = obj.length; i < l; i++) {
+          output.push(_processKeys(convert, obj[i], options))
+        }
+      } else {
+        output = {}
+        for (var key in obj) {
+          if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            output[convert(key, options)] = _processKeys(convert, obj[key], options)
+          }
+        }
+      }
+      return output
+    }
+
+    // String conversion methods
+
+    var separateWords = function (string, options) {
+      options = options || {}
+      var separator = options.separator || '_'
+      var split = options.split || /(?=[A-Z])/
+
+      return string.split(split).join(separator)
+    }
+
+    var camelize = function (string) {
+      if (_isNumerical(string)) {
+        return string
+      }
+      string = string.replace(/[\-_\s]+(.)?/g, function (match, chr) {
+        return chr ? chr.toUpperCase() : ''
+      })
+      // Ensure 1st char is always lowercase
+      return string.substr(0, 1).toLowerCase() + string.substr(1)
+    }
+
+    var pascalize = function (string) {
+      var camelized = camelize(string)
+      // Ensure 1st char is always uppercase
+      return camelized.substr(0, 1).toUpperCase() + camelized.substr(1)
+    }
+
+    var decamelize = function (string, options) {
+      return separateWords(string, options).toLowerCase()
+    }
+
+    // Utilities
+    // Taken from Underscore.js
+
+    var toString = Object.prototype.toString
+
+    var _isFunction = function (obj) {
+      return typeof obj === 'function'
+    }
+    var _isObject = function (obj) {
+      return obj === Object(obj)
+    }
+    var _isArray = function (obj) {
+      return toString.call(obj) == '[object Array]'
+    }
+    var _isDate = function (obj) {
+      return toString.call(obj) == '[object Date]'
+    }
+    var _isRegExp = function (obj) {
+      return toString.call(obj) == '[object RegExp]'
+    }
+    var _isBoolean = function (obj) {
+      return toString.call(obj) == '[object Boolean]'
+    }
+
+    // Performant way to determine if obj coerces to a number
+    var _isNumerical = function (obj) {
+      obj = obj - 0
+      return obj === obj
+    }
+
+    // Sets up function which handles processing keys
+    // allowing the convert function to be modified by a callback
+    var _processor = function (convert, options) {
+      var callback = options && 'process' in options ? options.process : options
+
+      if (typeof callback !== 'function') {
+        return convert
+      }
+
+      return function (string, options) {
+        return callback(string, convert, options)
+      }
+    }
+
+    var humps = {
+      camelize: camelize,
+      decamelize: decamelize,
+      pascalize: pascalize,
+      depascalize: decamelize,
+      camelizeKeys: function (object, options) {
+        return _processKeys(_processor(camelize, options), object)
+      },
+      decamelizeKeys: function (object, options) {
+        return _processKeys(_processor(decamelize, options), object, options)
+      },
+      pascalizeKeys: function (object, options) {
+        return _processKeys(_processor(pascalize, options), object)
+      },
+      depascalizeKeys: function () {
+        return this.decamelizeKeys.apply(this, arguments)
+      }
+    }
+
+    if (module.exports) {
+      module.exports = humps
+    } else {
+      global.humps = humps
+    }
+  })(commonjsGlobal)
+})(humps$1)
+
+var humps = humps$1.exports
+
+var _excluded = ['class', 'style']
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-var humps$1 = {exports: {}};
-
-(function (module) {
-(function(global) {
-
-	  var _processKeys = function(convert, obj, options) {
-	    if(!_isObject(obj) || _isDate(obj) || _isRegExp(obj) || _isBoolean(obj) || _isFunction(obj)) {
-	      return obj;
-	    }
-
-	    var output,
-	        i = 0,
-	        l = 0;
-
-	    if(_isArray(obj)) {
-	      output = [];
-	      for(l=obj.length; i<l; i++) {
-	        output.push(_processKeys(convert, obj[i], options));
-	      }
-	    }
-	    else {
-	      output = {};
-	      for(var key in obj) {
-	        if(Object.prototype.hasOwnProperty.call(obj, key)) {
-	          output[convert(key, options)] = _processKeys(convert, obj[key], options);
-	        }
-	      }
-	    }
-	    return output;
-	  };
-
-	  // String conversion methods
-
-	  var separateWords = function(string, options) {
-	    options = options || {};
-	    var separator = options.separator || '_';
-	    var split = options.split || /(?=[A-Z])/;
-
-	    return string.split(split).join(separator);
-	  };
-
-	  var camelize = function(string) {
-	    if (_isNumerical(string)) {
-	      return string;
-	    }
-	    string = string.replace(/[\-_\s]+(.)?/g, function(match, chr) {
-	      return chr ? chr.toUpperCase() : '';
-	    });
-	    // Ensure 1st char is always lowercase
-	    return string.substr(0, 1).toLowerCase() + string.substr(1);
-	  };
-
-	  var pascalize = function(string) {
-	    var camelized = camelize(string);
-	    // Ensure 1st char is always uppercase
-	    return camelized.substr(0, 1).toUpperCase() + camelized.substr(1);
-	  };
-
-	  var decamelize = function(string, options) {
-	    return separateWords(string, options).toLowerCase();
-	  };
-
-	  // Utilities
-	  // Taken from Underscore.js
-
-	  var toString = Object.prototype.toString;
-
-	  var _isFunction = function(obj) {
-	    return typeof(obj) === 'function';
-	  };
-	  var _isObject = function(obj) {
-	    return obj === Object(obj);
-	  };
-	  var _isArray = function(obj) {
-	    return toString.call(obj) == '[object Array]';
-	  };
-	  var _isDate = function(obj) {
-	    return toString.call(obj) == '[object Date]';
-	  };
-	  var _isRegExp = function(obj) {
-	    return toString.call(obj) == '[object RegExp]';
-	  };
-	  var _isBoolean = function(obj) {
-	    return toString.call(obj) == '[object Boolean]';
-	  };
-
-	  // Performant way to determine if obj coerces to a number
-	  var _isNumerical = function(obj) {
-	    obj = obj - 0;
-	    return obj === obj;
-	  };
-
-	  // Sets up function which handles processing keys
-	  // allowing the convert function to be modified by a callback
-	  var _processor = function(convert, options) {
-	    var callback = options && 'process' in options ? options.process : options;
-
-	    if(typeof(callback) !== 'function') {
-	      return convert;
-	    }
-
-	    return function(string, options) {
-	      return callback(string, convert, options);
-	    }
-	  };
-
-	  var humps = {
-	    camelize: camelize,
-	    decamelize: decamelize,
-	    pascalize: pascalize,
-	    depascalize: decamelize,
-	    camelizeKeys: function(object, options) {
-	      return _processKeys(_processor(camelize, options), object);
-	    },
-	    decamelizeKeys: function(object, options) {
-	      return _processKeys(_processor(decamelize, options), object, options);
-	    },
-	    pascalizeKeys: function(object, options) {
-	      return _processKeys(_processor(pascalize, options), object);
-	    },
-	    depascalizeKeys: function () {
-	      return this.decamelizeKeys.apply(this, arguments);
-	    }
-	  };
-
-	  if (module.exports) {
-	    module.exports = humps;
-	  } else {
-	    global.humps = humps;
-	  }
-
-	})(commonjsGlobal);
-} (humps$1));
-
-var humps = humps$1.exports;
-
-var _excluded = ["class", "style"];
 /**
  * Converts a CSS style into a plain Javascript object.
  * @param {String} style The style to converts into a plain Javascript object.
  * @returns {Object}
  */
-
 function styleToObject(style) {
-  return style.split(';').map(function (s) {
-    return s.trim();
-  }).filter(function (s) {
-    return s;
-  }).reduce(function (output, pair) {
-    var idx = pair.indexOf(':');
-    var prop = humps.camelize(pair.slice(0, idx));
-    var value = pair.slice(idx + 1).trim();
-    output[prop] = value;
-    return output;
-  }, {});
+  return style
+    .split(';')
+    .map(function (s) {
+      return s.trim()
+    })
+    .filter(function (s) {
+      return s
+    })
+    .reduce(function (output, pair) {
+      var idx = pair.indexOf(':')
+      var prop = humps.camelize(pair.slice(0, idx))
+      var value = pair.slice(idx + 1).trim()
+      output[prop] = value
+      return output
+    }, {})
 }
+
 /**
  * Converts a CSS class list into a plain Javascript object.
  * @param {Array<String>} classes The class list to convert.
  * @returns {Object}
  */
-
-
 function classToObject(classes) {
   return classes.split(/\s+/).reduce(function (output, className) {
-    output[className] = true;
-    return output;
-  }, {});
+    output[className] = true
+    return output
+  }, {})
 }
+
 /**
  * Converts a FontAwesome abstract element of an icon into a Vue VNode.
  * @param {AbstractElement | String} abstractElement The element to convert.
@@ -299,126 +312,141 @@ function classToObject(classes) {
  * @param {Object} attrs The user-defined native HTML attributes.
  * @returns {VNode}
  */
-
-
 function convert(abstractElement) {
-  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var attrs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}
+  var attrs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}
   // If the abstract element is a string, we'll just return a string render function
   if (typeof abstractElement === 'string') {
-    return abstractElement;
-  } // Converting abstract element children into Vue VNodes
-
+    return abstractElement
+  }
 
+  // Converting abstract element children into Vue VNodes
   var children = (abstractElement.children || []).map(function (child) {
-    return convert(child);
-  }); // Converting abstract element attributes into valid Vue format
-
-  var mixins = Object.keys(abstractElement.attributes || {}).reduce(function (mixins, key) {
-    var value = abstractElement.attributes[key];
-
-    switch (key) {
-      case 'class':
-        mixins.class = classToObject(value);
-        break;
-
-      case 'style':
-        mixins.style = styleToObject(value);
-        break;
-
-      default:
-        mixins.attrs[key] = value;
+    return convert(child)
+  })
+
+  // Converting abstract element attributes into valid Vue format
+  var mixins = Object.keys(abstractElement.attributes || {}).reduce(
+    function (mixins, key) {
+      var value = abstractElement.attributes[key]
+      switch (key) {
+        case 'class':
+          mixins.class = classToObject(value)
+          break
+        case 'style':
+          mixins.style = styleToObject(value)
+          break
+        default:
+          mixins.attrs[key] = value
+      }
+      return mixins
+    },
+    {
+      attrs: {},
+      class: {},
+      style: {}
     }
-
-    return mixins;
-  }, {
-    attrs: {},
-    class: {},
-    style: {}
-  }); // Now, we'll return the VNode
-
-  attrs.class;
-      var _attrs$style = attrs.style,
-      aStyle = _attrs$style === void 0 ? {} : _attrs$style,
-      otherAttrs = _objectWithoutProperties(attrs, _excluded);
-
-  return h(abstractElement.tag, _objectSpread2(_objectSpread2(_objectSpread2({}, props), {}, {
-    class: mixins.class,
-    style: _objectSpread2(_objectSpread2({}, mixins.style), aStyle)
-  }, mixins.attrs), otherAttrs), children);
+  )
+
+  // Now, we'll return the VNode
+  attrs.class
+  var _attrs$style = attrs.style,
+    aStyle = _attrs$style === void 0 ? {} : _attrs$style,
+    otherAttrs = _objectWithoutProperties(attrs, _excluded)
+  return h(
+    abstractElement.tag,
+    _objectSpread2(
+      _objectSpread2(
+        _objectSpread2({}, props),
+        {},
+        {
+          class: mixins.class,
+          style: _objectSpread2(_objectSpread2({}, mixins.style), aStyle)
+        },
+        mixins.attrs
+      ),
+      otherAttrs
+    ),
+    children
+  )
 }
 
-var PRODUCTION = false;
-
+var PRODUCTION = false
 try {
-  PRODUCTION = process.env.NODE_ENV === 'production';
+  PRODUCTION = process.env.NODE_ENV === 'production'
 } catch (e) {}
-
-function log () {
+function log() {
   if (!PRODUCTION && console && typeof console.error === 'function') {
-    var _console;
-
-    (_console = console).error.apply(_console, arguments);
+    var _console
+    ;(_console = console).error.apply(_console, arguments)
   }
 }
 
 function objectWithKey(key, value) {
-  return Array.isArray(value) && value.length > 0 || !Array.isArray(value) && value ? _defineProperty({}, key, value) : {};
+  return (Array.isArray(value) && value.length > 0) || (!Array.isArray(value) && value) ? _defineProperty({}, key, value) : {}
 }
 function classList(props) {
-  var _classes;
-
-  var classes = (_classes = {
-    'fa-spin': props.spin,
-    'fa-pulse': props.pulse,
-    'fa-fw': props.fixedWidth,
-    'fa-border': props.border,
-    'fa-li': props.listItem,
-    'fa-inverse': props.inverse,
-    'fa-flip': props.flip === true,
-    'fa-flip-horizontal': props.flip === 'horizontal' || props.flip === 'both',
-    'fa-flip-vertical': props.flip === 'vertical' || props.flip === 'both'
-  }, _defineProperty(_classes, "fa-".concat(props.size), props.size !== null), _defineProperty(_classes, "fa-rotate-".concat(props.rotation), props.rotation !== null), _defineProperty(_classes, "fa-pull-".concat(props.pull), props.pull !== null), _defineProperty(_classes, 'fa-swap-opacity', props.swapOpacity), _defineProperty(_classes, 'fa-bounce', props.bounce), _defineProperty(_classes, 'fa-shake', props.shake), _defineProperty(_classes, 'fa-beat', props.beat), _defineProperty(_classes, 'fa-fade', props.fade), _defineProperty(_classes, 'fa-beat-fade', props.beatFade), _defineProperty(_classes, 'fa-flash', props.flash), _defineProperty(_classes, 'fa-spin-pulse', props.spinPulse), _defineProperty(_classes, 'fa-spin-reverse', props.spinReverse), _classes);
-  return Object.keys(classes).map(function (key) {
-    return classes[key] ? key : null;
-  }).filter(function (key) {
-    return key;
-  });
+  var _classes
+  var classes =
+    ((_classes = {
+      'fa-spin': props.spin,
+      'fa-pulse': props.pulse,
+      'fa-fw': props.fixedWidth,
+      'fa-border': props.border,
+      'fa-li': props.listItem,
+      'fa-inverse': props.inverse,
+      'fa-flip': props.flip === true,
+      'fa-flip-horizontal': props.flip === 'horizontal' || props.flip === 'both',
+      'fa-flip-vertical': props.flip === 'vertical' || props.flip === 'both'
+    }),
+    _defineProperty(_classes, 'fa-'.concat(props.size), props.size !== null),
+    _defineProperty(_classes, 'fa-rotate-'.concat(props.rotation), props.rotation !== null),
+    _defineProperty(_classes, 'fa-pull-'.concat(props.pull), props.pull !== null),
+    _defineProperty(_classes, 'fa-swap-opacity', props.swapOpacity),
+    _defineProperty(_classes, 'fa-bounce', props.bounce),
+    _defineProperty(_classes, 'fa-shake', props.shake),
+    _defineProperty(_classes, 'fa-beat', props.beat),
+    _defineProperty(_classes, 'fa-fade', props.fade),
+    _defineProperty(_classes, 'fa-beat-fade', props.beatFade),
+    _defineProperty(_classes, 'fa-flash', props.flash),
+    _defineProperty(_classes, 'fa-spin-pulse', props.spinPulse),
+    _defineProperty(_classes, 'fa-spin-reverse', props.spinReverse),
+    _classes)
+  return Object.keys(classes)
+    .map(function (key) {
+      return classes[key] ? key : null
+    })
+    .filter(function (key) {
+      return key
+    })
 }
 
 function normalizeIconArgs(icon) {
   if (icon && _typeof(icon) === 'object' && icon.prefix && icon.iconName && icon.icon) {
-    return icon;
+    return icon
   }
-
   if (parse.icon) {
-    return parse.icon(icon);
+    return parse.icon(icon)
   }
-
   if (icon === null) {
-    return null;
+    return null
   }
-
   if (_typeof(icon) === 'object' && icon.prefix && icon.iconName) {
-    return icon;
+    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
-    };
+    }
   }
 }
-
 var FontAwesomeIcon = defineComponent({
   name: 'FontAwesomeIcon',
   props: {
@@ -434,7 +462,7 @@ var FontAwesomeIcon = defineComponent({
       type: [Boolean, String],
       default: false,
       validator: function validator(value) {
-        return [true, false, 'horizontal', 'vertical', 'both'].indexOf(value) > -1;
+        return [true, false, 'horizontal', 'vertical', 'both'].indexOf(value) > -1
       }
     },
     icon: {
@@ -445,6 +473,10 @@ var FontAwesomeIcon = defineComponent({
       type: [Object, Array, String],
       default: null
     },
+    maskId: {
+      type: String,
+      default: null
+    },
     listItem: {
       type: Boolean,
       default: false
@@ -453,7 +485,7 @@ var FontAwesomeIcon = defineComponent({
       type: String,
       default: null,
       validator: function validator(value) {
-        return ['right', 'left'].indexOf(value) > -1;
+        return ['right', 'left'].indexOf(value) > -1
       }
     },
     pulse: {
@@ -464,7 +496,7 @@ var FontAwesomeIcon = defineComponent({
       type: [String, Number],
       default: null,
       validator: function validator(value) {
-        return [90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1;
+        return [90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1
       }
     },
     swapOpacity: {
@@ -475,7 +507,7 @@ var FontAwesomeIcon = defineComponent({
       type: String,
       default: null,
       validator: function validator(value) {
-        return ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1;
+        return ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1
       }
     },
     spin: {
@@ -494,6 +526,10 @@ var FontAwesomeIcon = defineComponent({
       type: String,
       default: null
     },
+    titleId: {
+      type: String,
+      default: null
+    },
     inverse: {
       type: Boolean,
       default: false
@@ -532,40 +568,53 @@ var FontAwesomeIcon = defineComponent({
     }
   },
   setup: function setup(props, _ref) {
-    var attrs = _ref.attrs;
+    var attrs = _ref.attrs
     var icon$1 = computed(function () {
-      return normalizeIconArgs(props.icon);
-    });
+      return normalizeIconArgs(props.icon)
+    })
     var classes = computed(function () {
-      return objectWithKey('classes', classList(props));
-    });
+      return objectWithKey('classes', classList(props))
+    })
     var transform = computed(function () {
-      return objectWithKey('transform', typeof props.transform === 'string' ? parse.transform(props.transform) : props.transform);
-    });
+      return objectWithKey('transform', typeof props.transform === 'string' ? parse.transform(props.transform) : props.transform)
+    })
     var mask = computed(function () {
-      return objectWithKey('mask', normalizeIconArgs(props.mask));
-    });
+      return objectWithKey('mask', normalizeIconArgs(props.mask))
+    })
     var renderedIcon = computed(function () {
-      return icon(icon$1.value, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, classes.value), transform.value), mask.value), {}, {
-        symbol: props.symbol,
-        title: props.title
-      }));
-    });
-    watch(renderedIcon, function (value) {
-      if (!value) {
-        return log('Could not find one or more icon(s)', icon$1.value, mask.value);
+      return icon(
+        icon$1.value,
+        _objectSpread2(
+          _objectSpread2(_objectSpread2(_objectSpread2({}, classes.value), transform.value), mask.value),
+          {},
+          {
+            symbol: props.symbol,
+            title: props.title,
+            titleId: props.titleId,
+            maskId: props.maskId
+          }
+        )
+      )
+    })
+    watch(
+      renderedIcon,
+      function (value) {
+        if (!value) {
+          return log('Could not find one or more icon(s)', icon$1.value, mask.value)
+        }
+      },
+      {
+        immediate: true
       }
-    }, {
-      immediate: true
-    });
+    )
     var vnode = computed(function () {
-      return renderedIcon.value ? convert(renderedIcon.value.abstract[0], {}, attrs) : null;
-    });
+      return renderedIcon.value ? convert(renderedIcon.value.abstract[0], {}, attrs) : null
+    })
     return function () {
-      return vnode.value;
-    };
+      return vnode.value
+    }
   }
-});
+})
 
 var FontAwesomeLayers = defineComponent({
   name: 'FontAwesomeLayers',
@@ -576,18 +625,22 @@ var FontAwesomeLayers = defineComponent({
     }
   },
   setup: function setup(props, _ref) {
-    var slots = _ref.slots;
-    var familyPrefix = config.familyPrefix;
+    var slots = _ref.slots
+    var familyPrefix = config.familyPrefix
     var className = computed(function () {
-      return ["".concat(familyPrefix, "-layers")].concat(_toConsumableArray(props.fixedWidth ? ["".concat(familyPrefix, "-fw")] : []));
-    });
+      return [''.concat(familyPrefix, '-layers')].concat(_toConsumableArray(props.fixedWidth ? [''.concat(familyPrefix, '-fw')] : []))
+    })
     return function () {
-      return h('div', {
-        class: className.value
-      }, slots.default ? slots.default() : []);
-    };
+      return h(
+        'div',
+        {
+          class: className.value
+        },
+        slots.default ? slots.default() : []
+      )
+    }
   }
-});
+})
 
 var FontAwesomeLayersText = defineComponent({
   name: 'FontAwesomeLayersText',
@@ -608,36 +661,40 @@ var FontAwesomeLayersText = defineComponent({
       type: String,
       default: null,
       validator: function validator(value) {
-        return ['bottom-left', 'bottom-right', 'top-left', 'top-right'].indexOf(value) > -1;
+        return ['bottom-left', 'bottom-right', 'top-left', 'top-right'].indexOf(value) > -1
       }
     }
   },
   setup: function setup(props, _ref) {
-    var attrs = _ref.attrs;
-    var familyPrefix = config.familyPrefix;
+    var attrs = _ref.attrs
+    var familyPrefix = config.familyPrefix
     var classes = computed(function () {
-      return objectWithKey('classes', [].concat(_toConsumableArray(props.counter ? ["".concat(familyPrefix, "-layers-counter")] : []), _toConsumableArray(props.position ? ["".concat(familyPrefix, "-layers-").concat(props.position)] : [])));
-    });
+      return objectWithKey(
+        'classes',
+        [].concat(
+          _toConsumableArray(props.counter ? [''.concat(familyPrefix, '-layers-counter')] : []),
+          _toConsumableArray(props.position ? [''.concat(familyPrefix, '-layers-').concat(props.position)] : [])
+        )
+      )
+    })
     var transform = computed(function () {
-      return objectWithKey('transform', typeof props.transform === 'string' ? parse.transform(props.transform) : props.transform);
-    });
+      return objectWithKey('transform', typeof props.transform === 'string' ? parse.transform(props.transform) : props.transform)
+    })
     var abstractElement = computed(function () {
       var _text = text(props.value.toString(), _objectSpread2(_objectSpread2({}, transform.value), classes.value)),
-          abstract = _text.abstract;
-
+        abstract = _text.abstract
       if (props.counter) {
-        abstract[0].attributes.class = abstract[0].attributes.class.replace('fa-layers-text', '');
+        abstract[0].attributes.class = abstract[0].attributes.class.replace('fa-layers-text', '')
       }
-
-      return abstract[0];
-    });
+      return abstract[0]
+    })
     var vnode = computed(function () {
-      return convert(abstractElement.value, {}, attrs);
-    });
+      return convert(abstractElement.value, {}, attrs)
+    })
     return function () {
-      return vnode.value;
-    };
+      return vnode.value
+    }
   }
-});
+})
 
-export { FontAwesomeIcon, FontAwesomeLayers, FontAwesomeLayersText };
+export { FontAwesomeIcon, FontAwesomeLayers, FontAwesomeLayersText }
diff --git a/index.js b/index.js
index 34356587..579b7332 100644
--- a/index.js
+++ b/index.js
@@ -1,300 +1,316 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@fortawesome/fontawesome-svg-core'), require('vue')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@fortawesome/fontawesome-svg-core', 'vue'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["vue-fontawesome"] = {}, global.FontAwesome, global.vue));
-})(this, (function (exports, fontawesomeSvgCore, vue) { 'use strict';
+;(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined'
+    ? factory(exports, require('@fortawesome/fontawesome-svg-core'), require('vue'))
+    : typeof define === 'function' && define.amd
+    ? define(['exports', '@fortawesome/fontawesome-svg-core', 'vue'], factory)
+    : ((global = typeof globalThis !== 'undefined' ? globalThis : global || self), factory((global['vue-fontawesome'] = {}), global.FontAwesome, global.vue))
+})(this, function (exports, fontawesomeSvgCore, vue) {
+  'use strict'
 
   function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
+    var keys = Object.keys(object)
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
+      var symbols = Object.getOwnPropertySymbols(object)
+      enumerableOnly &&
+        (symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable
+        })),
+        keys.push.apply(keys, symbols)
     }
-
-    return keys;
+    return keys
   }
-
   function _objectSpread2(target) {
     for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
+      var source = null != arguments[i] ? arguments[i] : {}
+      i % 2
+        ? ownKeys(Object(source), !0).forEach(function (key) {
+            _defineProperty(target, key, source[key])
+          })
+        : Object.getOwnPropertyDescriptors
+        ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source))
+        : ownKeys(Object(source)).forEach(function (key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key))
+          })
     }
-
-    return target;
+    return target
   }
-
   function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
+    '@babel/helpers - typeof'
+
+    return (
+      (_typeof =
+        'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator
+          ? function (obj) {
+              return typeof obj
+            }
+          : function (obj) {
+              return obj && 'function' == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj
+            }),
+      _typeof(obj)
+    )
   }
-
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key)
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
         enumerable: true,
         configurable: true,
         writable: true
-      });
+      })
     } else {
-      obj[key] = value;
+      obj[key] = value
     }
-
-    return obj;
+    return obj
   }
-
   function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-
+    if (source == null) return {}
+    var target = {}
+    var sourceKeys = Object.keys(source)
+    var key, i
     for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
+      key = sourceKeys[i]
+      if (excluded.indexOf(key) >= 0) continue
+      target[key] = source[key]
     }
-
-    return target;
+    return target
   }
-
   function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-
-    var key, i;
-
+    if (source == null) return {}
+    var target = _objectWithoutPropertiesLoose(source, excluded)
+    var key, i
     if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source)
       for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
+        key = sourceSymbolKeys[i]
+        if (excluded.indexOf(key) >= 0) continue
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue
+        target[key] = source[key]
       }
     }
-
-    return target;
+    return target
   }
-
   function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread()
   }
-
   function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr)
   }
-
   function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+    if ((typeof Symbol !== 'undefined' && iter[Symbol.iterator] != null) || iter['@@iterator'] != null) return Array.from(iter)
   }
-
   function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+    if (!o) return
+    if (typeof o === 'string') return _arrayLikeToArray(o, minLen)
+    var n = Object.prototype.toString.call(o).slice(8, -1)
+    if (n === 'Object' && o.constructor) n = o.constructor.name
+    if (n === 'Map' || n === 'Set') return Array.from(o)
+    if (n === 'Arguments' || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen)
   }
-
   function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
+    if (len == null || len > arr.length) len = arr.length
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]
+    return arr2
   }
-
   function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    throw new TypeError('Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.')
+  }
+  function _toPrimitive(input, hint) {
+    if (typeof input !== 'object' || input === null) return input
+    var prim = input[Symbol.toPrimitive]
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || 'default')
+      if (typeof res !== 'object') return res
+      throw new TypeError('@@toPrimitive must return a primitive value.')
+    }
+    return (hint === 'string' ? String : Number)(input)
   }
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, 'string')
+    return typeof key === 'symbol' ? key : String(key)
+  }
+
+  var commonjsGlobal =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+      ? global
+      : typeof self !== 'undefined'
+      ? self
+      : {}
+
+  var humps$1 = { exports: {} }
+
+  ;(function (module) {
+    ;(function (global) {
+      var _processKeys = function (convert, obj, options) {
+        if (!_isObject(obj) || _isDate(obj) || _isRegExp(obj) || _isBoolean(obj) || _isFunction(obj)) {
+          return obj
+        }
+
+        var output,
+          i = 0,
+          l = 0
+
+        if (_isArray(obj)) {
+          output = []
+          for (l = obj.length; i < l; i++) {
+            output.push(_processKeys(convert, obj[i], options))
+          }
+        } else {
+          output = {}
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              output[convert(key, options)] = _processKeys(convert, obj[key], options)
+            }
+          }
+        }
+        return output
+      }
+
+      // String conversion methods
+
+      var separateWords = function (string, options) {
+        options = options || {}
+        var separator = options.separator || '_'
+        var split = options.split || /(?=[A-Z])/
+
+        return string.split(split).join(separator)
+      }
+
+      var camelize = function (string) {
+        if (_isNumerical(string)) {
+          return string
+        }
+        string = string.replace(/[\-_\s]+(.)?/g, function (match, chr) {
+          return chr ? chr.toUpperCase() : ''
+        })
+        // Ensure 1st char is always lowercase
+        return string.substr(0, 1).toLowerCase() + string.substr(1)
+      }
+
+      var pascalize = function (string) {
+        var camelized = camelize(string)
+        // Ensure 1st char is always uppercase
+        return camelized.substr(0, 1).toUpperCase() + camelized.substr(1)
+      }
+
+      var decamelize = function (string, options) {
+        return separateWords(string, options).toLowerCase()
+      }
+
+      // Utilities
+      // Taken from Underscore.js
+
+      var toString = Object.prototype.toString
+
+      var _isFunction = function (obj) {
+        return typeof obj === 'function'
+      }
+      var _isObject = function (obj) {
+        return obj === Object(obj)
+      }
+      var _isArray = function (obj) {
+        return toString.call(obj) == '[object Array]'
+      }
+      var _isDate = function (obj) {
+        return toString.call(obj) == '[object Date]'
+      }
+      var _isRegExp = function (obj) {
+        return toString.call(obj) == '[object RegExp]'
+      }
+      var _isBoolean = function (obj) {
+        return toString.call(obj) == '[object Boolean]'
+      }
+
+      // Performant way to determine if obj coerces to a number
+      var _isNumerical = function (obj) {
+        obj = obj - 0
+        return obj === obj
+      }
+
+      // Sets up function which handles processing keys
+      // allowing the convert function to be modified by a callback
+      var _processor = function (convert, options) {
+        var callback = options && 'process' in options ? options.process : options
+
+        if (typeof callback !== 'function') {
+          return convert
+        }
+
+        return function (string, options) {
+          return callback(string, convert, options)
+        }
+      }
+
+      var humps = {
+        camelize: camelize,
+        decamelize: decamelize,
+        pascalize: pascalize,
+        depascalize: decamelize,
+        camelizeKeys: function (object, options) {
+          return _processKeys(_processor(camelize, options), object)
+        },
+        decamelizeKeys: function (object, options) {
+          return _processKeys(_processor(decamelize, options), object, options)
+        },
+        pascalizeKeys: function (object, options) {
+          return _processKeys(_processor(pascalize, options), object)
+        },
+        depascalizeKeys: function () {
+          return this.decamelizeKeys.apply(this, arguments)
+        }
+      }
+
+      if (module.exports) {
+        module.exports = humps
+      } else {
+        global.humps = humps
+      }
+    })(commonjsGlobal)
+  })(humps$1)
+
+  var humps = humps$1.exports
+
+  var _excluded = ['class', 'style']
 
-  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-  var humps$1 = {exports: {}};
-
-  (function (module) {
-  (function(global) {
-
-  	  var _processKeys = function(convert, obj, options) {
-  	    if(!_isObject(obj) || _isDate(obj) || _isRegExp(obj) || _isBoolean(obj) || _isFunction(obj)) {
-  	      return obj;
-  	    }
-
-  	    var output,
-  	        i = 0,
-  	        l = 0;
-
-  	    if(_isArray(obj)) {
-  	      output = [];
-  	      for(l=obj.length; i<l; i++) {
-  	        output.push(_processKeys(convert, obj[i], options));
-  	      }
-  	    }
-  	    else {
-  	      output = {};
-  	      for(var key in obj) {
-  	        if(Object.prototype.hasOwnProperty.call(obj, key)) {
-  	          output[convert(key, options)] = _processKeys(convert, obj[key], options);
-  	        }
-  	      }
-  	    }
-  	    return output;
-  	  };
-
-  	  // String conversion methods
-
-  	  var separateWords = function(string, options) {
-  	    options = options || {};
-  	    var separator = options.separator || '_';
-  	    var split = options.split || /(?=[A-Z])/;
-
-  	    return string.split(split).join(separator);
-  	  };
-
-  	  var camelize = function(string) {
-  	    if (_isNumerical(string)) {
-  	      return string;
-  	    }
-  	    string = string.replace(/[\-_\s]+(.)?/g, function(match, chr) {
-  	      return chr ? chr.toUpperCase() : '';
-  	    });
-  	    // Ensure 1st char is always lowercase
-  	    return string.substr(0, 1).toLowerCase() + string.substr(1);
-  	  };
-
-  	  var pascalize = function(string) {
-  	    var camelized = camelize(string);
-  	    // Ensure 1st char is always uppercase
-  	    return camelized.substr(0, 1).toUpperCase() + camelized.substr(1);
-  	  };
-
-  	  var decamelize = function(string, options) {
-  	    return separateWords(string, options).toLowerCase();
-  	  };
-
-  	  // Utilities
-  	  // Taken from Underscore.js
-
-  	  var toString = Object.prototype.toString;
-
-  	  var _isFunction = function(obj) {
-  	    return typeof(obj) === 'function';
-  	  };
-  	  var _isObject = function(obj) {
-  	    return obj === Object(obj);
-  	  };
-  	  var _isArray = function(obj) {
-  	    return toString.call(obj) == '[object Array]';
-  	  };
-  	  var _isDate = function(obj) {
-  	    return toString.call(obj) == '[object Date]';
-  	  };
-  	  var _isRegExp = function(obj) {
-  	    return toString.call(obj) == '[object RegExp]';
-  	  };
-  	  var _isBoolean = function(obj) {
-  	    return toString.call(obj) == '[object Boolean]';
-  	  };
-
-  	  // Performant way to determine if obj coerces to a number
-  	  var _isNumerical = function(obj) {
-  	    obj = obj - 0;
-  	    return obj === obj;
-  	  };
-
-  	  // Sets up function which handles processing keys
-  	  // allowing the convert function to be modified by a callback
-  	  var _processor = function(convert, options) {
-  	    var callback = options && 'process' in options ? options.process : options;
-
-  	    if(typeof(callback) !== 'function') {
-  	      return convert;
-  	    }
-
-  	    return function(string, options) {
-  	      return callback(string, convert, options);
-  	    }
-  	  };
-
-  	  var humps = {
-  	    camelize: camelize,
-  	    decamelize: decamelize,
-  	    pascalize: pascalize,
-  	    depascalize: decamelize,
-  	    camelizeKeys: function(object, options) {
-  	      return _processKeys(_processor(camelize, options), object);
-  	    },
-  	    decamelizeKeys: function(object, options) {
-  	      return _processKeys(_processor(decamelize, options), object, options);
-  	    },
-  	    pascalizeKeys: function(object, options) {
-  	      return _processKeys(_processor(pascalize, options), object);
-  	    },
-  	    depascalizeKeys: function () {
-  	      return this.decamelizeKeys.apply(this, arguments);
-  	    }
-  	  };
-
-  	  if (module.exports) {
-  	    module.exports = humps;
-  	  } else {
-  	    global.humps = humps;
-  	  }
-
-  	})(commonjsGlobal);
-  } (humps$1));
-
-  var humps = humps$1.exports;
-
-  var _excluded = ["class", "style"];
   /**
    * Converts a CSS style into a plain Javascript object.
    * @param {String} style The style to converts into a plain Javascript object.
    * @returns {Object}
    */
-
   function styleToObject(style) {
-    return style.split(';').map(function (s) {
-      return s.trim();
-    }).filter(function (s) {
-      return s;
-    }).reduce(function (output, pair) {
-      var idx = pair.indexOf(':');
-      var prop = humps.camelize(pair.slice(0, idx));
-      var value = pair.slice(idx + 1).trim();
-      output[prop] = value;
-      return output;
-    }, {});
+    return style
+      .split(';')
+      .map(function (s) {
+        return s.trim()
+      })
+      .filter(function (s) {
+        return s
+      })
+      .reduce(function (output, pair) {
+        var idx = pair.indexOf(':')
+        var prop = humps.camelize(pair.slice(0, idx))
+        var value = pair.slice(idx + 1).trim()
+        output[prop] = value
+        return output
+      }, {})
   }
+
   /**
    * Converts a CSS class list into a plain Javascript object.
    * @param {Array<String>} classes The class list to convert.
    * @returns {Object}
    */
-
-
   function classToObject(classes) {
     return classes.split(/\s+/).reduce(function (output, className) {
-      output[className] = true;
-      return output;
-    }, {});
+      output[className] = true
+      return output
+    }, {})
   }
+
   /**
    * Converts a FontAwesome abstract element of an icon into a Vue VNode.
    * @param {AbstractElement | String} abstractElement The element to convert.
@@ -302,126 +318,141 @@
    * @param {Object} attrs The user-defined native HTML attributes.
    * @returns {VNode}
    */
-
-
   function convert(abstractElement) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attrs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
+    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}
+    var attrs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}
     // If the abstract element is a string, we'll just return a string render function
     if (typeof abstractElement === 'string') {
-      return abstractElement;
-    } // Converting abstract element children into Vue VNodes
-
+      return abstractElement
+    }
 
+    // Converting abstract element children into Vue VNodes
     var children = (abstractElement.children || []).map(function (child) {
-      return convert(child);
-    }); // Converting abstract element attributes into valid Vue format
-
-    var mixins = Object.keys(abstractElement.attributes || {}).reduce(function (mixins, key) {
-      var value = abstractElement.attributes[key];
-
-      switch (key) {
-        case 'class':
-          mixins.class = classToObject(value);
-          break;
-
-        case 'style':
-          mixins.style = styleToObject(value);
-          break;
-
-        default:
-          mixins.attrs[key] = value;
+      return convert(child)
+    })
+
+    // Converting abstract element attributes into valid Vue format
+    var mixins = Object.keys(abstractElement.attributes || {}).reduce(
+      function (mixins, key) {
+        var value = abstractElement.attributes[key]
+        switch (key) {
+          case 'class':
+            mixins.class = classToObject(value)
+            break
+          case 'style':
+            mixins.style = styleToObject(value)
+            break
+          default:
+            mixins.attrs[key] = value
+        }
+        return mixins
+      },
+      {
+        attrs: {},
+        class: {},
+        style: {}
       }
-
-      return mixins;
-    }, {
-      attrs: {},
-      class: {},
-      style: {}
-    }); // Now, we'll return the VNode
-
-    attrs.class;
-        var _attrs$style = attrs.style,
-        aStyle = _attrs$style === void 0 ? {} : _attrs$style,
-        otherAttrs = _objectWithoutProperties(attrs, _excluded);
-
-    return vue.h(abstractElement.tag, _objectSpread2(_objectSpread2(_objectSpread2({}, props), {}, {
-      class: mixins.class,
-      style: _objectSpread2(_objectSpread2({}, mixins.style), aStyle)
-    }, mixins.attrs), otherAttrs), children);
+    )
+
+    // Now, we'll return the VNode
+    attrs.class
+    var _attrs$style = attrs.style,
+      aStyle = _attrs$style === void 0 ? {} : _attrs$style,
+      otherAttrs = _objectWithoutProperties(attrs, _excluded)
+    return vue.h(
+      abstractElement.tag,
+      _objectSpread2(
+        _objectSpread2(
+          _objectSpread2({}, props),
+          {},
+          {
+            class: mixins.class,
+            style: _objectSpread2(_objectSpread2({}, mixins.style), aStyle)
+          },
+          mixins.attrs
+        ),
+        otherAttrs
+      ),
+      children
+    )
   }
 
-  var PRODUCTION = false;
-
+  var PRODUCTION = false
   try {
-    PRODUCTION = process.env.NODE_ENV === 'production';
+    PRODUCTION = process.env.NODE_ENV === 'production'
   } catch (e) {}
-
-  function log () {
+  function log() {
     if (!PRODUCTION && console && typeof console.error === 'function') {
-      var _console;
-
-      (_console = console).error.apply(_console, arguments);
+      var _console
+      ;(_console = console).error.apply(_console, arguments)
     }
   }
 
   function objectWithKey(key, value) {
-    return Array.isArray(value) && value.length > 0 || !Array.isArray(value) && value ? _defineProperty({}, key, value) : {};
+    return (Array.isArray(value) && value.length > 0) || (!Array.isArray(value) && value) ? _defineProperty({}, key, value) : {}
   }
   function classList(props) {
-    var _classes;
-
-    var classes = (_classes = {
-      'fa-spin': props.spin,
-      'fa-pulse': props.pulse,
-      'fa-fw': props.fixedWidth,
-      'fa-border': props.border,
-      'fa-li': props.listItem,
-      'fa-inverse': props.inverse,
-      'fa-flip': props.flip === true,
-      'fa-flip-horizontal': props.flip === 'horizontal' || props.flip === 'both',
-      'fa-flip-vertical': props.flip === 'vertical' || props.flip === 'both'
-    }, _defineProperty(_classes, "fa-".concat(props.size), props.size !== null), _defineProperty(_classes, "fa-rotate-".concat(props.rotation), props.rotation !== null), _defineProperty(_classes, "fa-pull-".concat(props.pull), props.pull !== null), _defineProperty(_classes, 'fa-swap-opacity', props.swapOpacity), _defineProperty(_classes, 'fa-bounce', props.bounce), _defineProperty(_classes, 'fa-shake', props.shake), _defineProperty(_classes, 'fa-beat', props.beat), _defineProperty(_classes, 'fa-fade', props.fade), _defineProperty(_classes, 'fa-beat-fade', props.beatFade), _defineProperty(_classes, 'fa-flash', props.flash), _defineProperty(_classes, 'fa-spin-pulse', props.spinPulse), _defineProperty(_classes, 'fa-spin-reverse', props.spinReverse), _classes);
-    return Object.keys(classes).map(function (key) {
-      return classes[key] ? key : null;
-    }).filter(function (key) {
-      return key;
-    });
+    var _classes
+    var classes =
+      ((_classes = {
+        'fa-spin': props.spin,
+        'fa-pulse': props.pulse,
+        'fa-fw': props.fixedWidth,
+        'fa-border': props.border,
+        'fa-li': props.listItem,
+        'fa-inverse': props.inverse,
+        'fa-flip': props.flip === true,
+        'fa-flip-horizontal': props.flip === 'horizontal' || props.flip === 'both',
+        'fa-flip-vertical': props.flip === 'vertical' || props.flip === 'both'
+      }),
+      _defineProperty(_classes, 'fa-'.concat(props.size), props.size !== null),
+      _defineProperty(_classes, 'fa-rotate-'.concat(props.rotation), props.rotation !== null),
+      _defineProperty(_classes, 'fa-pull-'.concat(props.pull), props.pull !== null),
+      _defineProperty(_classes, 'fa-swap-opacity', props.swapOpacity),
+      _defineProperty(_classes, 'fa-bounce', props.bounce),
+      _defineProperty(_classes, 'fa-shake', props.shake),
+      _defineProperty(_classes, 'fa-beat', props.beat),
+      _defineProperty(_classes, 'fa-fade', props.fade),
+      _defineProperty(_classes, 'fa-beat-fade', props.beatFade),
+      _defineProperty(_classes, 'fa-flash', props.flash),
+      _defineProperty(_classes, 'fa-spin-pulse', props.spinPulse),
+      _defineProperty(_classes, 'fa-spin-reverse', props.spinReverse),
+      _classes)
+    return Object.keys(classes)
+      .map(function (key) {
+        return classes[key] ? key : null
+      })
+      .filter(function (key) {
+        return key
+      })
   }
 
   function normalizeIconArgs(icon) {
     if (icon && _typeof(icon) === 'object' && icon.prefix && icon.iconName && icon.icon) {
-      return icon;
+      return icon
     }
-
     if (fontawesomeSvgCore.parse.icon) {
-      return fontawesomeSvgCore.parse.icon(icon);
+      return fontawesomeSvgCore.parse.icon(icon)
     }
-
     if (icon === null) {
-      return null;
+      return null
     }
-
     if (_typeof(icon) === 'object' && icon.prefix && icon.iconName) {
-      return icon;
+      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
-      };
+      }
     }
   }
-
   var FontAwesomeIcon = vue.defineComponent({
     name: 'FontAwesomeIcon',
     props: {
@@ -437,7 +468,7 @@
         type: [Boolean, String],
         default: false,
         validator: function validator(value) {
-          return [true, false, 'horizontal', 'vertical', 'both'].indexOf(value) > -1;
+          return [true, false, 'horizontal', 'vertical', 'both'].indexOf(value) > -1
         }
       },
       icon: {
@@ -448,6 +479,10 @@
         type: [Object, Array, String],
         default: null
       },
+      maskId: {
+        type: String,
+        default: null
+      },
       listItem: {
         type: Boolean,
         default: false
@@ -456,7 +491,7 @@
         type: String,
         default: null,
         validator: function validator(value) {
-          return ['right', 'left'].indexOf(value) > -1;
+          return ['right', 'left'].indexOf(value) > -1
         }
       },
       pulse: {
@@ -467,7 +502,7 @@
         type: [String, Number],
         default: null,
         validator: function validator(value) {
-          return [90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1;
+          return [90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1
         }
       },
       swapOpacity: {
@@ -478,7 +513,7 @@
         type: String,
         default: null,
         validator: function validator(value) {
-          return ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1;
+          return ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1
         }
       },
       spin: {
@@ -497,6 +532,10 @@
         type: String,
         default: null
       },
+      titleId: {
+        type: String,
+        default: null
+      },
       inverse: {
         type: Boolean,
         default: false
@@ -535,40 +574,53 @@
       }
     },
     setup: function setup(props, _ref) {
-      var attrs = _ref.attrs;
+      var attrs = _ref.attrs
       var icon = vue.computed(function () {
-        return normalizeIconArgs(props.icon);
-      });
+        return normalizeIconArgs(props.icon)
+      })
       var classes = vue.computed(function () {
-        return objectWithKey('classes', classList(props));
-      });
+        return objectWithKey('classes', classList(props))
+      })
       var transform = vue.computed(function () {
-        return objectWithKey('transform', typeof props.transform === 'string' ? fontawesomeSvgCore.parse.transform(props.transform) : props.transform);
-      });
+        return objectWithKey('transform', typeof props.transform === 'string' ? fontawesomeSvgCore.parse.transform(props.transform) : props.transform)
+      })
       var mask = vue.computed(function () {
-        return objectWithKey('mask', normalizeIconArgs(props.mask));
-      });
+        return objectWithKey('mask', normalizeIconArgs(props.mask))
+      })
       var renderedIcon = vue.computed(function () {
-        return fontawesomeSvgCore.icon(icon.value, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, classes.value), transform.value), mask.value), {}, {
-          symbol: props.symbol,
-          title: props.title
-        }));
-      });
-      vue.watch(renderedIcon, function (value) {
-        if (!value) {
-          return log('Could not find one or more icon(s)', icon.value, mask.value);
+        return fontawesomeSvgCore.icon(
+          icon.value,
+          _objectSpread2(
+            _objectSpread2(_objectSpread2(_objectSpread2({}, classes.value), transform.value), mask.value),
+            {},
+            {
+              symbol: props.symbol,
+              title: props.title,
+              titleId: props.titleId,
+              maskId: props.maskId
+            }
+          )
+        )
+      })
+      vue.watch(
+        renderedIcon,
+        function (value) {
+          if (!value) {
+            return log('Could not find one or more icon(s)', icon.value, mask.value)
+          }
+        },
+        {
+          immediate: true
         }
-      }, {
-        immediate: true
-      });
+      )
       var vnode = vue.computed(function () {
-        return renderedIcon.value ? convert(renderedIcon.value.abstract[0], {}, attrs) : null;
-      });
+        return renderedIcon.value ? convert(renderedIcon.value.abstract[0], {}, attrs) : null
+      })
       return function () {
-        return vnode.value;
-      };
+        return vnode.value
+      }
     }
-  });
+  })
 
   var FontAwesomeLayers = vue.defineComponent({
     name: 'FontAwesomeLayers',
@@ -579,18 +631,22 @@
       }
     },
     setup: function setup(props, _ref) {
-      var slots = _ref.slots;
-      var familyPrefix = fontawesomeSvgCore.config.familyPrefix;
+      var slots = _ref.slots
+      var familyPrefix = fontawesomeSvgCore.config.familyPrefix
       var className = vue.computed(function () {
-        return ["".concat(familyPrefix, "-layers")].concat(_toConsumableArray(props.fixedWidth ? ["".concat(familyPrefix, "-fw")] : []));
-      });
+        return [''.concat(familyPrefix, '-layers')].concat(_toConsumableArray(props.fixedWidth ? [''.concat(familyPrefix, '-fw')] : []))
+      })
       return function () {
-        return vue.h('div', {
-          class: className.value
-        }, slots.default ? slots.default() : []);
-      };
+        return vue.h(
+          'div',
+          {
+            class: className.value
+          },
+          slots.default ? slots.default() : []
+        )
+      }
     }
-  });
+  })
 
   var FontAwesomeLayersText = vue.defineComponent({
     name: 'FontAwesomeLayersText',
@@ -611,42 +667,45 @@
         type: String,
         default: null,
         validator: function validator(value) {
-          return ['bottom-left', 'bottom-right', 'top-left', 'top-right'].indexOf(value) > -1;
+          return ['bottom-left', 'bottom-right', 'top-left', 'top-right'].indexOf(value) > -1
         }
       }
     },
     setup: function setup(props, _ref) {
-      var attrs = _ref.attrs;
-      var familyPrefix = fontawesomeSvgCore.config.familyPrefix;
+      var attrs = _ref.attrs
+      var familyPrefix = fontawesomeSvgCore.config.familyPrefix
       var classes = vue.computed(function () {
-        return objectWithKey('classes', [].concat(_toConsumableArray(props.counter ? ["".concat(familyPrefix, "-layers-counter")] : []), _toConsumableArray(props.position ? ["".concat(familyPrefix, "-layers-").concat(props.position)] : [])));
-      });
+        return objectWithKey(
+          'classes',
+          [].concat(
+            _toConsumableArray(props.counter ? [''.concat(familyPrefix, '-layers-counter')] : []),
+            _toConsumableArray(props.position ? [''.concat(familyPrefix, '-layers-').concat(props.position)] : [])
+          )
+        )
+      })
       var transform = vue.computed(function () {
-        return objectWithKey('transform', typeof props.transform === 'string' ? fontawesomeSvgCore.parse.transform(props.transform) : props.transform);
-      });
+        return objectWithKey('transform', typeof props.transform === 'string' ? fontawesomeSvgCore.parse.transform(props.transform) : props.transform)
+      })
       var abstractElement = vue.computed(function () {
         var _text = fontawesomeSvgCore.text(props.value.toString(), _objectSpread2(_objectSpread2({}, transform.value), classes.value)),
-            abstract = _text.abstract;
-
+          abstract = _text.abstract
         if (props.counter) {
-          abstract[0].attributes.class = abstract[0].attributes.class.replace('fa-layers-text', '');
+          abstract[0].attributes.class = abstract[0].attributes.class.replace('fa-layers-text', '')
         }
-
-        return abstract[0];
-      });
+        return abstract[0]
+      })
       var vnode = vue.computed(function () {
-        return convert(abstractElement.value, {}, attrs);
-      });
+        return convert(abstractElement.value, {}, attrs)
+      })
       return function () {
-        return vnode.value;
-      };
+        return vnode.value
+      }
     }
-  });
-
-  exports.FontAwesomeIcon = FontAwesomeIcon;
-  exports.FontAwesomeLayers = FontAwesomeLayers;
-  exports.FontAwesomeLayersText = FontAwesomeLayersText;
+  })
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+  exports.FontAwesomeIcon = FontAwesomeIcon
+  exports.FontAwesomeLayers = FontAwesomeLayers
+  exports.FontAwesomeLayersText = FontAwesomeLayersText
 
-}));
+  Object.defineProperty(exports, '__esModule', { value: true })
+})