Vue 3x - Update for titleId and maskId prop along & prettier config (#…

…455)

* add prettier config 

* prettier fixups

* add tests for family (#458)

* add title id and mask id with test

.prettierignore

@@ -0,0 +1,3 @@
+.keep
+node_modules
+npm-packages

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "bracketSameLine": false,
+  "htmlWhitespaceSensitivity": "css",
+  "printWidth": 160,
+  "quoteProps": "consistent",
+  "semi": false,
+  "singleAttributePerLine": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "useTabs": false
+}

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