diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 0000000..aa5f733
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,19 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "plugin:vue/essential",
+        "airbnb-base"
+    ],
+    "parserOptions": {
+        "ecmaVersion": 12,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "vue"
+    ],
+    "rules": {
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index 939461e..b90c8a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,10 @@
                 "@types/lodash": "^4.14.168",
                 "@vue/compiler-sfc": "^3.0.5",
                 "axios": "^0.21",
+                "eslint": "^7.28.0",
+                "eslint-config-airbnb-base": "^14.2.1",
+                "eslint-plugin-import": "^2.23.4",
+                "eslint-plugin-vue": "^7.11.1",
                 "laravel-mix": "^6.0.6",
                 "lodash": "^4.17.21",
                 "postcss": "^8.1.14",
@@ -1703,6 +1707,87 @@
                 "node": ">=10.0.0"
             }
         },
+        "node_modules/@eslint/eslintrc": {
+            "version": "0.4.2",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.2.tgz",
+            "integrity": "sha512-8nmGq/4ycLpIwzvhI4tNDmQztZ8sp+hI7cyG8i1nQDhkAbRzHpXPidRAHlNvCZQpJTKw5ItIpMw9RSToGF00mg==",
+            "dev": true,
+            "dependencies": {
+                "ajv": "^6.12.4",
+                "debug": "^4.1.1",
+                "espree": "^7.3.0",
+                "globals": "^13.9.0",
+                "ignore": "^4.0.6",
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^3.13.1",
+                "minimatch": "^3.0.4",
+                "strip-json-comments": "^3.1.1"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/@eslint/eslintrc/node_modules/globals": {
+            "version": "13.9.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.9.0.tgz",
+            "integrity": "sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA==",
+            "dev": true,
+            "dependencies": {
+                "type-fest": "^0.20.2"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/@eslint/eslintrc/node_modules/ignore": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+            "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/@eslint/eslintrc/node_modules/import-fresh": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+            "dev": true,
+            "dependencies": {
+                "parent-module": "^1.0.0",
+                "resolve-from": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/@eslint/eslintrc/node_modules/resolve-from": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@eslint/eslintrc/node_modules/type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/@fullhuman/postcss-purgecss": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.1.3.tgz",
@@ -2493,6 +2578,12 @@
             "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
             "dev": true
         },
+        "node_modules/@types/json5": {
+            "version": "0.0.29",
+            "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+            "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
+            "dev": true
+        },
         "node_modules/@types/lodash": {
             "version": "4.14.170",
             "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.170.tgz",
@@ -2879,6 +2970,15 @@
                 "node": ">=0.4.0"
             }
         },
+        "node_modules/acorn-jsx": {
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz",
+            "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==",
+            "dev": true,
+            "peerDependencies": {
+                "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
         "node_modules/acorn-node": {
             "version": "1.8.2",
             "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
@@ -2943,6 +3043,15 @@
             "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
             "dev": true
         },
+        "node_modules/ansi-colors": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+            "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/ansi-escapes": {
             "version": "4.3.2",
             "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -3048,6 +3157,25 @@
             "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
             "dev": true
         },
+        "node_modules/array-includes": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.3.tgz",
+            "integrity": "sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.18.0-next.2",
+                "get-intrinsic": "^1.1.1",
+                "is-string": "^1.0.5"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/array-union": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -3066,6 +3194,23 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/array.prototype.flat": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz",
+            "integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.0",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.18.0-next.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
         "node_modules/asn1.js": {
             "version": "5.4.1",
             "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
@@ -3118,6 +3263,15 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/astral-regex": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+            "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/async": {
             "version": "2.6.3",
             "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
@@ -4349,6 +4503,12 @@
             "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
             "dev": true
         },
+        "node_modules/confusing-browser-globals": {
+            "version": "1.0.10",
+            "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz",
+            "integrity": "sha512-gNld/3lySHwuhaVluJUKLePYirM3QNCKzVxqAdhJII9/WXKVX5PURzMVJspS1jTslSqjeuG4KMVTSouit5YPHA==",
+            "dev": true
+        },
         "node_modules/connect-history-api-fallback": {
             "version": "1.6.0",
             "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
@@ -5312,6 +5472,12 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/deep-is": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
+            "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
+            "dev": true
+        },
         "node_modules/deepmerge": {
             "version": "4.2.2",
             "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -5539,6 +5705,18 @@
                 "buffer-indexof": "^1.0.0"
             }
         },
+        "node_modules/doctrine": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+            "dev": true,
+            "dependencies": {
+                "esutils": "^2.0.2"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
         "node_modules/dom-serializer": {
             "version": "1.3.2",
             "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
@@ -5744,6 +5922,18 @@
                 "node": ">=10.13.0"
             }
         },
+        "node_modules/enquirer": {
+            "version": "2.3.6",
+            "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
+            "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+            "dev": true,
+            "dependencies": {
+                "ansi-colors": "^4.1.1"
+            },
+            "engines": {
+                "node": ">=8.6"
+            }
+        },
         "node_modules/entities": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
@@ -5847,6 +6037,347 @@
                 "node": ">=0.8.0"
             }
         },
+        "node_modules/eslint": {
+            "version": "7.28.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.28.0.tgz",
+            "integrity": "sha512-UMfH0VSjP0G4p3EWirscJEQ/cHqnT/iuH6oNZOB94nBjWbMnhGEPxsZm1eyIW0C/9jLI0Fow4W5DXLjEI7mn1g==",
+            "dev": true,
+            "dependencies": {
+                "@babel/code-frame": "7.12.11",
+                "@eslint/eslintrc": "^0.4.2",
+                "ajv": "^6.10.0",
+                "chalk": "^4.0.0",
+                "cross-spawn": "^7.0.2",
+                "debug": "^4.0.1",
+                "doctrine": "^3.0.0",
+                "enquirer": "^2.3.5",
+                "escape-string-regexp": "^4.0.0",
+                "eslint-scope": "^5.1.1",
+                "eslint-utils": "^2.1.0",
+                "eslint-visitor-keys": "^2.0.0",
+                "espree": "^7.3.1",
+                "esquery": "^1.4.0",
+                "esutils": "^2.0.2",
+                "fast-deep-equal": "^3.1.3",
+                "file-entry-cache": "^6.0.1",
+                "functional-red-black-tree": "^1.0.1",
+                "glob-parent": "^5.1.2",
+                "globals": "^13.6.0",
+                "ignore": "^4.0.6",
+                "import-fresh": "^3.0.0",
+                "imurmurhash": "^0.1.4",
+                "is-glob": "^4.0.0",
+                "js-yaml": "^3.13.1",
+                "json-stable-stringify-without-jsonify": "^1.0.1",
+                "levn": "^0.4.1",
+                "lodash.merge": "^4.6.2",
+                "minimatch": "^3.0.4",
+                "natural-compare": "^1.4.0",
+                "optionator": "^0.9.1",
+                "progress": "^2.0.0",
+                "regexpp": "^3.1.0",
+                "semver": "^7.2.1",
+                "strip-ansi": "^6.0.0",
+                "strip-json-comments": "^3.1.0",
+                "table": "^6.0.9",
+                "text-table": "^0.2.0",
+                "v8-compile-cache": "^2.0.3"
+            },
+            "bin": {
+                "eslint": "bin/eslint.js"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/eslint"
+            }
+        },
+        "node_modules/eslint-config-airbnb-base": {
+            "version": "14.2.1",
+            "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.1.tgz",
+            "integrity": "sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==",
+            "dev": true,
+            "dependencies": {
+                "confusing-browser-globals": "^1.0.10",
+                "object.assign": "^4.1.2",
+                "object.entries": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 6"
+            },
+            "peerDependencies": {
+                "eslint": "^5.16.0 || ^6.8.0 || ^7.2.0",
+                "eslint-plugin-import": "^2.22.1"
+            }
+        },
+        "node_modules/eslint-import-resolver-node": {
+            "version": "0.3.4",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz",
+            "integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^2.6.9",
+                "resolve": "^1.13.1"
+            }
+        },
+        "node_modules/eslint-import-resolver-node/node_modules/debug": {
+            "version": "2.6.9",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+            "dev": true,
+            "dependencies": {
+                "ms": "2.0.0"
+            }
+        },
+        "node_modules/eslint-import-resolver-node/node_modules/ms": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+            "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+            "dev": true
+        },
+        "node_modules/eslint-module-utils": {
+            "version": "2.6.1",
+            "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.1.tgz",
+            "integrity": "sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^3.2.7",
+                "pkg-dir": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/find-up": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+            "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+            "dev": true,
+            "dependencies": {
+                "locate-path": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/locate-path": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+            "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+            "dev": true,
+            "dependencies": {
+                "p-locate": "^2.0.0",
+                "path-exists": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/p-limit": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+            "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+            "dev": true,
+            "dependencies": {
+                "p-try": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/p-locate": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+            "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+            "dev": true,
+            "dependencies": {
+                "p-limit": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/p-try": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+            "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/path-exists": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+            "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/pkg-dir": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
+            "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=",
+            "dev": true,
+            "dependencies": {
+                "find-up": "^2.1.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-plugin-import": {
+            "version": "2.23.4",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz",
+            "integrity": "sha512-6/wP8zZRsnQFiR3iaPFgh5ImVRM1WN5NUWfTIRqwOdeiGJlBcSk82o1FEVq8yXmy4lkIzTo7YhHCIxlU/2HyEQ==",
+            "dev": true,
+            "dependencies": {
+                "array-includes": "^3.1.3",
+                "array.prototype.flat": "^1.2.4",
+                "debug": "^2.6.9",
+                "doctrine": "^2.1.0",
+                "eslint-import-resolver-node": "^0.3.4",
+                "eslint-module-utils": "^2.6.1",
+                "find-up": "^2.0.0",
+                "has": "^1.0.3",
+                "is-core-module": "^2.4.0",
+                "minimatch": "^3.0.4",
+                "object.values": "^1.1.3",
+                "pkg-up": "^2.0.0",
+                "read-pkg-up": "^3.0.0",
+                "resolve": "^1.20.0",
+                "tsconfig-paths": "^3.9.0"
+            },
+            "engines": {
+                "node": ">=4"
+            },
+            "peerDependencies": {
+                "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/debug": {
+            "version": "2.6.9",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+            "dev": true,
+            "dependencies": {
+                "ms": "2.0.0"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/doctrine": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+            "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+            "dev": true,
+            "dependencies": {
+                "esutils": "^2.0.2"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/find-up": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+            "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+            "dev": true,
+            "dependencies": {
+                "locate-path": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/locate-path": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+            "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+            "dev": true,
+            "dependencies": {
+                "p-locate": "^2.0.0",
+                "path-exists": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/ms": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+            "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+            "dev": true
+        },
+        "node_modules/eslint-plugin-import/node_modules/p-limit": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+            "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+            "dev": true,
+            "dependencies": {
+                "p-try": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/p-locate": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+            "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+            "dev": true,
+            "dependencies": {
+                "p-limit": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/p-try": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+            "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/path-exists": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+            "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-plugin-vue": {
+            "version": "7.11.1",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.11.1.tgz",
+            "integrity": "sha512-lbw3vkEAGqYjqd1HpPFWHXtYaS8mILTJ5KOpJfRxO3Fo7o0wCf1zD7vSOasbm6nTA9xIgvZQ4VcyGIzQXxznHw==",
+            "dev": true,
+            "dependencies": {
+                "eslint-utils": "^2.1.0",
+                "natural-compare": "^1.4.0",
+                "semver": "^7.3.2",
+                "vue-eslint-parser": "^7.6.0"
+            },
+            "engines": {
+                "node": ">=8.10"
+            },
+            "peerDependencies": {
+                "eslint": "^6.2.0 || ^7.0.0"
+            }
+        },
         "node_modules/eslint-scope": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -5860,6 +6391,144 @@
                 "node": ">=8.0.0"
             }
         },
+        "node_modules/eslint-utils": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+            "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+            "dev": true,
+            "dependencies": {
+                "eslint-visitor-keys": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/mysticatea"
+            }
+        },
+        "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+            "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-visitor-keys": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+            "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/eslint/node_modules/@babel/code-frame": {
+            "version": "7.12.11",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
+            "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
+            "dev": true,
+            "dependencies": {
+                "@babel/highlight": "^7.10.4"
+            }
+        },
+        "node_modules/eslint/node_modules/escape-string-regexp": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/eslint/node_modules/globals": {
+            "version": "13.9.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-13.9.0.tgz",
+            "integrity": "sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA==",
+            "dev": true,
+            "dependencies": {
+                "type-fest": "^0.20.2"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/eslint/node_modules/ignore": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+            "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/eslint/node_modules/import-fresh": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+            "dev": true,
+            "dependencies": {
+                "parent-module": "^1.0.0",
+                "resolve-from": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/eslint/node_modules/resolve-from": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint/node_modules/type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/espree": {
+            "version": "7.3.1",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
+            "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^7.4.0",
+                "acorn-jsx": "^5.3.1",
+                "eslint-visitor-keys": "^1.3.0"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/espree/node_modules/eslint-visitor-keys": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+            "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/esprima": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
@@ -5872,6 +6541,27 @@
                 "node": ">=4"
             }
         },
+        "node_modules/esquery": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
+            "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+            "dev": true,
+            "dependencies": {
+                "estraverse": "^5.1.0"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/esquery/node_modules/estraverse": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
+            "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
         "node_modules/esrecurse": {
             "version": "4.3.0",
             "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -6187,6 +6877,12 @@
             "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
             "dev": true
         },
+        "node_modules/fast-levenshtein": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+            "dev": true
+        },
         "node_modules/fastest-levenshtein": {
             "version": "1.0.12",
             "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
@@ -6229,6 +6925,18 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/file-entry-cache": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+            "dev": true,
+            "dependencies": {
+                "flat-cache": "^3.0.4"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
         "node_modules/file-loader": {
             "version": "6.2.0",
             "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz",
@@ -6372,6 +7080,40 @@
                 "node": ">=8"
             }
         },
+        "node_modules/flat-cache": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+            "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+            "dev": true,
+            "dependencies": {
+                "flatted": "^3.1.0",
+                "rimraf": "^3.0.2"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/flat-cache/node_modules/rimraf": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+            "dev": true,
+            "dependencies": {
+                "glob": "^7.1.3"
+            },
+            "bin": {
+                "rimraf": "bin.js"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/flatted": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.1.1.tgz",
+            "integrity": "sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==",
+            "dev": true
+        },
         "node_modules/follow-redirects": {
             "version": "1.14.1",
             "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz",
@@ -6554,6 +7296,12 @@
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
             "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
         },
+        "node_modules/functional-red-black-tree": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+            "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+            "dev": true
+        },
         "node_modules/generic-names": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-2.0.1.tgz",
@@ -6941,6 +7689,12 @@
                 "minimalistic-crypto-utils": "^1.0.1"
             }
         },
+        "node_modules/hosted-git-info": {
+            "version": "2.8.9",
+            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+            "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+            "dev": true
+        },
         "node_modules/hpack.js": {
             "version": "2.1.6",
             "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
@@ -7340,6 +8094,15 @@
                 "node": ">=8"
             }
         },
+        "node_modules/imurmurhash": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.19"
+            }
+        },
         "node_modules/indent-string": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
@@ -7954,6 +8717,12 @@
             "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
             "dev": true
         },
+        "node_modules/json-stable-stringify-without-jsonify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+            "dev": true
+        },
         "node_modules/json5": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
@@ -8084,6 +8853,19 @@
                 "postcss": "^8.1.2"
             }
         },
+        "node_modules/levn": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+            "dev": true,
+            "dependencies": {
+                "prelude-ls": "^1.2.1",
+                "type-check": "~0.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
         "node_modules/lines-and-columns": {
             "version": "1.1.6",
             "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
@@ -8095,6 +8877,30 @@
             "resolved": "https://registry.npmjs.org/listenercount/-/listenercount-1.0.1.tgz",
             "integrity": "sha1-hMinKrWcRyUyFIDJdeZQg0LnCTc="
         },
+        "node_modules/load-json-file": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+            "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
+            "dev": true,
+            "dependencies": {
+                "graceful-fs": "^4.1.2",
+                "parse-json": "^4.0.0",
+                "pify": "^3.0.0",
+                "strip-bom": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/load-json-file/node_modules/pify": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+            "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/loader-runner": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
@@ -8243,6 +9049,12 @@
             "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=",
             "dev": true
         },
+        "node_modules/lodash.truncate": {
+            "version": "4.4.2",
+            "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+            "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+            "dev": true
+        },
         "node_modules/lodash.uniq": {
             "version": "4.5.0",
             "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
@@ -8799,6 +9611,12 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/natural-compare": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+            "dev": true
+        },
         "node_modules/needle": {
             "version": "2.6.0",
             "resolved": "https://registry.npmjs.org/needle/-/needle-2.6.0.tgz",
@@ -8926,6 +9744,27 @@
             "integrity": "sha512-uW7fodD6pyW2FZNZnp/Z3hvWKeEW1Y8R1+1CnErE8cXFXzl5blBOoVB41CvMer6P6Q0S5FXDwcHgFd1Wj0U9zg==",
             "dev": true
         },
+        "node_modules/normalize-package-data": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+            "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+            "dev": true,
+            "dependencies": {
+                "hosted-git-info": "^2.1.4",
+                "resolve": "^1.10.0",
+                "semver": "2 || 3 || 4 || 5",
+                "validate-npm-package-license": "^3.0.1"
+            }
+        },
+        "node_modules/normalize-package-data/node_modules/semver": {
+            "version": "5.7.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+            "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+            "dev": true,
+            "bin": {
+                "semver": "bin/semver"
+            }
+        },
         "node_modules/normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -9083,6 +9922,20 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/object.entries": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.4.tgz",
+            "integrity": "sha512-h4LWKWE+wKQGhtMjZEBud7uLGhqyLwj8fpHOarZhD2uY3C9cRtk57VQ89ke3moByLXMedqs3XCHzyb4AmA2DjA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.18.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
         "node_modules/object.getownpropertydescriptors": {
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.2.tgz",
@@ -9192,6 +10045,23 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/optionator": {
+            "version": "0.9.1",
+            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+            "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+            "dev": true,
+            "dependencies": {
+                "deep-is": "^0.1.3",
+                "fast-levenshtein": "^2.0.6",
+                "levn": "^0.4.1",
+                "prelude-ls": "^1.2.1",
+                "type-check": "^0.4.0",
+                "word-wrap": "^1.2.3"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
         "node_modules/os-browserify": {
             "version": "0.3.0",
             "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
@@ -9571,6 +10441,85 @@
                 "node": ">=8"
             }
         },
+        "node_modules/pkg-up": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
+            "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
+            "dev": true,
+            "dependencies": {
+                "find-up": "^2.1.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/pkg-up/node_modules/find-up": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+            "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+            "dev": true,
+            "dependencies": {
+                "locate-path": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/pkg-up/node_modules/locate-path": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+            "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+            "dev": true,
+            "dependencies": {
+                "p-locate": "^2.0.0",
+                "path-exists": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/pkg-up/node_modules/p-limit": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+            "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+            "dev": true,
+            "dependencies": {
+                "p-try": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/pkg-up/node_modules/p-locate": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+            "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+            "dev": true,
+            "dependencies": {
+                "p-limit": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/pkg-up/node_modules/p-try": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+            "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/pkg-up/node_modules/path-exists": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+            "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/portfinder": {
             "version": "1.0.28",
             "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
@@ -13110,6 +14059,15 @@
             "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
             "dev": true
         },
+        "node_modules/prelude-ls": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
         "node_modules/pretty-hrtime": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
@@ -13150,6 +14108,15 @@
             "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
             "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
         },
+        "node_modules/progress": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+            "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
         "node_modules/proxy-addr": {
             "version": "2.0.7",
             "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -13348,6 +14315,121 @@
                 "pify": "^2.3.0"
             }
         },
+        "node_modules/read-pkg": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+            "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
+            "dev": true,
+            "dependencies": {
+                "load-json-file": "^4.0.0",
+                "normalize-package-data": "^2.3.2",
+                "path-type": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg-up": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
+            "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
+            "dev": true,
+            "dependencies": {
+                "find-up": "^2.0.0",
+                "read-pkg": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/find-up": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+            "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+            "dev": true,
+            "dependencies": {
+                "locate-path": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/locate-path": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+            "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+            "dev": true,
+            "dependencies": {
+                "p-locate": "^2.0.0",
+                "path-exists": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/p-limit": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+            "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+            "dev": true,
+            "dependencies": {
+                "p-try": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/p-locate": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+            "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+            "dev": true,
+            "dependencies": {
+                "p-limit": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/p-try": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+            "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg-up/node_modules/path-exists": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+            "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg/node_modules/path-type": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+            "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+            "dev": true,
+            "dependencies": {
+                "pify": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/read-pkg/node_modules/pify": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+            "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/readable-stream": {
             "version": "2.3.7",
             "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -13497,6 +14579,18 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/regexpp": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+            "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/mysticatea"
+            }
+        },
         "node_modules/regexpu-core": {
             "version": "4.7.1",
             "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.1.tgz",
@@ -13592,6 +14686,15 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/require-from-string": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+            "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/requires-port": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -14087,6 +15190,23 @@
                 "node": ">=8"
             }
         },
+        "node_modules/slice-ansi": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+            "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^4.0.0",
+                "astral-regex": "^2.0.0",
+                "is-fullwidth-code-point": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+            }
+        },
         "node_modules/snapdragon": {
             "version": "0.8.2",
             "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
@@ -14287,6 +15407,38 @@
             "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
             "dev": true
         },
+        "node_modules/spdx-correct": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+            "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+            "dev": true,
+            "dependencies": {
+                "spdx-expression-parse": "^3.0.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "node_modules/spdx-exceptions": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+            "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+            "dev": true
+        },
+        "node_modules/spdx-expression-parse": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+            "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+            "dev": true,
+            "dependencies": {
+                "spdx-exceptions": "^2.1.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "node_modules/spdx-license-ids": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.9.tgz",
+            "integrity": "sha512-Ki212dKK4ogX+xDo4CtOZBVIwhsKBEfsEEcwmJfLQzirgc2jIWdzg40Unxz/HzEUqM1WFzVlQSMF9kZZ2HboLQ==",
+            "dev": true
+        },
         "node_modules/spdy": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -14515,6 +15667,15 @@
                 "node": ">=8"
             }
         },
+        "node_modules/strip-bom": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+            "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/strip-final-newline": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
@@ -14524,6 +15685,18 @@
                 "node": ">=6"
             }
         },
+        "node_modules/strip-json-comments": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/style-loader": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-2.0.0.tgz",
@@ -14916,6 +16089,45 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/table": {
+            "version": "6.7.1",
+            "resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
+            "integrity": "sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==",
+            "dev": true,
+            "dependencies": {
+                "ajv": "^8.0.1",
+                "lodash.clonedeep": "^4.5.0",
+                "lodash.truncate": "^4.4.2",
+                "slice-ansi": "^4.0.0",
+                "string-width": "^4.2.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=10.0.0"
+            }
+        },
+        "node_modules/table/node_modules/ajv": {
+            "version": "8.6.0",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.0.tgz",
+            "integrity": "sha512-cnUG4NSBiM4YFBxgZIj/In3/6KX+rQ2l2YPRVcvAMQGWEPKuXoPIhxzwqh31jA3IPbI4qEOp/5ILI4ynioXsGQ==",
+            "dev": true,
+            "dependencies": {
+                "fast-deep-equal": "^3.1.1",
+                "json-schema-traverse": "^1.0.0",
+                "require-from-string": "^2.0.2",
+                "uri-js": "^4.2.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/table/node_modules/json-schema-traverse": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+            "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+            "dev": true
+        },
         "node_modules/tailwindcss": {
             "version": "2.1.4",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.1.4.tgz",
@@ -15251,6 +16463,30 @@
             "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.3.9.tgz",
             "integrity": "sha1-cXuPIgzAu3tE5AUUwisui7xw2Lk="
         },
+        "node_modules/tsconfig-paths": {
+            "version": "3.9.0",
+            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz",
+            "integrity": "sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==",
+            "dev": true,
+            "dependencies": {
+                "@types/json5": "^0.0.29",
+                "json5": "^1.0.1",
+                "minimist": "^1.2.0",
+                "strip-bom": "^3.0.0"
+            }
+        },
+        "node_modules/tsconfig-paths/node_modules/json5": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+            "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+            "dev": true,
+            "dependencies": {
+                "minimist": "^1.2.0"
+            },
+            "bin": {
+                "json5": "lib/cli.js"
+            }
+        },
         "node_modules/tslib": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
@@ -15262,6 +16498,18 @@
             "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=",
             "dev": true
         },
+        "node_modules/type-check": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+            "dev": true,
+            "dependencies": {
+                "prelude-ls": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
         "node_modules/type-fest": {
             "version": "0.21.3",
             "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
@@ -15592,6 +16840,16 @@
             "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
             "dev": true
         },
+        "node_modules/validate-npm-package-license": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+            "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+            "dev": true,
+            "dependencies": {
+                "spdx-correct": "^3.0.0",
+                "spdx-expression-parse": "^3.0.0"
+            }
+        },
         "node_modules/vary": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -15672,6 +16930,52 @@
                 }
             }
         },
+        "node_modules/vue-eslint-parser": {
+            "version": "7.6.0",
+            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz",
+            "integrity": "sha512-QXxqH8ZevBrtiZMZK0LpwaMfevQi9UL7lY6Kcp+ogWHC88AuwUPwwCIzkOUc1LR4XsYAt/F9yHXAB/QoD17QXA==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^4.1.1",
+                "eslint-scope": "^5.0.0",
+                "eslint-visitor-keys": "^1.1.0",
+                "espree": "^6.2.1",
+                "esquery": "^1.4.0",
+                "lodash": "^4.17.15"
+            },
+            "engines": {
+                "node": ">=8.10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/mysticatea"
+            },
+            "peerDependencies": {
+                "eslint": ">=5.0.0"
+            }
+        },
+        "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+            "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/vue-eslint-parser/node_modules/espree": {
+            "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
+            "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^7.1.1",
+                "acorn-jsx": "^5.2.0",
+                "eslint-visitor-keys": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
         "node_modules/vue-loader": {
             "version": "16.2.0",
             "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.2.0.tgz",
@@ -16150,6 +17454,15 @@
             "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
             "dev": true
         },
+        "node_modules/word-wrap": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
+            "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/wrap-ansi": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -17447,6 +18760,62 @@
             "integrity": "sha512-Fxt+AfXgjMoin2maPIYzFZnQjAXjAL0PHscM5pRTtatFqB+vZxAM9tLp2Optnuw3QOQC40jTNeGYFOMvyf7v9g==",
             "dev": true
         },
+        "@eslint/eslintrc": {
+            "version": "0.4.2",
+            "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.2.tgz",
+            "integrity": "sha512-8nmGq/4ycLpIwzvhI4tNDmQztZ8sp+hI7cyG8i1nQDhkAbRzHpXPidRAHlNvCZQpJTKw5ItIpMw9RSToGF00mg==",
+            "dev": true,
+            "requires": {
+                "ajv": "^6.12.4",
+                "debug": "^4.1.1",
+                "espree": "^7.3.0",
+                "globals": "^13.9.0",
+                "ignore": "^4.0.6",
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^3.13.1",
+                "minimatch": "^3.0.4",
+                "strip-json-comments": "^3.1.1"
+            },
+            "dependencies": {
+                "globals": {
+                    "version": "13.9.0",
+                    "resolved": "https://registry.npmjs.org/globals/-/globals-13.9.0.tgz",
+                    "integrity": "sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA==",
+                    "dev": true,
+                    "requires": {
+                        "type-fest": "^0.20.2"
+                    }
+                },
+                "ignore": {
+                    "version": "4.0.6",
+                    "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+                    "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+                    "dev": true
+                },
+                "import-fresh": {
+                    "version": "3.3.0",
+                    "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+                    "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+                    "dev": true,
+                    "requires": {
+                        "parent-module": "^1.0.0",
+                        "resolve-from": "^4.0.0"
+                    }
+                },
+                "resolve-from": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+                    "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+                    "dev": true
+                },
+                "type-fest": {
+                    "version": "0.20.2",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+                    "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+                    "dev": true
+                }
+            }
+        },
         "@fullhuman/postcss-purgecss": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.1.3.tgz",
@@ -18128,6 +19497,12 @@
             "integrity": "sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA==",
             "dev": true
         },
+        "@types/json5": {
+            "version": "0.0.29",
+            "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+            "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=",
+            "dev": true
+        },
         "@types/lodash": {
             "version": "4.14.170",
             "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.170.tgz",
@@ -18489,6 +19864,13 @@
             "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
             "dev": true
         },
+        "acorn-jsx": {
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz",
+            "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==",
+            "dev": true,
+            "requires": {}
+        },
         "acorn-node": {
             "version": "1.8.2",
             "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
@@ -18541,6 +19923,12 @@
             "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
             "dev": true
         },
+        "ansi-colors": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+            "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+            "dev": true
+        },
         "ansi-escapes": {
             "version": "4.3.2",
             "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -18613,6 +20001,19 @@
             "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
             "dev": true
         },
+        "array-includes": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.3.tgz",
+            "integrity": "sha512-gcem1KlBU7c9rB+Rq8/3PPKsK2kjqeEBa3bD5kkQo4nYlOHQCJqIJFqBXDEfwaRuYTT4E+FxA9xez7Gf/e3Q7A==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.18.0-next.2",
+                "get-intrinsic": "^1.1.1",
+                "is-string": "^1.0.5"
+            }
+        },
         "array-union": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -18625,6 +20026,17 @@
             "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
             "dev": true
         },
+        "array.prototype.flat": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.4.tgz",
+            "integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.0",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.18.0-next.1"
+            }
+        },
         "asn1.js": {
             "version": "5.4.1",
             "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
@@ -18678,6 +20090,12 @@
             "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=",
             "dev": true
         },
+        "astral-regex": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+            "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+            "dev": true
+        },
         "async": {
             "version": "2.6.3",
             "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
@@ -19667,6 +21085,12 @@
             "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
             "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
         },
+        "confusing-browser-globals": {
+            "version": "1.0.10",
+            "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.10.tgz",
+            "integrity": "sha512-gNld/3lySHwuhaVluJUKLePYirM3QNCKzVxqAdhJII9/WXKVX5PURzMVJspS1jTslSqjeuG4KMVTSouit5YPHA==",
+            "dev": true
+        },
         "connect-history-api-fallback": {
             "version": "1.6.0",
             "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
@@ -20438,6 +21862,12 @@
                 "regexp.prototype.flags": "^1.2.0"
             }
         },
+        "deep-is": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
+            "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
+            "dev": true
+        },
         "deepmerge": {
             "version": "4.2.2",
             "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
@@ -20627,6 +22057,15 @@
                 "buffer-indexof": "^1.0.0"
             }
         },
+        "doctrine": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+            "dev": true,
+            "requires": {
+                "esutils": "^2.0.2"
+            }
+        },
         "dom-serializer": {
             "version": "1.3.2",
             "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
@@ -20789,6 +22228,15 @@
                 "tapable": "^2.2.0"
             }
         },
+        "enquirer": {
+            "version": "2.3.6",
+            "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
+            "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+            "dev": true,
+            "requires": {
+                "ansi-colors": "^4.1.1"
+            }
+        },
         "entities": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
@@ -20865,6 +22313,334 @@
             "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
             "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
         },
+        "eslint": {
+            "version": "7.28.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.28.0.tgz",
+            "integrity": "sha512-UMfH0VSjP0G4p3EWirscJEQ/cHqnT/iuH6oNZOB94nBjWbMnhGEPxsZm1eyIW0C/9jLI0Fow4W5DXLjEI7mn1g==",
+            "dev": true,
+            "requires": {
+                "@babel/code-frame": "7.12.11",
+                "@eslint/eslintrc": "^0.4.2",
+                "ajv": "^6.10.0",
+                "chalk": "^4.0.0",
+                "cross-spawn": "^7.0.2",
+                "debug": "^4.0.1",
+                "doctrine": "^3.0.0",
+                "enquirer": "^2.3.5",
+                "escape-string-regexp": "^4.0.0",
+                "eslint-scope": "^5.1.1",
+                "eslint-utils": "^2.1.0",
+                "eslint-visitor-keys": "^2.0.0",
+                "espree": "^7.3.1",
+                "esquery": "^1.4.0",
+                "esutils": "^2.0.2",
+                "fast-deep-equal": "^3.1.3",
+                "file-entry-cache": "^6.0.1",
+                "functional-red-black-tree": "^1.0.1",
+                "glob-parent": "^5.1.2",
+                "globals": "^13.6.0",
+                "ignore": "^4.0.6",
+                "import-fresh": "^3.0.0",
+                "imurmurhash": "^0.1.4",
+                "is-glob": "^4.0.0",
+                "js-yaml": "^3.13.1",
+                "json-stable-stringify-without-jsonify": "^1.0.1",
+                "levn": "^0.4.1",
+                "lodash.merge": "^4.6.2",
+                "minimatch": "^3.0.4",
+                "natural-compare": "^1.4.0",
+                "optionator": "^0.9.1",
+                "progress": "^2.0.0",
+                "regexpp": "^3.1.0",
+                "semver": "^7.2.1",
+                "strip-ansi": "^6.0.0",
+                "strip-json-comments": "^3.1.0",
+                "table": "^6.0.9",
+                "text-table": "^0.2.0",
+                "v8-compile-cache": "^2.0.3"
+            },
+            "dependencies": {
+                "@babel/code-frame": {
+                    "version": "7.12.11",
+                    "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
+                    "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
+                    "dev": true,
+                    "requires": {
+                        "@babel/highlight": "^7.10.4"
+                    }
+                },
+                "escape-string-regexp": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+                    "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+                    "dev": true
+                },
+                "globals": {
+                    "version": "13.9.0",
+                    "resolved": "https://registry.npmjs.org/globals/-/globals-13.9.0.tgz",
+                    "integrity": "sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA==",
+                    "dev": true,
+                    "requires": {
+                        "type-fest": "^0.20.2"
+                    }
+                },
+                "ignore": {
+                    "version": "4.0.6",
+                    "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+                    "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+                    "dev": true
+                },
+                "import-fresh": {
+                    "version": "3.3.0",
+                    "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+                    "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+                    "dev": true,
+                    "requires": {
+                        "parent-module": "^1.0.0",
+                        "resolve-from": "^4.0.0"
+                    }
+                },
+                "resolve-from": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+                    "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+                    "dev": true
+                },
+                "type-fest": {
+                    "version": "0.20.2",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+                    "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+                    "dev": true
+                }
+            }
+        },
+        "eslint-config-airbnb-base": {
+            "version": "14.2.1",
+            "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.1.tgz",
+            "integrity": "sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==",
+            "dev": true,
+            "requires": {
+                "confusing-browser-globals": "^1.0.10",
+                "object.assign": "^4.1.2",
+                "object.entries": "^1.1.2"
+            }
+        },
+        "eslint-import-resolver-node": {
+            "version": "0.3.4",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz",
+            "integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==",
+            "dev": true,
+            "requires": {
+                "debug": "^2.6.9",
+                "resolve": "^1.13.1"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "2.6.9",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+                    "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                }
+            }
+        },
+        "eslint-module-utils": {
+            "version": "2.6.1",
+            "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.1.tgz",
+            "integrity": "sha512-ZXI9B8cxAJIH4nfkhTwcRTEAnrVfobYqwjWy/QMCZ8rHkZHFjf9yO4BzpiF9kCSfNlMG54eKigISHpX0+AaT4A==",
+            "dev": true,
+            "requires": {
+                "debug": "^3.2.7",
+                "pkg-dir": "^2.0.0"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "find-up": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+                    "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+                    "dev": true,
+                    "requires": {
+                        "locate-path": "^2.0.0"
+                    }
+                },
+                "locate-path": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+                    "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+                    "dev": true,
+                    "requires": {
+                        "p-locate": "^2.0.0",
+                        "path-exists": "^3.0.0"
+                    }
+                },
+                "p-limit": {
+                    "version": "1.3.0",
+                    "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+                    "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+                    "dev": true,
+                    "requires": {
+                        "p-try": "^1.0.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+                    "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+                    "dev": true,
+                    "requires": {
+                        "p-limit": "^1.1.0"
+                    }
+                },
+                "p-try": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+                    "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+                    "dev": true
+                },
+                "path-exists": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+                    "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+                    "dev": true
+                },
+                "pkg-dir": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-2.0.0.tgz",
+                    "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=",
+                    "dev": true,
+                    "requires": {
+                        "find-up": "^2.1.0"
+                    }
+                }
+            }
+        },
+        "eslint-plugin-import": {
+            "version": "2.23.4",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.23.4.tgz",
+            "integrity": "sha512-6/wP8zZRsnQFiR3iaPFgh5ImVRM1WN5NUWfTIRqwOdeiGJlBcSk82o1FEVq8yXmy4lkIzTo7YhHCIxlU/2HyEQ==",
+            "dev": true,
+            "requires": {
+                "array-includes": "^3.1.3",
+                "array.prototype.flat": "^1.2.4",
+                "debug": "^2.6.9",
+                "doctrine": "^2.1.0",
+                "eslint-import-resolver-node": "^0.3.4",
+                "eslint-module-utils": "^2.6.1",
+                "find-up": "^2.0.0",
+                "has": "^1.0.3",
+                "is-core-module": "^2.4.0",
+                "minimatch": "^3.0.4",
+                "object.values": "^1.1.3",
+                "pkg-up": "^2.0.0",
+                "read-pkg-up": "^3.0.0",
+                "resolve": "^1.20.0",
+                "tsconfig-paths": "^3.9.0"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "2.6.9",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+                    "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+                    "dev": true,
+                    "requires": {
+                        "ms": "2.0.0"
+                    }
+                },
+                "doctrine": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+                    "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+                    "dev": true,
+                    "requires": {
+                        "esutils": "^2.0.2"
+                    }
+                },
+                "find-up": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+                    "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+                    "dev": true,
+                    "requires": {
+                        "locate-path": "^2.0.0"
+                    }
+                },
+                "locate-path": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+                    "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+                    "dev": true,
+                    "requires": {
+                        "p-locate": "^2.0.0",
+                        "path-exists": "^3.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+                    "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+                    "dev": true
+                },
+                "p-limit": {
+                    "version": "1.3.0",
+                    "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+                    "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+                    "dev": true,
+                    "requires": {
+                        "p-try": "^1.0.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+                    "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+                    "dev": true,
+                    "requires": {
+                        "p-limit": "^1.1.0"
+                    }
+                },
+                "p-try": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+                    "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+                    "dev": true
+                },
+                "path-exists": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+                    "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+                    "dev": true
+                }
+            }
+        },
+        "eslint-plugin-vue": {
+            "version": "7.11.1",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.11.1.tgz",
+            "integrity": "sha512-lbw3vkEAGqYjqd1HpPFWHXtYaS8mILTJ5KOpJfRxO3Fo7o0wCf1zD7vSOasbm6nTA9xIgvZQ4VcyGIzQXxznHw==",
+            "dev": true,
+            "requires": {
+                "eslint-utils": "^2.1.0",
+                "natural-compare": "^1.4.0",
+                "semver": "^7.3.2",
+                "vue-eslint-parser": "^7.6.0"
+            }
+        },
         "eslint-scope": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -20875,11 +22651,70 @@
                 "estraverse": "^4.1.1"
             }
         },
+        "eslint-utils": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+            "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+            "dev": true,
+            "requires": {
+                "eslint-visitor-keys": "^1.1.0"
+            },
+            "dependencies": {
+                "eslint-visitor-keys": {
+                    "version": "1.3.0",
+                    "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+                    "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+                    "dev": true
+                }
+            }
+        },
+        "eslint-visitor-keys": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+            "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+            "dev": true
+        },
+        "espree": {
+            "version": "7.3.1",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
+            "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+            "dev": true,
+            "requires": {
+                "acorn": "^7.4.0",
+                "acorn-jsx": "^5.3.1",
+                "eslint-visitor-keys": "^1.3.0"
+            },
+            "dependencies": {
+                "eslint-visitor-keys": {
+                    "version": "1.3.0",
+                    "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+                    "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+                    "dev": true
+                }
+            }
+        },
         "esprima": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
             "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
         },
+        "esquery": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
+            "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+            "dev": true,
+            "requires": {
+                "estraverse": "^5.1.0"
+            },
+            "dependencies": {
+                "estraverse": {
+                    "version": "5.2.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
+                    "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+                    "dev": true
+                }
+            }
+        },
         "esrecurse": {
             "version": "4.3.0",
             "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -21149,6 +22984,12 @@
             "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
             "dev": true
         },
+        "fast-levenshtein": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+            "dev": true
+        },
         "fastest-levenshtein": {
             "version": "1.0.12",
             "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
@@ -21182,6 +23023,15 @@
                 "escape-string-regexp": "^1.0.5"
             }
         },
+        "file-entry-cache": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+            "dev": true,
+            "requires": {
+                "flat-cache": "^3.0.4"
+            }
+        },
         "file-loader": {
             "version": "6.2.0",
             "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz",
@@ -21291,6 +23141,33 @@
                 "path-exists": "^4.0.0"
             }
         },
+        "flat-cache": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+            "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+            "dev": true,
+            "requires": {
+                "flatted": "^3.1.0",
+                "rimraf": "^3.0.2"
+            },
+            "dependencies": {
+                "rimraf": {
+                    "version": "3.0.2",
+                    "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+                    "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+                    "dev": true,
+                    "requires": {
+                        "glob": "^7.1.3"
+                    }
+                }
+            }
+        },
+        "flatted": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.1.1.tgz",
+            "integrity": "sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==",
+            "dev": true
+        },
         "follow-redirects": {
             "version": "1.14.1",
             "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz",
@@ -21419,6 +23296,12 @@
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
             "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
         },
+        "functional-red-black-tree": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+            "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+            "dev": true
+        },
         "generic-names": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-2.0.1.tgz",
@@ -21719,6 +23602,12 @@
                 "minimalistic-crypto-utils": "^1.0.1"
             }
         },
+        "hosted-git-info": {
+            "version": "2.8.9",
+            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+            "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+            "dev": true
+        },
         "hpack.js": {
             "version": "2.1.6",
             "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
@@ -22026,6 +23915,12 @@
                 "resolve-cwd": "^3.0.0"
             }
         },
+        "imurmurhash": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+            "dev": true
+        },
         "indent-string": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
@@ -22464,6 +24359,12 @@
             "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
             "dev": true
         },
+        "json-stable-stringify-without-jsonify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+            "dev": true
+        },
         "json5": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
@@ -22567,6 +24468,16 @@
                 "yargs": "^16.1.0"
             }
         },
+        "levn": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+            "dev": true,
+            "requires": {
+                "prelude-ls": "^1.2.1",
+                "type-check": "~0.4.0"
+            }
+        },
         "lines-and-columns": {
             "version": "1.1.6",
             "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
@@ -22578,6 +24489,26 @@
             "resolved": "https://registry.npmjs.org/listenercount/-/listenercount-1.0.1.tgz",
             "integrity": "sha1-hMinKrWcRyUyFIDJdeZQg0LnCTc="
         },
+        "load-json-file": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+            "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
+            "dev": true,
+            "requires": {
+                "graceful-fs": "^4.1.2",
+                "parse-json": "^4.0.0",
+                "pify": "^3.0.0",
+                "strip-bom": "^3.0.0"
+            },
+            "dependencies": {
+                "pify": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+                    "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+                    "dev": true
+                }
+            }
+        },
         "loader-runner": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
@@ -22716,6 +24647,12 @@
             "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=",
             "dev": true
         },
+        "lodash.truncate": {
+            "version": "4.4.2",
+            "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+            "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+            "dev": true
+        },
         "lodash.uniq": {
             "version": "4.5.0",
             "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
@@ -23153,6 +25090,12 @@
                 }
             }
         },
+        "natural-compare": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+            "dev": true
+        },
         "needle": {
             "version": "2.6.0",
             "resolved": "https://registry.npmjs.org/needle/-/needle-2.6.0.tgz",
@@ -23269,6 +25212,26 @@
             "integrity": "sha512-uW7fodD6pyW2FZNZnp/Z3hvWKeEW1Y8R1+1CnErE8cXFXzl5blBOoVB41CvMer6P6Q0S5FXDwcHgFd1Wj0U9zg==",
             "dev": true
         },
+        "normalize-package-data": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+            "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+            "dev": true,
+            "requires": {
+                "hosted-git-info": "^2.1.4",
+                "resolve": "^1.10.0",
+                "semver": "2 || 3 || 4 || 5",
+                "validate-npm-package-license": "^3.0.1"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+                    "dev": true
+                }
+            }
+        },
         "normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -23383,6 +25346,17 @@
                 "object-keys": "^1.1.1"
             }
         },
+        "object.entries": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.4.tgz",
+            "integrity": "sha512-h4LWKWE+wKQGhtMjZEBud7uLGhqyLwj8fpHOarZhD2uY3C9cRtk57VQ89ke3moByLXMedqs3XCHzyb4AmA2DjA==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.18.2"
+            }
+        },
         "object.getownpropertydescriptors": {
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.2.tgz",
@@ -23459,6 +25433,20 @@
                 "is-wsl": "^2.1.1"
             }
         },
+        "optionator": {
+            "version": "0.9.1",
+            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+            "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+            "dev": true,
+            "requires": {
+                "deep-is": "^0.1.3",
+                "fast-levenshtein": "^2.0.6",
+                "levn": "^0.4.1",
+                "prelude-ls": "^1.2.1",
+                "type-check": "^0.4.0",
+                "word-wrap": "^1.2.3"
+            }
+        },
         "os-browserify": {
             "version": "0.3.0",
             "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
@@ -23749,6 +25737,66 @@
                 "find-up": "^4.0.0"
             }
         },
+        "pkg-up": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-2.0.0.tgz",
+            "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
+            "dev": true,
+            "requires": {
+                "find-up": "^2.1.0"
+            },
+            "dependencies": {
+                "find-up": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+                    "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+                    "dev": true,
+                    "requires": {
+                        "locate-path": "^2.0.0"
+                    }
+                },
+                "locate-path": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+                    "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+                    "dev": true,
+                    "requires": {
+                        "p-locate": "^2.0.0",
+                        "path-exists": "^3.0.0"
+                    }
+                },
+                "p-limit": {
+                    "version": "1.3.0",
+                    "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+                    "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+                    "dev": true,
+                    "requires": {
+                        "p-try": "^1.0.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+                    "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+                    "dev": true,
+                    "requires": {
+                        "p-limit": "^1.1.0"
+                    }
+                },
+                "p-try": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+                    "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+                    "dev": true
+                },
+                "path-exists": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+                    "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+                    "dev": true
+                }
+            }
+        },
         "portfinder": {
             "version": "1.0.28",
             "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
@@ -26577,6 +28625,12 @@
             "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
             "dev": true
         },
+        "prelude-ls": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+            "dev": true
+        },
         "pretty-hrtime": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
@@ -26608,6 +28662,12 @@
             "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
             "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
         },
+        "progress": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+            "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+            "dev": true
+        },
         "proxy-addr": {
             "version": "2.0.7",
             "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -26758,6 +28818,95 @@
                 "pify": "^2.3.0"
             }
         },
+        "read-pkg": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
+            "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
+            "dev": true,
+            "requires": {
+                "load-json-file": "^4.0.0",
+                "normalize-package-data": "^2.3.2",
+                "path-type": "^3.0.0"
+            },
+            "dependencies": {
+                "path-type": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+                    "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+                    "dev": true,
+                    "requires": {
+                        "pify": "^3.0.0"
+                    }
+                },
+                "pify": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+                    "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+                    "dev": true
+                }
+            }
+        },
+        "read-pkg-up": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-3.0.0.tgz",
+            "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=",
+            "dev": true,
+            "requires": {
+                "find-up": "^2.0.0",
+                "read-pkg": "^3.0.0"
+            },
+            "dependencies": {
+                "find-up": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+                    "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+                    "dev": true,
+                    "requires": {
+                        "locate-path": "^2.0.0"
+                    }
+                },
+                "locate-path": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+                    "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+                    "dev": true,
+                    "requires": {
+                        "p-locate": "^2.0.0",
+                        "path-exists": "^3.0.0"
+                    }
+                },
+                "p-limit": {
+                    "version": "1.3.0",
+                    "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+                    "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+                    "dev": true,
+                    "requires": {
+                        "p-try": "^1.0.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+                    "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+                    "dev": true,
+                    "requires": {
+                        "p-limit": "^1.1.0"
+                    }
+                },
+                "p-try": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+                    "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+                    "dev": true
+                },
+                "path-exists": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+                    "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+                    "dev": true
+                }
+            }
+        },
         "readable-stream": {
             "version": "2.3.7",
             "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
@@ -26889,6 +29038,12 @@
                 "define-properties": "^1.1.3"
             }
         },
+        "regexpp": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+            "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+            "dev": true
+        },
         "regexpu-core": {
             "version": "4.7.1",
             "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.1.tgz",
@@ -26962,6 +29117,12 @@
             "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
             "dev": true
         },
+        "require-from-string": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+            "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+            "dev": true
+        },
         "requires-port": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -27380,6 +29541,17 @@
             "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
             "dev": true
         },
+        "slice-ansi": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+            "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+            "dev": true,
+            "requires": {
+                "ansi-styles": "^4.0.0",
+                "astral-regex": "^2.0.0",
+                "is-fullwidth-code-point": "^3.0.0"
+            }
+        },
         "snapdragon": {
             "version": "0.8.2",
             "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
@@ -27553,6 +29725,38 @@
             "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
             "dev": true
         },
+        "spdx-correct": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+            "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+            "dev": true,
+            "requires": {
+                "spdx-expression-parse": "^3.0.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "spdx-exceptions": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+            "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+            "dev": true
+        },
+        "spdx-expression-parse": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+            "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+            "dev": true,
+            "requires": {
+                "spdx-exceptions": "^2.1.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "spdx-license-ids": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.9.tgz",
+            "integrity": "sha512-Ki212dKK4ogX+xDo4CtOZBVIwhsKBEfsEEcwmJfLQzirgc2jIWdzg40Unxz/HzEUqM1WFzVlQSMF9kZZ2HboLQ==",
+            "dev": true
+        },
         "spdy": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -27740,12 +29944,24 @@
                 "ansi-regex": "^5.0.0"
             }
         },
+        "strip-bom": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+            "integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
+            "dev": true
+        },
         "strip-final-newline": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
             "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
             "dev": true
         },
+        "strip-json-comments": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+            "dev": true
+        },
         "style-loader": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-2.0.0.tgz",
@@ -28067,6 +30283,40 @@
                 }
             }
         },
+        "table": {
+            "version": "6.7.1",
+            "resolved": "https://registry.npmjs.org/table/-/table-6.7.1.tgz",
+            "integrity": "sha512-ZGum47Yi6KOOFDE8m223td53ath2enHcYLgOCjGr5ngu8bdIARQk6mN/wRMv4yMRcHnCSnHbCEha4sobQx5yWg==",
+            "dev": true,
+            "requires": {
+                "ajv": "^8.0.1",
+                "lodash.clonedeep": "^4.5.0",
+                "lodash.truncate": "^4.4.2",
+                "slice-ansi": "^4.0.0",
+                "string-width": "^4.2.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "dependencies": {
+                "ajv": {
+                    "version": "8.6.0",
+                    "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.6.0.tgz",
+                    "integrity": "sha512-cnUG4NSBiM4YFBxgZIj/In3/6KX+rQ2l2YPRVcvAMQGWEPKuXoPIhxzwqh31jA3IPbI4qEOp/5ILI4ynioXsGQ==",
+                    "dev": true,
+                    "requires": {
+                        "fast-deep-equal": "^3.1.1",
+                        "json-schema-traverse": "^1.0.0",
+                        "require-from-string": "^2.0.2",
+                        "uri-js": "^4.2.2"
+                    }
+                },
+                "json-schema-traverse": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+                    "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+                    "dev": true
+                }
+            }
+        },
         "tailwindcss": {
             "version": "2.1.4",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.1.4.tgz",
@@ -28325,6 +30575,29 @@
             "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.3.9.tgz",
             "integrity": "sha1-cXuPIgzAu3tE5AUUwisui7xw2Lk="
         },
+        "tsconfig-paths": {
+            "version": "3.9.0",
+            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz",
+            "integrity": "sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==",
+            "dev": true,
+            "requires": {
+                "@types/json5": "^0.0.29",
+                "json5": "^1.0.1",
+                "minimist": "^1.2.0",
+                "strip-bom": "^3.0.0"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "dev": true,
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                }
+            }
+        },
         "tslib": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
@@ -28336,6 +30609,15 @@
             "integrity": "sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=",
             "dev": true
         },
+        "type-check": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+            "dev": true,
+            "requires": {
+                "prelude-ls": "^1.2.1"
+            }
+        },
         "type-fest": {
             "version": "0.21.3",
             "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
@@ -28612,6 +30894,16 @@
             "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
             "dev": true
         },
+        "validate-npm-package-license": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+            "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+            "dev": true,
+            "requires": {
+                "spdx-correct": "^3.0.0",
+                "spdx-expression-parse": "^3.0.0"
+            }
+        },
         "vary": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -28661,6 +30953,39 @@
                 }
             }
         },
+        "vue-eslint-parser": {
+            "version": "7.6.0",
+            "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.6.0.tgz",
+            "integrity": "sha512-QXxqH8ZevBrtiZMZK0LpwaMfevQi9UL7lY6Kcp+ogWHC88AuwUPwwCIzkOUc1LR4XsYAt/F9yHXAB/QoD17QXA==",
+            "dev": true,
+            "requires": {
+                "debug": "^4.1.1",
+                "eslint-scope": "^5.0.0",
+                "eslint-visitor-keys": "^1.1.0",
+                "espree": "^6.2.1",
+                "esquery": "^1.4.0",
+                "lodash": "^4.17.15"
+            },
+            "dependencies": {
+                "eslint-visitor-keys": {
+                    "version": "1.3.0",
+                    "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+                    "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+                    "dev": true
+                },
+                "espree": {
+                    "version": "6.2.1",
+                    "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
+                    "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
+                    "dev": true,
+                    "requires": {
+                        "acorn": "^7.1.1",
+                        "acorn-jsx": "^5.2.0",
+                        "eslint-visitor-keys": "^1.1.0"
+                    }
+                }
+            }
+        },
         "vue-loader": {
             "version": "16.2.0",
             "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.2.0.tgz",
@@ -29010,6 +31335,12 @@
             "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
             "dev": true
         },
+        "word-wrap": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
+            "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+            "dev": true
+        },
         "wrap-ansi": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
diff --git a/package.json b/package.json
index ef49628..fba8a47 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,8 @@
         "watch-poll": "mix watch -- --watch-options-poll=1000",
         "hot": "mix watch --hot",
         "prod": "npm run production",
-        "production": "mix --production"
+        "production": "mix --production",
+        "eslint": "./node_modules/.bin/eslint resources/js/ --ext .js,.vue --fix"
     },
     "devDependencies": {
         "@inertiajs/inertia": "^0.8.4",
@@ -17,13 +18,13 @@
         "@tailwindcss/typography": "^0.3.0",
         "@types/lodash": "^4.14.168",
         "@vue/compiler-sfc": "^3.0.5",
-        "axios": "^0.21",
+        "eslint": "^7.28.0",
+        "eslint-plugin-vue": "^7.11.1",
         "laravel-mix": "^6.0.6",
-        "lodash": "^4.17.21",
         "postcss": "^8.1.14",
         "postcss-import": "^12.0.1",
         "tailwindcss": "^2.0.1",
-        "vue": "^3.0.5",
+       
         "vue-loader": "^16.1.2"
     },
     "dependencies": {
@@ -31,6 +32,9 @@
         "vue-multiselect": "^3.0.0-alpha.2",
         "vue-unicons": "^3.2.1",
         "vue3-datepicker": "^0.2.4",
-        "vuex": "^4.0.0"
+        "vuex": "^4.0.0",
+        "axios": "^0.21",
+        "lodash": "^4.17.21",
+        "vue": "^3.0.5"
     }
 }
diff --git a/public/js/app.js b/public/js/app.js
index 64bc5ff..dafc232 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -17913,9 +17913,9 @@ __webpack_require__.r(__webpack_exports__);
   },
   computed: {
     allClasses: function allClasses() {
-      var classes = "justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition";
+      var classes = 'justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition';
       classes += " bg-".concat(this.colour, "-800 hover:bg-").concat(this.colour, "-700 active:bg-").concat(this.colour, "-900 focus:border-").concat(this.colour, "-900 focus:ring-").concat(this.colour, "-300");
-      return classes + " " + this["class"];
+      return "".concat(classes, " ").concat(this["class"]);
     }
   }
 });
@@ -17966,9 +17966,9 @@ __webpack_require__.r(__webpack_exports__);
   },
   computed: {
     allClasses: function allClasses() {
-      var classes = "justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition";
+      var classes = 'justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition';
       classes += " bg-".concat(this.colour, "-800 hover:bg-").concat(this.colour, "-700 active:bg-").concat(this.colour, "-900 focus:border-").concat(this.colour, "-900 focus:ring-").concat(this.colour, "-300");
-      return classes + " " + this["class"];
+      return "".concat(classes, " ").concat(this["class"]);
     }
   }
 });
@@ -17998,7 +17998,7 @@ __webpack_require__.r(__webpack_exports__);
   data: function data() {
     return {
       meta: {
-        'contact': 'Verkäufer'
+        contact: 'Verkäufer'
       }
     };
   }
@@ -18077,7 +18077,7 @@ __webpack_require__.r(__webpack_exports__);
   },
   computed: {
     contractClasses: function contractClasses() {
-      return "col-span-12 h-full relative sm:col-span-" + (this.contract.car ? '4' : '6');
+      return "col-span-12 h-full relative sm:col-span-".concat(this.contract.car ? '4' : '6');
     }
   },
   data: function data() {
@@ -18191,9 +18191,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-var STATUS_INITIAL = 0,
-    STATUS_SAVING = 1,
-    STATUS_FAILED = 2;
+var STATUS_INITIAL = 0;
+var STATUS_SAVING = 1;
+var STATUS_FAILED = 2;
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
     id: Number,
@@ -18547,7 +18547,7 @@ __webpack_require__.r(__webpack_exports__);
   data: function data() {
     return {
       meta: {
-        'contact': 'Käufer'
+        contact: 'Käufer'
       }
     };
   }
@@ -18670,8 +18670,8 @@ __webpack_require__.r(__webpack_exports__);
 
       this.sort.by = col;
       this.$inertia.get(this.data.path, {
-        'sortby': this.sort.by,
-        'direction': this.sort.direction
+        sortby: this.sort.by,
+        direction: this.sort.direction
       }, {
         preserveState: true
       });
@@ -18817,7 +18817,7 @@ __webpack_require__.r(__webpack_exports__);
         return this.checked;
       },
       set: function set(val) {
-        this.$emit("update:checked", val);
+        this.$emit('update:checked', val);
       }
     }
   }
@@ -19068,17 +19068,19 @@ __webpack_require__.r(__webpack_exports__);
   computed: {
     widthClass: function widthClass() {
       return {
-        '48': 'w-48'
+        48: 'w-48'
       }[this.width.toString()];
     },
     alignmentClasses: function alignmentClasses() {
       if (this.align === 'left') {
         return 'origin-top-left left-0';
-      } else if (this.align === 'right') {
-        return 'origin-top-right right-0';
-      } else {
-        return 'origin-top';
       }
+
+      if (this.align === 'right') {
+        return 'origin-top-right right-0';
+      }
+
+      return 'origin-top';
     }
   }
 });
@@ -19131,7 +19133,7 @@ __webpack_require__.r(__webpack_exports__);
       return !!this.$slots.actions;
     },
     classnames: function classnames() {
-      var classnames = !this.emptyBg ? 'px-4 py-5 bg-white sm:p-6 shadow ' : "";
+      var classnames = !this.emptyBg ? 'px-4 py-5 bg-white sm:p-6 shadow ' : '';
       classnames += this.hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md';
       return classnames;
     }
@@ -19263,10 +19265,10 @@ __webpack_require__.r(__webpack_exports__);
   computed: {
     maxWidthClass: function maxWidthClass() {
       return {
-        'sm': 'sm:max-w-sm',
-        'md': 'sm:max-w-md',
-        'lg': 'sm:max-w-lg',
-        'xl': 'sm:max-w-xl',
+        sm: 'sm:max-w-sm',
+        md: 'sm:max-w-md',
+        lg: 'sm:max-w-lg',
+        xl: 'sm:max-w-xl',
         '2xl': 'sm:max-w-2xl'
       }[this.maxWidth];
     }
@@ -19405,7 +19407,7 @@ __webpack_require__.r(__webpack_exports__);
   methods: {
     switchToTeam: function switchToTeam(team) {
       this.$inertia.put(route('current-team.update'), {
-        'team_id': team.id
+        team_id: team.id
       }, {
         preserveState: false
       });
@@ -19581,15 +19583,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _ApiTokenManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ApiTokenManager */ "./resources/js/Pages/API/ApiTokenManager.vue");
-/* harmony import */ var _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Layouts/AppLayout */ "./resources/js/Layouts/AppLayout.vue");
+/* harmony import */ var _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/AppLayout */ "./resources/js/Layouts/AppLayout.vue");
+/* harmony import */ var _ApiTokenManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ApiTokenManager */ "./resources/js/Pages/API/ApiTokenManager.vue");
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: ['tokens', 'availablePermissions', 'defaultPermissions'],
   components: {
-    ApiTokenManager: _ApiTokenManager__WEBPACK_IMPORTED_MODULE_0__.default,
-    AppLayout: _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_1__.default
+    ApiTokenManager: _ApiTokenManager__WEBPACK_IMPORTED_MODULE_1__.default,
+    AppLayout: _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_0__.default
   }
 });
 
@@ -20211,8 +20213,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
 /* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue");
-/* harmony import */ var _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/CarForm.vue */ "./resources/js/Pages/Cars/Components/CarForm.vue");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Components/CarForm.vue */ "./resources/js/Pages/Cars/Components/CarForm.vue");
 
 
 
@@ -20221,7 +20223,7 @@ __webpack_require__.r(__webpack_exports__);
   components: {
     Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
     BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default,
-    CarForm: _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_2__.default
+    CarForm: _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_3__.default
   },
   props: {
     brands: Array
@@ -20241,8 +20243,8 @@ __webpack_require__.r(__webpack_exports__);
         vin: null,
         colour: null,
         car_model_id: null,
-        initial_date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date()),
-        last_check_date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date()),
+        initial_date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date()),
+        last_check_date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date()),
         kilometers: null,
         known_damage: null,
         notes: null
@@ -20274,8 +20276,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
 /* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue");
-/* harmony import */ var _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/CarForm.vue */ "./resources/js/Pages/Cars/Components/CarForm.vue");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Components/CarForm.vue */ "./resources/js/Pages/Cars/Components/CarForm.vue");
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
@@ -20286,7 +20288,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
   components: {
     BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default,
     Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
-    CarForm: _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_2__.default
+    CarForm: _Components_CarForm_vue__WEBPACK_IMPORTED_MODULE_3__.default
   },
   props: {
     car: Object,
@@ -20300,7 +20302,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         out += this.brand.name;
 
         if (this.car_model.name) {
-          out += ' ' + this.car_model.name;
+          out += " ".concat(this.car_model.name);
         }
       }
 
@@ -20311,7 +20313,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
     return {
       currentRoute: 'cars.edit',
       meta: {
-        form_name: 'EditCar' + this.car.id,
+        form_name: "EditCar".concat(this.car.id),
         route: this.route('cars.update', this.car.id),
         method: 'put',
         button_text: 'Änderungen speichern',
@@ -20323,11 +20325,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         id: this.car.id,
         stammnummer: this.car.stammnummer,
         vin: this.car.vin,
-        initial_date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date(this.car.initial_date)),
+        initial_date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date(this.car.initial_date)),
         colour: this.car.colour,
         notes: this.car.notes,
         car_model_id: this.car.car_model.id,
-        last_check_date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date(this.car.last_check_date)),
+        last_check_date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date(this.car.last_check_date)),
         kilometers: this.car.kilometers,
         known_damage: this.car.known_damage
       }, "notes", this.car.notes)
@@ -20648,8 +20650,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Jetstream_Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Jetstream/Button */ "./resources/js/Jetstream/Button.vue");
 /* harmony import */ var _Jetstream_ActionMessage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Jetstream/ActionMessage */ "./resources/js/Jetstream/ActionMessage.vue");
 /* harmony import */ var _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Jetstream/FormSection */ "./resources/js/Jetstream/FormSection.vue");
-/* harmony import */ var _ContactFormFields__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ContactFormFields */ "./resources/js/Pages/Contacts/Components/ContactFormFields.vue");
-/* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
+/* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
+/* harmony import */ var _ContactFormFields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ContactFormFields */ "./resources/js/Pages/Contacts/Components/ContactFormFields.vue");
 
 
 
@@ -20660,7 +20662,7 @@ __webpack_require__.r(__webpack_exports__);
     JetButton: _Jetstream_Button__WEBPACK_IMPORTED_MODULE_0__.default,
     JetFormSection: _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_2__.default,
     JetActionMessage: _Jetstream_ActionMessage__WEBPACK_IMPORTED_MODULE_1__.default,
-    ContactFormFields: _ContactFormFields__WEBPACK_IMPORTED_MODULE_3__.default
+    ContactFormFields: _ContactFormFields__WEBPACK_IMPORTED_MODULE_4__.default
   },
   props: {
     data: Object,
@@ -20668,7 +20670,7 @@ __webpack_require__.r(__webpack_exports__);
   },
   data: function data() {
     return {
-      form: (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_4__.useForm)(this.meta.form_name, this.data)
+      form: (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_3__.useForm)(this.meta.form_name, this.data)
     };
   },
   methods: {
@@ -20790,7 +20792,7 @@ __webpack_require__.r(__webpack_exports__);
   data: function data() {
     return {
       meta: {
-        form_name: 'EditContact' + this.contact.id,
+        form_name: "EditContact".concat(this.contact.id),
         route: this.route('contacts.update', this.contact.id),
         method: 'put',
         button_text: 'Änderungen speichern',
@@ -21057,11 +21059,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
 /* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue");
-/* harmony import */ var _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/ContractForm.vue */ "./resources/js/Pages/Contracts/Components/ContractForm.vue");
-/* harmony import */ var _Components_CarCard_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Components/CarCard.vue */ "./resources/js/Components/CarCard.vue");
-/* harmony import */ var _Components_ContactCard_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/Components/ContactCard.vue */ "./resources/js/Components/ContactCard.vue");
-/* harmony import */ var _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/Jetstream/FormSection */ "./resources/js/Jetstream/FormSection.vue");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _Components_CarCard_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Components/CarCard.vue */ "./resources/js/Components/CarCard.vue");
+/* harmony import */ var _Components_ContactCard_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Components/ContactCard.vue */ "./resources/js/Components/ContactCard.vue");
+/* harmony import */ var _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/Jetstream/FormSection */ "./resources/js/Jetstream/FormSection.vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Components/ContractForm.vue */ "./resources/js/Pages/Contracts/Components/ContractForm.vue");
 
 
 
@@ -21073,10 +21075,10 @@ __webpack_require__.r(__webpack_exports__);
   components: {
     Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
     BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default,
-    ContractForm: _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_2__.default,
-    CarCard: _Components_CarCard_vue__WEBPACK_IMPORTED_MODULE_3__.default,
-    ContactCard: _Components_ContactCard_vue__WEBPACK_IMPORTED_MODULE_4__.default,
-    JetFormSection: _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_5__.default
+    ContractForm: _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_6__.default,
+    CarCard: _Components_CarCard_vue__WEBPACK_IMPORTED_MODULE_2__.default,
+    ContactCard: _Components_ContactCard_vue__WEBPACK_IMPORTED_MODULE_3__.default,
+    JetFormSection: _Jetstream_FormSection__WEBPACK_IMPORTED_MODULE_4__.default
   },
   props: {
     car: Object,
@@ -21096,25 +21098,25 @@ __webpack_require__.r(__webpack_exports__);
       },
       data: {
         id: null,
-        date: (0,vue__WEBPACK_IMPORTED_MODULE_6__.ref)(new Date()),
+        date: (0,vue__WEBPACK_IMPORTED_MODULE_5__.ref)(new Date()),
         price: null,
         type: this.type,
         insurance_type: '0',
         car_id: this.car.id,
         contact_id: this.contact.id,
-        is_sell_contract: this.type == "SellContract"
+        is_sell_contract: this.type == 'SellContract'
       }
     };
   },
   computed: {
     contractType: function contractType() {
-      return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag";
+      return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
     },
     contactType: function contactType() {
-      return this.isSellContract ? "Käufer" : "Verkäufer";
+      return this.isSellContract ? 'Käufer' : 'Verkäufer';
     },
     isSellContract: function isSellContract() {
-      return this.type == "SellContract";
+      return this.type == 'SellContract';
     }
   }
 });
@@ -21192,13 +21194,13 @@ __webpack_require__.r(__webpack_exports__);
   },
   computed: {
     contractType: function contractType() {
-      return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag";
+      return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
     },
     contactType: function contactType() {
-      return this.isSellContract ? "Käufer" : "Verkäufer";
+      return this.isSellContract ? 'Käufer' : 'Verkäufer';
     },
     isSellContract: function isSellContract() {
-      return this.type == "SellContract";
+      return this.type == 'SellContract';
     },
     emptyContact: function emptyContact() {
       return {
@@ -21335,13 +21337,13 @@ __webpack_require__.r(__webpack_exports__);
   },
   computed: {
     contractType: function contractType() {
-      return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag";
+      return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
     },
     contactType: function contactType() {
-      return this.isSellContract ? "Käufer" : "Verkäufer";
+      return this.isSellContract ? 'Käufer' : 'Verkäufer';
     },
     isSellContract: function isSellContract() {
-      return this.type == "SellContract";
+      return this.type == 'SellContract';
     },
     emptyCar: function emptyCar() {
       return {
@@ -21410,8 +21412,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
 /* harmony import */ var _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/BreadCrumb.vue */ "./resources/js/Components/BreadCrumb.vue");
-/* harmony import */ var _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/ContractForm.vue */ "./resources/js/Pages/Contracts/Components/ContractForm.vue");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+/* harmony import */ var _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Components/ContractForm.vue */ "./resources/js/Pages/Contracts/Components/ContractForm.vue");
 
 
 
@@ -21420,7 +21422,7 @@ __webpack_require__.r(__webpack_exports__);
   components: {
     BreadCrumb: _Components_BreadCrumb_vue__WEBPACK_IMPORTED_MODULE_1__.default,
     Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
-    ContractForm: _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_2__.default
+    ContractForm: _Components_ContractForm_vue__WEBPACK_IMPORTED_MODULE_3__.default
   },
   props: {
     contract: Object,
@@ -21430,14 +21432,14 @@ __webpack_require__.r(__webpack_exports__);
     return {
       currentRoute: 'contracts.edit',
       meta: {
-        form_name: 'EditContract' + this.contract.id,
+        form_name: "EditContract".concat(this.contract.id),
         route: this.route('contracts.update', this.contract.id),
         method: 'put',
         button_text: 'Änderungen speichern',
         on_success: 'Änderungen gespeichert'
       },
       data: {
-        date: (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(new Date(this.contract.date)),
+        date: (0,vue__WEBPACK_IMPORTED_MODULE_2__.ref)(new Date(this.contract.date)),
         price: this.contract.price,
         insurance_type: this.contract.insurance_type,
         is_sell_contract: this.contract.is_sell_contract
@@ -21768,8 +21770,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/Layout */ "./resources/js/Layouts/Layout.vue");
-/* harmony import */ var _DeleteUserForm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DeleteUserForm */ "./resources/js/Pages/Profile/DeleteUserForm.vue");
-/* harmony import */ var _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Jetstream/SectionBorder */ "./resources/js/Jetstream/SectionBorder.vue");
+/* harmony import */ var _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Jetstream/SectionBorder */ "./resources/js/Jetstream/SectionBorder.vue");
+/* harmony import */ var _DeleteUserForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DeleteUserForm */ "./resources/js/Pages/Profile/DeleteUserForm.vue");
 /* harmony import */ var _LogoutOtherBrowserSessionsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./LogoutOtherBrowserSessionsForm */ "./resources/js/Pages/Profile/LogoutOtherBrowserSessionsForm.vue");
 /* harmony import */ var _TwoFactorAuthenticationForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TwoFactorAuthenticationForm */ "./resources/js/Pages/Profile/TwoFactorAuthenticationForm.vue");
 /* harmony import */ var _UpdatePasswordForm__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./UpdatePasswordForm */ "./resources/js/Pages/Profile/UpdatePasswordForm.vue");
@@ -21785,8 +21787,8 @@ __webpack_require__.r(__webpack_exports__);
   props: ['sessions'],
   components: {
     Layout: _Layouts_Layout__WEBPACK_IMPORTED_MODULE_0__.default,
-    DeleteUserForm: _DeleteUserForm__WEBPACK_IMPORTED_MODULE_1__.default,
-    JetSectionBorder: _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_2__.default,
+    DeleteUserForm: _DeleteUserForm__WEBPACK_IMPORTED_MODULE_2__.default,
+    JetSectionBorder: _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_1__.default,
     LogoutOtherBrowserSessionsForm: _LogoutOtherBrowserSessionsForm__WEBPACK_IMPORTED_MODULE_3__.default,
     TwoFactorAuthenticationForm: _TwoFactorAuthenticationForm__WEBPACK_IMPORTED_MODULE_4__.default,
     UpdatePasswordForm: _UpdatePasswordForm__WEBPACK_IMPORTED_MODULE_5__.default,
@@ -22220,10 +22222,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _TeamMemberManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TeamMemberManager */ "./resources/js/Pages/Teams/TeamMemberManager.vue");
-/* harmony import */ var _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Layouts/AppLayout */ "./resources/js/Layouts/AppLayout.vue");
-/* harmony import */ var _DeleteTeamForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DeleteTeamForm */ "./resources/js/Pages/Teams/DeleteTeamForm.vue");
-/* harmony import */ var _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/Jetstream/SectionBorder */ "./resources/js/Jetstream/SectionBorder.vue");
+/* harmony import */ var _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/Layouts/AppLayout */ "./resources/js/Layouts/AppLayout.vue");
+/* harmony import */ var _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Jetstream/SectionBorder */ "./resources/js/Jetstream/SectionBorder.vue");
+/* harmony import */ var _TeamMemberManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TeamMemberManager */ "./resources/js/Pages/Teams/TeamMemberManager.vue");
+/* harmony import */ var _DeleteTeamForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DeleteTeamForm */ "./resources/js/Pages/Teams/DeleteTeamForm.vue");
 /* harmony import */ var _UpdateTeamNameForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UpdateTeamNameForm */ "./resources/js/Pages/Teams/UpdateTeamNameForm.vue");
 
 
@@ -22233,10 +22235,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: ['team', 'availableRoles', 'permissions'],
   components: {
-    AppLayout: _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_1__.default,
-    DeleteTeamForm: _DeleteTeamForm__WEBPACK_IMPORTED_MODULE_2__.default,
-    JetSectionBorder: _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_3__.default,
-    TeamMemberManager: _TeamMemberManager__WEBPACK_IMPORTED_MODULE_0__.default,
+    AppLayout: _Layouts_AppLayout__WEBPACK_IMPORTED_MODULE_0__.default,
+    DeleteTeamForm: _DeleteTeamForm__WEBPACK_IMPORTED_MODULE_3__.default,
+    JetSectionBorder: _Jetstream_SectionBorder__WEBPACK_IMPORTED_MODULE_1__.default,
+    TeamMemberManager: _TeamMemberManager__WEBPACK_IMPORTED_MODULE_2__.default,
     UpdateTeamNameForm: _UpdateTeamNameForm__WEBPACK_IMPORTED_MODULE_4__.default
   }
 });
@@ -32572,7 +32574,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue_unicons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-unicons */ "./node_modules/vue-unicons/dist/vue-unicons.es.js");
 /* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm-bundler.js");
 /* harmony import */ var vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue-unicons/dist/icons */ "./node_modules/vue-unicons/dist/icons.js");
-__webpack_require__(/*! ./bootstrap */ "./resources/js/bootstrap.js"); // Import modules...
+// Import modules...
 
 
 
@@ -32580,6 +32582,7 @@ __webpack_require__(/*! ./bootstrap */ "./resources/js/bootstrap.js"); // Import
 
 
 
+__webpack_require__(/*! ./bootstrap */ "./resources/js/bootstrap.js");
 
 vue_unicons__WEBPACK_IMPORTED_MODULE_3__.default.add([vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniChart, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPalette, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniCalendarAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPlusCircle, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniMeh, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniUsersAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniCarSideview, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniDashboard, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniSearch, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFilter, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFilterSlash, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniTrashAlt, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPen, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniExclamationTriangle, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniMapMarker, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniPhone, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniEnvelope, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileDownload, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowDown, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowUp, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniArrowRight, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleRight, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleUp, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleDown, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniAngleLeft, vue_unicons_dist_icons__WEBPACK_IMPORTED_MODULE_4__.uniFileUploadAlt]); // Create a new store instance.
 
diff --git a/resources/js/Components/BreadCrumb.vue b/resources/js/Components/BreadCrumb.vue
index 33fc57a..ed93aaf 100644
--- a/resources/js/Components/BreadCrumb.vue
+++ b/resources/js/Components/BreadCrumb.vue
@@ -10,5 +10,5 @@ export default {
     href: String,
     text: String,
   },
-}
+};
 </script>
diff --git a/resources/js/Components/Buttons/DeleteButton.vue b/resources/js/Components/Buttons/DeleteButton.vue
index d1fc1c7..fd64c32 100644
--- a/resources/js/Components/Buttons/DeleteButton.vue
+++ b/resources/js/Components/Buttons/DeleteButton.vue
@@ -10,9 +10,9 @@ import StandardButton from './StandardButton.vue';
 
 export default {
   components: { StandardButton },
-    props: {
-        class: String,
-        href: String,
-    },
-}
-</script>
\ No newline at end of file
+  props: {
+    class: String,
+    href: String,
+  },
+};
+</script>
diff --git a/resources/js/Components/Buttons/EditButton.vue b/resources/js/Components/Buttons/EditButton.vue
index 6710ba2..4434e75 100644
--- a/resources/js/Components/Buttons/EditButton.vue
+++ b/resources/js/Components/Buttons/EditButton.vue
@@ -10,9 +10,9 @@ import StandardButton from './StandardButton.vue';
 
 export default {
   components: { StandardButton },
-    props: {
-        class: String,
-        href: String,
-    },
-}
-</script>
\ No newline at end of file
+  props: {
+    class: String,
+    href: String,
+  },
+};
+</script>
diff --git a/resources/js/Components/Buttons/PrintButton.vue b/resources/js/Components/Buttons/PrintButton.vue
index ac7ccdc..aaed0c0 100644
--- a/resources/js/Components/Buttons/PrintButton.vue
+++ b/resources/js/Components/Buttons/PrintButton.vue
@@ -7,21 +7,21 @@
 
 <script>
 export default {
-    props: {
-        class: String,
-        href: String,
+  props: {
+    class: String,
+    href: String,
+  },
+  data() {
+    return {
+      colour: 'indigo',
+    };
+  },
+  computed: {
+    allClasses() {
+      let classes = 'justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition';
+      classes += ` bg-${this.colour}-800 hover:bg-${this.colour}-700 active:bg-${this.colour}-900 focus:border-${this.colour}-900 focus:ring-${this.colour}-300`;
+      return `${classes} ${this.class}`;
     },
-    data() {
-        return {
-            colour: 'indigo',
-        }
-    },
-    computed: {
-        allClasses: function () {
-            let classes = "justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition"
-            classes += ` bg-${this.colour}-800 hover:bg-${this.colour}-700 active:bg-${this.colour}-900 focus:border-${this.colour}-900 focus:ring-${this.colour}-300`;
-            return classes + " " + this.class;
-        }
-    },
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Components/Buttons/RestoreButton.vue b/resources/js/Components/Buttons/RestoreButton.vue
index fe42ccb..fdddd0e 100644
--- a/resources/js/Components/Buttons/RestoreButton.vue
+++ b/resources/js/Components/Buttons/RestoreButton.vue
@@ -10,9 +10,9 @@ import StandardButton from './StandardButton.vue';
 
 export default {
   components: { StandardButton },
-    props: {
-        class: String,
-        href: String,
-    },
-}
-</script>
\ No newline at end of file
+  props: {
+    class: String,
+    href: String,
+  },
+};
+</script>
diff --git a/resources/js/Components/Buttons/StandardButton.vue b/resources/js/Components/Buttons/StandardButton.vue
index cad3b3b..dc336a0 100644
--- a/resources/js/Components/Buttons/StandardButton.vue
+++ b/resources/js/Components/Buttons/StandardButton.vue
@@ -7,18 +7,18 @@
 <script>
 
 export default {
-    props: {
-        class: String,
-        href: String,
-        colour: String
+  props: {
+    class: String,
+    href: String,
+    colour: String,
+  },
+  computed: {
+    allClasses() {
+      let classes = 'justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition';
+      classes += ` bg-${this.colour}-800 hover:bg-${this.colour}-700 active:bg-${this.colour}-900 focus:border-${this.colour}-900 focus:ring-${this.colour}-300`;
+      return `${classes} ${this.class}`;
     },
-    computed: {
-        allClasses: function () {
-            let classes = "justify-center inline-flex items-center px-4 py-2 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest focus:outline-none focus:ring disabled:opacity-25 transition"
-            classes += ` bg-${this.colour}-800 hover:bg-${this.colour}-700 active:bg-${this.colour}-900 focus:border-${this.colour}-900 focus:ring-${this.colour}-300`;
-            return classes + " " + this.class;
-        }
-    },
-  
-}
-</script>
\ No newline at end of file
+  },
+
+};
+</script>
diff --git a/resources/js/Components/BuyContractCard.vue b/resources/js/Components/BuyContractCard.vue
index 3ed71fc..e8b8a5a 100644
--- a/resources/js/Components/BuyContractCard.vue
+++ b/resources/js/Components/BuyContractCard.vue
@@ -3,21 +3,21 @@
 </template>
 
 <script>
-import ContractCard from '@/Components/ContractCard.vue'
+import ContractCard from '@/Components/ContractCard.vue';
 
 export default {
-    components: {
-        ContractCard,
-    },
-    props: {
-        contract: Object,
-    },
-    data() {
-        return {
-            meta: {
-                'contact': 'Verkäufer',
-            },
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    ContractCard,
+  },
+  props: {
+    contract: Object,
+  },
+  data() {
+    return {
+      meta: {
+        contact: 'Verkäufer',
+      },
+    };
+  },
+};
+</script>
diff --git a/resources/js/Components/CarCard.vue b/resources/js/Components/CarCard.vue
index 68818bc..c9e39e9 100644
--- a/resources/js/Components/CarCard.vue
+++ b/resources/js/Components/CarCard.vue
@@ -61,9 +61,9 @@
 <script>
 
 export default ({
-    props: {
-        car: Object,
-        hideEmpty: String,
-    },
-})
+  props: {
+    car: Object,
+    hideEmpty: String,
+  },
+});
 </script>
diff --git a/resources/js/Components/ContactCard.vue b/resources/js/Components/ContactCard.vue
index 119c32a..72f1c8d 100644
--- a/resources/js/Components/ContactCard.vue
+++ b/resources/js/Components/ContactCard.vue
@@ -14,13 +14,13 @@
         </div>
         <div v-if="contact.email" class="mt-3">
             <a :href="'mailto:' + contact.email" class="pt-1 pb-1 flex items-center hover:text-indigo-600">
-                <unicon fill="currentColor" class="mr-1" height="22" width="22" name="envelope"></unicon>  
+                <unicon fill="currentColor" class="mr-1" height="22" width="22" name="envelope"></unicon>
                 {{ contact.email }}
             </a>
         </div>
         <div v-if="contact.phone" class="mt-1">
             <a :href="'phone:' + contact.phone" class="pt-1 pb-1 flex items-center hover:text-indigo-600">
-                <unicon fill="currentColor" class="mr-1" height="22" width="22" name="phone"></unicon>  
+                <unicon fill="currentColor" class="mr-1" height="22" width="22" name="phone"></unicon>
                 {{ contact.phone }}
             </a>
         </div>
@@ -40,8 +40,8 @@
 <script>
 
 export default ({
-    props: {
-        contact: Object,
-    },
-})
+  props: {
+    contact: Object,
+  },
+});
 </script>
diff --git a/resources/js/Components/ContractCard.vue b/resources/js/Components/ContractCard.vue
index 6b4f88b..38a5735 100644
--- a/resources/js/Components/ContractCard.vue
+++ b/resources/js/Components/ContractCard.vue
@@ -55,36 +55,36 @@
 </template>
 
 <script>
-import SimpleTable from '@/Components/SimpleTable.vue'
-import ContactCard from '@/Components/ContactCard.vue'
-import CarCard from '@/Components/CarCard.vue'
-import PrintButton from './Buttons/PrintButton.vue'
+import SimpleTable from '@/Components/SimpleTable.vue';
+import ContactCard from '@/Components/ContactCard.vue';
+import CarCard from '@/Components/CarCard.vue';
+import PrintButton from './Buttons/PrintButton.vue';
 
 export default {
-    components: {
-        SimpleTable,
-        ContactCard,
-        CarCard,
-        PrintButton,
+  components: {
+    SimpleTable,
+    ContactCard,
+    CarCard,
+    PrintButton,
+  },
+  props: {
+    contract: Object,
+    meta: Object,
+  },
+  computed: {
+    contractClasses() {
+      return `col-span-12 h-full relative sm:col-span-${this.contract.car ? '4' : '6'}`;
     },
-    props: {
-        contract: Object,
-        meta: Object,
-    },
-    computed: {
-        contractClasses() {
-            return "col-span-12 h-full relative sm:col-span-" + (this.contract.car ? '4' : '6');
-        },
-    },
-    data() {
-        return {
-            sellContractsColumns: [
-                {key: 'buyer', value: 'Käufer'},
-                {key: 'date', value: 'Verkaufsdatum'},
-                {key: 'price', value: 'Verkaufspreis'},
-                {key: 'insurance_type', value: 'Versicherungstyp'},
-            ],
-        }
-    },
-}
-</script>
\ No newline at end of file
+  },
+  data() {
+    return {
+      sellContractsColumns: [
+        { key: 'buyer', value: 'Käufer' },
+        { key: 'date', value: 'Verkaufsdatum' },
+        { key: 'price', value: 'Verkaufspreis' },
+        { key: 'insurance_type', value: 'Versicherungstyp' },
+      ],
+    };
+  },
+};
+</script>
diff --git a/resources/js/Components/CurrencyInput.vue b/resources/js/Components/CurrencyInput.vue
index 982de1e..9c1c0f4 100644
--- a/resources/js/Components/CurrencyInput.vue
+++ b/resources/js/Components/CurrencyInput.vue
@@ -3,18 +3,18 @@
 </template>
 
 <script>
-import useCurrencyInput from 'vue-currency-input'
+import useCurrencyInput from 'vue-currency-input';
 
 export default {
   name: 'CurrencyInput',
   props: {
     modelValue: Number,
-    options: Object
+    options: Object,
   },
-  setup (props) {
-    const { formattedValue, inputRef } = useCurrencyInput(props.options)
+  setup(props) {
+    const { formattedValue, inputRef } = useCurrencyInput(props.options);
 
-    return { inputRef, formattedValue }
-  }
-}
+    return { inputRef, formattedValue };
+  },
+};
 </script>
diff --git a/resources/js/Components/Dashboard/DashItem.vue b/resources/js/Components/Dashboard/DashItem.vue
index 20674fd..a98bba4 100644
--- a/resources/js/Components/Dashboard/DashItem.vue
+++ b/resources/js/Components/Dashboard/DashItem.vue
@@ -2,21 +2,21 @@
     <div class="lg:col-span-4 sm:col-span-6 col-span-12 shadow bg-white rounded-md sm:rounded-lg text-center">
         <inertia-link v-if="link" :href="link" class="group">
             <p class="font-bold text-6xl text-indigo-800 group-hover:text-indigo-700 py-5 transition">{{ number }}</p>
-            <p class="font-semibold text-2xl bg-indigo-800 group-hover:bg-indigo-700 text-white py-4 rounded-b-lg transition">{{ title }}</p>  
+            <p class="font-semibold text-2xl bg-indigo-800 group-hover:bg-indigo-700 text-white py-4 rounded-b-lg transition">{{ title }}</p>
         </inertia-link>
         <span v-else>
             <p class="font-bold text-6xl text-indigo-800 py-5">{{ number }}</p>
-            <p class="font-semibold text-2xl bg-indigo-800 text-white py-4 rounded-b-lg">{{ title }}</p>  
+            <p class="font-semibold text-2xl bg-indigo-800 text-white py-4 rounded-b-lg">{{ title }}</p>
         </span>
     </div>
 </template>
 
 <script>
 export default {
-    props: {
-        title: String,
-        number: Number,
-        link: String,
-    },
-}
-</script>
\ No newline at end of file
+  props: {
+    title: String,
+    number: Number,
+    link: String,
+  },
+};
+</script>
diff --git a/resources/js/Components/Documents/Item.vue b/resources/js/Components/Documents/Item.vue
index 64edd51..08f0b19 100644
--- a/resources/js/Components/Documents/Item.vue
+++ b/resources/js/Components/Documents/Item.vue
@@ -15,14 +15,14 @@
 <script>
 
 export default {
-    props: {
-        document: Object,
+  props: {
+    document: Object,
+  },
+  methods: {
+    deleteDocument(e) {
+      e.preventDefault();
+      this.$emit('delete', this.document.id);
     },
-    methods: {
-        deleteDocument(e) {
-            e.preventDefault();
-            this.$emit('delete', this.document.id);
-        },
-    },
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Components/Documents/Upload.vue b/resources/js/Components/Documents/Upload.vue
index f54f696..21369c0 100644
--- a/resources/js/Components/Documents/Upload.vue
+++ b/resources/js/Components/Documents/Upload.vue
@@ -18,69 +18,70 @@
 
 <script>
 
-const STATUS_INITIAL = 0, STATUS_SAVING = 1, STATUS_FAILED = 2;
+const STATUS_INITIAL = 0; const STATUS_SAVING = 1; const
+  STATUS_FAILED = 2;
 
 export default {
-    props: {
-        id: Number,
-        documents: Object,
+  props: {
+    id: Number,
+    documents: Object,
+  },
+  data() {
+    return {
+      uploadError: null,
+      currentStatus: null,
+      uploadFieldName: 'document',
+    };
+  },
+  computed: {
+    isInitial() {
+      return this.currentStatus === STATUS_INITIAL;
     },
-    data() {
-        return {
-            uploadError: null,
-            currentStatus: null,
-            uploadFieldName: 'document',
-        }
+    isSaving() {
+      return this.currentStatus === STATUS_SAVING;
     },
-    computed: {
-        isInitial() {
-            return this.currentStatus === STATUS_INITIAL;
-        },
-        isSaving() {
-            return this.currentStatus === STATUS_SAVING;
-        },
-        isFailed() {
-            return this.currentStatus === STATUS_FAILED;
-        },
+    isFailed() {
+      return this.currentStatus === STATUS_FAILED;
     },
-    methods: {
-        reset() {
-            // reset form to initial state
-            this.currentStatus = STATUS_INITIAL;
-            this.uploadError = null;
-        },
-        save(formData) {
-            // upload data to the server
-            this.currentStatus = STATUS_SAVING;
-            axios.post(this.route('documents.store', this.id), formData)
-                .then(response => {
-                    this.documents.push(response.data);
-                    this.reset();
-                })
-                .catch(err => {
-                    this.uploadError = err.response;
-                    this.currentStatus = STATUS_FAILED;
-                });
-        },
-        filesChange(fieldName, fileList) {
-            // handle file changes
-            const formData = new FormData();
+  },
+  methods: {
+    reset() {
+      // reset form to initial state
+      this.currentStatus = STATUS_INITIAL;
+      this.uploadError = null;
+    },
+    save(formData) {
+      // upload data to the server
+      this.currentStatus = STATUS_SAVING;
+      axios.post(this.route('documents.store', this.id), formData)
+        .then((response) => {
+          this.documents.push(response.data);
+          this.reset();
+        })
+        .catch((err) => {
+          this.uploadError = err.response;
+          this.currentStatus = STATUS_FAILED;
+        });
+    },
+    filesChange(fieldName, fileList) {
+      // handle file changes
+      const formData = new FormData();
 
-            if (!fileList.length) return;
+      if (!fileList.length) return;
 
-            // append the files to FormData
-            Array
-                .from(Array(fileList.length).keys())
-                .map(x => {
-                    formData.append(fieldName, fileList[x], fileList[x].name);
-                });
+      // append the files to FormData
+      Array
+        .from(Array(fileList.length).keys())
+        .map((x) => {
+          formData.append(fieldName, fileList[x], fileList[x].name);
+        });
 
-            // save it
-            this.save(formData);
-        },
+      // save it
+      this.save(formData);
     },
-    mounted() {
-        this.reset();
-    },
-}
-</script>
\ No newline at end of file
+  },
+  mounted() {
+    this.reset();
+  },
+};
+</script>
diff --git a/resources/js/Components/Documents/View.vue b/resources/js/Components/Documents/View.vue
index e4d4910..8a499dc 100644
--- a/resources/js/Components/Documents/View.vue
+++ b/resources/js/Components/Documents/View.vue
@@ -9,36 +9,36 @@
 </template>
 
 <script>
-import { useForm } from '@inertiajs/inertia-vue3'
-import DocumentItem from '@/Components/Documents/Item.vue'
-import DocumentUpload from '@/Components/Documents/Upload.vue'
+import { useForm } from '@inertiajs/inertia-vue3';
+import DocumentItem from '@/Components/Documents/Item.vue';
+import DocumentUpload from '@/Components/Documents/Upload.vue';
 
 export default {
-    components: {
-        DocumentItem,
-        DocumentUpload,
-    },
-    props: {
-        initial_documents: Object,
-        id: Number,
-        show_upload: Boolean,
-    },
-    data() {
-        return {
-            documents: this.initial_documents,
-        }
-    },
-    methods: {
-        deleteDocument(documentId) {
-            let form = useForm(`deleteDocument${documentId}`, {id: documentId});
-            form.delete(route('documents.destroy', this.id), {
-                preserveScroll: true,
-                onSuccess: () => {
-                    form.reset();
-                    this.documents = this.initial_documents;
-                }
-            });
+  components: {
+    DocumentItem,
+    DocumentUpload,
+  },
+  props: {
+    initial_documents: Object,
+    id: Number,
+    show_upload: Boolean,
+  },
+  data() {
+    return {
+      documents: this.initial_documents,
+    };
+  },
+  methods: {
+    deleteDocument(documentId) {
+      const form = useForm(`deleteDocument${documentId}`, { id: documentId });
+      form.delete(route('documents.destroy', this.id), {
+        preserveScroll: true,
+        onSuccess: () => {
+          form.reset();
+          this.documents = this.initial_documents;
         },
-    }
-}
-</script>
\ No newline at end of file
+      });
+    },
+  },
+};
+</script>
diff --git a/resources/js/Components/Dropdown.vue b/resources/js/Components/Dropdown.vue
index e73eedb..f4ae530 100644
--- a/resources/js/Components/Dropdown.vue
+++ b/resources/js/Components/Dropdown.vue
@@ -32,7 +32,7 @@ export default {
   data() {
     return {
       show: false,
-    }
+    };
   },
   watch: {
     show(show) {
@@ -43,19 +43,19 @@ export default {
             modifiers: {
               preventOverflow: { boundariesElement: this.boundary },
             },
-          })
-        })
+          });
+        });
       } else if (this.popper) {
-        setTimeout(() => this.popper.destroy(), 100)
+        setTimeout(() => this.popper.destroy(), 100);
       }
     },
   },
   mounted() {
-    document.addEventListener('keydown', e => {
+    document.addEventListener('keydown', (e) => {
       if (e.keyCode === 27) {
-        this.show = false
+        this.show = false;
       }
-    })
+    });
   },
-}
+};
 </script>
diff --git a/resources/js/Components/Navbar.vue b/resources/js/Components/Navbar.vue
index 1ac0607..89bd369 100644
--- a/resources/js/Components/Navbar.vue
+++ b/resources/js/Components/Navbar.vue
@@ -59,30 +59,31 @@
 </template>
 
 <script>
-import JetDropdown from '@/Jetstream/Dropdown'
-import JetDropdownLink from '@/Jetstream/DropdownLink'
-import { mapState } from 'vuex'
-export default {
-   components: {
-          JetDropdown,
-          JetDropdownLink,
-      },
+import JetDropdown from '@/Jetstream/Dropdown';
+import JetDropdownLink from '@/Jetstream/DropdownLink';
+import { mapState } from 'vuex';
 
-    computed: {
-        ...mapState(['sideBarOpen'])
+export default {
+  components: {
+    JetDropdown,
+    JetDropdownLink,
+  },
+
+  computed: {
+    ...mapState(['sideBarOpen']),
+  },
+  data() {
+    return {
+      dropDownOpen: false,
+    };
+  },
+  methods: {
+    toggleSidebar() {
+      this.$store.dispatch('toggleSidebar');
     },
-    data() {
-        return {
-            dropDownOpen: false
-        }
+    logout() {
+      this.$inertia.post(route('logout'));
     },
-    methods: {
-        toggleSidebar() {
-            this.$store.dispatch('toggleSidebar')
-        },
-        logout() {
-            this.$inertia.post(route('logout'));
-        },
-    }
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Components/Paginator.vue b/resources/js/Components/Paginator.vue
index cca54ff..f93d390 100644
--- a/resources/js/Components/Paginator.vue
+++ b/resources/js/Components/Paginator.vue
@@ -14,5 +14,5 @@ export default {
   props: {
     links: Array,
   },
-}
+};
 </script>
diff --git a/resources/js/Components/Payments/CreateModal.vue b/resources/js/Components/Payments/CreateModal.vue
index bed7d8d..77e6ecf 100644
--- a/resources/js/Components/Payments/CreateModal.vue
+++ b/resources/js/Components/Payments/CreateModal.vue
@@ -38,57 +38,57 @@
 </template>
 
 <script>
-import JetButton from '@/Jetstream/Button'
-import JetLabel from '@/Jetstream/Label.vue'
-import JetInput from '@/Jetstream/Input.vue'
-import JetInputError from '@/Jetstream/InputError'
-import Datepicker from 'vue3-datepicker'
-import { useForm } from '@inertiajs/inertia-vue3'
-import { ref } from 'vue'
-import DialogModal from '@/Jetstream/DialogModal.vue'
-import CurrencyInput from '@/Components/CurrencyInput'
+import JetButton from '@/Jetstream/Button';
+import JetLabel from '@/Jetstream/Label.vue';
+import JetInput from '@/Jetstream/Input.vue';
+import JetInputError from '@/Jetstream/InputError';
+import Datepicker from 'vue3-datepicker';
+import { useForm } from '@inertiajs/inertia-vue3';
+import { ref } from 'vue';
+import DialogModal from '@/Jetstream/DialogModal.vue';
+import CurrencyInput from '@/Components/CurrencyInput';
 
 export default {
-    components: {
-        JetButton,
-        JetLabel,
-        JetInput,
-        JetInputError,
-        DialogModal,
-        Datepicker,
-        CurrencyInput,
-    },
-    props: {
-        id: Number,
-        showModal: Boolean,
-    },
-    data() {
-        return {
-            form: useForm('CreatePayment', {
-                id: null,
-                date: ref(new Date()),
-                amount: null,
-                type: '1',
-                contract_id: this.id,
-            }),
-            currencyOptions: {
-                currency: 'CHF',
-                locale: 'de-CH',
-                exportValueAsInteger: true,
-                hideGroupingSeparatorOnFocus: false,
-            },
-        }
-    },
-    methods: {
-        submitForm() {
-            this.form.post(this.route('payments.store', this.id), {
-                preserveScroll: true,
-                onSuccess: () => {
-                    this.$emit('close');
-                    form.reset();
-                },
-            });
+  components: {
+    JetButton,
+    JetLabel,
+    JetInput,
+    JetInputError,
+    DialogModal,
+    Datepicker,
+    CurrencyInput,
+  },
+  props: {
+    id: Number,
+    showModal: Boolean,
+  },
+  data() {
+    return {
+      form: useForm('CreatePayment', {
+        id: null,
+        date: ref(new Date()),
+        amount: null,
+        type: '1',
+        contract_id: this.id,
+      }),
+      currencyOptions: {
+        currency: 'CHF',
+        locale: 'de-CH',
+        exportValueAsInteger: true,
+        hideGroupingSeparatorOnFocus: false,
+      },
+    };
+  },
+  methods: {
+    submitForm() {
+      this.form.post(this.route('payments.store', this.id), {
+        preserveScroll: true,
+        onSuccess: () => {
+          this.$emit('close');
+          form.reset();
         },
+      });
     },
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Components/Payments/View.vue b/resources/js/Components/Payments/View.vue
index fd8e63f..94f76fa 100644
--- a/resources/js/Components/Payments/View.vue
+++ b/resources/js/Components/Payments/View.vue
@@ -8,51 +8,51 @@
     </span>
     <div class="w-full mx-auto">
         <simple-table :data="payments" :columns="columns" @delete="deletePayment" />
-        <p class="py-5 text-xl">Total <span class="font-bold ml-5">{{ contract.paid }}</span> / {{ contract.price }}</p> 
+        <p class="py-5 text-xl">Total <span class="font-bold ml-5">{{ contract.paid }}</span> / {{ contract.price }}</p>
     </div>
     <payment-create-modal :id="contract.id" :show="showModal" @close="showModal = false" />
 </template>
 
 <script>
-import SimpleTable from '@/Components/SimpleTable.vue'
-import PaymentCreateModal from '@/Components/Payments/CreateModal.vue'
-import StandardButton from '@/Components/Buttons/StandardButton.vue'
-import { useForm } from '@inertiajs/inertia-vue3'
+import SimpleTable from '@/Components/SimpleTable.vue';
+import PaymentCreateModal from '@/Components/Payments/CreateModal.vue';
+import StandardButton from '@/Components/Buttons/StandardButton.vue';
+import { useForm } from '@inertiajs/inertia-vue3';
 
 export default {
-    components: {
-        SimpleTable,
-        PaymentCreateModal,
-        StandardButton,
+  components: {
+    SimpleTable,
+    PaymentCreateModal,
+    StandardButton,
+  },
+  props: {
+    payments: Object,
+    contract: Object,
+    show_upload: Boolean,
+  },
+  data() {
+    return {
+      showModal: false,
+      columns: [
+        { key: 'date', value: 'Datum', sortable: false },
+        { key: 'amount', value: 'Betrag', sortable: false },
+        { key: 'type', value: 'Bezahlart', sortable: false },
+        { key: 'delete', value: '', sortable: false },
+      ],
+    };
+  },
+  methods: {
+    openModal(e) {
+      e.preventDefault();
+      this.showModal = true;
     },
-    props: {
-        payments: Object,
-        contract: Object,
-        show_upload: Boolean,
+    deletePayment(id) {
+      const form = useForm(`deletePayment${id}`, { id });
+      form.delete(route('payments.destroy', this.contract.id), {
+        preserveScroll: true,
+        onSuccess: () => form.reset(),
+      });
     },
-    data() {
-        return {
-            showModal: false,
-            columns: [
-                {key: 'date', value: 'Datum', sortable: false},
-                {key: 'amount', value: 'Betrag', sortable: false},
-                {key: 'type', value: 'Bezahlart', sortable: false},
-                {key: 'delete', value: '', sortable: false},
-            ],
-        }
-    },
-    methods: {
-        openModal(e) {
-            e.preventDefault();
-            this.showModal = true;
-        },
-        deletePayment(id) {
-            let form = useForm(`deletePayment${id}`, {id: id});
-            form.delete(route('payments.destroy', this.contract.id), {
-                preserveScroll: true,
-                onSuccess: () => form.reset(), 
-            });
-        },
-    },
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Components/SearchFilter.vue b/resources/js/Components/SearchFilter.vue
index 78a1fb3..6e01cbd 100644
--- a/resources/js/Components/SearchFilter.vue
+++ b/resources/js/Components/SearchFilter.vue
@@ -17,5 +17,5 @@ export default {
       default: 300,
     },
   },
-}
+};
 </script>
diff --git a/resources/js/Components/SellContractCard.vue b/resources/js/Components/SellContractCard.vue
index 5b97bcc..a54d154 100644
--- a/resources/js/Components/SellContractCard.vue
+++ b/resources/js/Components/SellContractCard.vue
@@ -3,21 +3,21 @@
 </template>
 
 <script>
-import ContractCard from '@/Components/ContractCard.vue'
+import ContractCard from '@/Components/ContractCard.vue';
 
 export default {
-    components: {
-        ContractCard,
-    },
-    props: {
-        contract: Object,
-    },
-    data() {
-        return {
-            meta: {
-                'contact': 'Käufer',
-            },
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    ContractCard,
+  },
+  props: {
+    contract: Object,
+  },
+  data() {
+    return {
+      meta: {
+        contact: 'Käufer',
+      },
+    };
+  },
+};
+</script>
diff --git a/resources/js/Components/ShowPage.vue b/resources/js/Components/ShowPage.vue
index 23ea173..660310b 100644
--- a/resources/js/Components/ShowPage.vue
+++ b/resources/js/Components/ShowPage.vue
@@ -20,11 +20,11 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
+import Layout from '@/Layouts/Layout';
 
 export default {
-    components: {
-        Layout,
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    Layout,
+  },
+};
+</script>
diff --git a/resources/js/Components/Sidebar.vue b/resources/js/Components/Sidebar.vue
index fa93aa3..e073240 100644
--- a/resources/js/Components/Sidebar.vue
+++ b/resources/js/Components/Sidebar.vue
@@ -29,7 +29,7 @@
                 Alle Autos
             </jet-nav-link>
             <jet-nav-link :href="route('cars.unsold')" :active="route().current('cars.unsold')">
-                <unicon fill="currentColor" class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon> 
+                <unicon fill="currentColor" class="mr-2 ml-3" height="22" width="22" name="angle-right"></unicon>
                 Meine Autos
             </jet-nav-link>
             <jet-nav-link :href="route('cars.sold')" :active="route().current('cars.sold')">
@@ -63,15 +63,15 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
-import JetNavLink from '@/Jetstream/NavLink'
+import { mapState } from 'vuex';
+import JetNavLink from '@/Jetstream/NavLink';
 
 export default {
-    components: {
-        JetNavLink,
-    },
-    computed: {
-        ...mapState(['sideBarOpen'])
-    }
-}
-</script>
\ No newline at end of file
+  components: {
+    JetNavLink,
+  },
+  computed: {
+    ...mapState(['sideBarOpen']),
+  },
+};
+</script>
diff --git a/resources/js/Components/SimpleTable.vue b/resources/js/Components/SimpleTable.vue
index c8e393c..77d871d 100644
--- a/resources/js/Components/SimpleTable.vue
+++ b/resources/js/Components/SimpleTable.vue
@@ -60,72 +60,70 @@
                 </span>
             </div>
         </div>
-        
+
         <Paginator v-if="data.links" class="mt-6" :links="data.links" />
     </div>
 </template>
 
 <script>
-import Paginator from "@/Components/Paginator"
-import StandardButton from "@/Components/Buttons/StandardButton.vue"
-import { pickBy, throttle, mapValues } from 'lodash'
+import Paginator from '@/Components/Paginator';
+import StandardButton from '@/Components/Buttons/StandardButton.vue';
+import { pickBy, throttle, mapValues } from 'lodash';
 
 export default {
-    components: {
-        Paginator,
-        StandardButton,
+  components: {
+    Paginator,
+    StandardButton,
+  },
+  props: {
+    data: Object,
+    columns: Array,
+    title: String,
+    currentRoute: String,
+    defaultSort: Object,
+    filters: Object,
+    print: Boolean,
+    hideArrow: Boolean,
+  },
+  data() {
+    return {
+      form: this.filters,
+      sort: this.defaultSort,
+    };
+  },
+  watch: {
+    form: {
+      deep: true,
+      handler: throttle(function () {
+        this.refreshTable();
+      }, 300),
     },
-    props: {
-        data: Object,
-        columns: Array,
-        title: String,
-        currentRoute: String,
-        defaultSort: Object,
-        filters: Object,
-        print: Boolean,
-        hideArrow: Boolean,
+  },
+  methods: {
+    resolve(path, obj) {
+      return path.split('.').reduce((prev, curr) => (prev ? prev[curr] : null), obj || self);
     },
-    data() {
-        return {
-            form: this.filters,
-            sort: this.defaultSort,
-        }
+    sortTable(col) {
+      event.preventDefault();
+      if (this.sort.by == col) {
+        this.sort.direction = this.sort.direction == 'asc' ? 'desc' : 'asc';
+      } else {
+        this.sort.direction = 'asc';
+      }
+      this.sort.by = col;
+      this.$inertia.get(this.data.path, { sortby: this.sort.by, direction: this.sort.direction }, { preserveState: true });
     },
-    watch: {
-        form: {
-            deep: true,
-            handler: throttle(function() {
-                this.refreshTable();
-            }, 300),
-        },
+    reset() {
+      this.form = mapValues(this.form, () => null);
     },
-    methods: {
-        resolve(path, obj) {
-            return path.split('.').reduce(function(prev, curr) {
-                return prev ? prev[curr] : null
-            }, obj || self)
-        },
-        sortTable(col) {
-            event.preventDefault();
-            if (this.sort.by == col) {
-                this.sort.direction = this.sort.direction == 'asc' ? 'desc' : 'asc';
-            } else {
-                this.sort.direction = 'asc';
-            }
-            this.sort.by = col;
-            this.$inertia.get(this.data.path, {'sortby': this.sort.by, 'direction': this.sort.direction}, { preserveState: true })
-        },
-        reset() {
-            this.form = mapValues(this.form, () => null)
-        },
-        refreshTable() {
-            if (this.currentRoute) {
-                this.$inertia.get(this.route(this.currentRoute), pickBy(this.form), { preserveState: true })
-            }
-        },
-        isActiveSort(col, dir) {
-            return col == this.sort.by && dir == this.sort.direction;
-        },
+    refreshTable() {
+      if (this.currentRoute) {
+        this.$inertia.get(this.route(this.currentRoute), pickBy(this.form), { preserveState: true });
+      }
     },
-}
-</script>
\ No newline at end of file
+    isActiveSort(col, dir) {
+      return col == this.sort.by && dir == this.sort.direction;
+    },
+  },
+};
+</script>
diff --git a/resources/js/Jetstream/ActionMessage.vue b/resources/js/Jetstream/ActionMessage.vue
index 9fb2fac..8cb55cb 100644
--- a/resources/js/Jetstream/ActionMessage.vue
+++ b/resources/js/Jetstream/ActionMessage.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-    export default {
-        props: ['on'],
-    }
+export default {
+  props: ['on'],
+};
 </script>
diff --git a/resources/js/Jetstream/ActionSection.vue b/resources/js/Jetstream/ActionSection.vue
index 27a849b..d0a10f5 100644
--- a/resources/js/Jetstream/ActionSection.vue
+++ b/resources/js/Jetstream/ActionSection.vue
@@ -14,11 +14,11 @@
 </template>
 
 <script>
-    import JetSectionTitle from './SectionTitle'
+import JetSectionTitle from './SectionTitle';
 
-    export default {
-        components: {
-            JetSectionTitle,
-        }
-    }
+export default {
+  components: {
+    JetSectionTitle,
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/Banner.vue b/resources/js/Jetstream/Banner.vue
index 543f6e7..2156b67 100644
--- a/resources/js/Jetstream/Banner.vue
+++ b/resources/js/Jetstream/Banner.vue
@@ -38,21 +38,21 @@
 </template>
 
 <script>
-    export default {
-        data() {
-            return {
-                show: true,
-            }
-        },
+export default {
+  data() {
+    return {
+      show: true,
+    };
+  },
 
-        computed: {
-            style() {
-                return this.$page.props.jetstream.flash?.bannerStyle || 'success'
-            },
+  computed: {
+    style() {
+      return this.$page.props.jetstream.flash?.bannerStyle || 'success';
+    },
 
-            message() {
-                return this.$page.props.jetstream.flash?.banner || ''
-            },
-        }
-    }
+    message() {
+      return this.$page.props.jetstream.flash?.banner || '';
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/Button.vue b/resources/js/Jetstream/Button.vue
index fb215fc..a11a1c4 100644
--- a/resources/js/Jetstream/Button.vue
+++ b/resources/js/Jetstream/Button.vue
@@ -5,12 +5,12 @@
 </template>
 
 <script>
-    export default {
-        props: {
-            type: {
-                type: String,
-                default: 'submit',
-            },
-        }
-    }
+export default {
+  props: {
+    type: {
+      type: String,
+      default: 'submit',
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/Checkbox.vue b/resources/js/Jetstream/Checkbox.vue
index 7bd5a4d..4194ef0 100644
--- a/resources/js/Jetstream/Checkbox.vue
+++ b/resources/js/Jetstream/Checkbox.vue
@@ -5,28 +5,28 @@
 
 <script>
 export default {
-    emits: ['update:checked'],
+  emits: ['update:checked'],
 
-    props: {
-        checked: {
-            type: [Array, Boolean],
-            default: false,
-        },
-        value: {
-            default: null,
-        },
+  props: {
+    checked: {
+      type: [Array, Boolean],
+      default: false,
     },
-
-    computed: {
-        proxyChecked: {
-            get() {
-                return this.checked;
-            },
-
-            set(val) {
-                this.$emit("update:checked", val);
-            },
-        },
+    value: {
+      default: null,
     },
-}
+  },
+
+  computed: {
+    proxyChecked: {
+      get() {
+        return this.checked;
+      },
+
+      set(val) {
+        this.$emit('update:checked', val);
+      },
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/ConfirmationModal.vue b/resources/js/Jetstream/ConfirmationModal.vue
index 30c28b9..ef3841c 100644
--- a/resources/js/Jetstream/ConfirmationModal.vue
+++ b/resources/js/Jetstream/ConfirmationModal.vue
@@ -28,31 +28,31 @@
 </template>
 
 <script>
-    import Modal from './Modal'
+import Modal from './Modal';
 
-    export default {
-        emits: ['close'],
+export default {
+  emits: ['close'],
 
-        components: {
-            Modal,
-        },
+  components: {
+    Modal,
+  },
 
-        props: {
-            show: {
-                default: false
-            },
-            maxWidth: {
-                default: '2xl'
-            },
-            closeable: {
-                default: true
-            },
-        },
+  props: {
+    show: {
+      default: false,
+    },
+    maxWidth: {
+      default: '2xl',
+    },
+    closeable: {
+      default: true,
+    },
+  },
 
-        methods: {
-            close() {
-                this.$emit('close')
-            },
-        }
-    }
+  methods: {
+    close() {
+      this.$emit('close');
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/ConfirmsPassword.vue b/resources/js/Jetstream/ConfirmsPassword.vue
index c711686..790c1b2 100644
--- a/resources/js/Jetstream/ConfirmsPassword.vue
+++ b/resources/js/Jetstream/ConfirmsPassword.vue
@@ -36,79 +36,79 @@
 </template>
 
 <script>
-    import JetButton from './Button'
-    import JetDialogModal from './DialogModal'
-    import JetInput from './Input'
-    import JetInputError from './InputError'
-    import JetSecondaryButton from './SecondaryButton'
+import JetButton from './Button';
+import JetDialogModal from './DialogModal';
+import JetInput from './Input';
+import JetInputError from './InputError';
+import JetSecondaryButton from './SecondaryButton';
 
-    export default {
-        emits: ['confirmed'],
+export default {
+  emits: ['confirmed'],
 
-        props: {
-            title: {
-                default: 'Confirm Password',
-            },
-            content: {
-                default: 'For your security, please confirm your password to continue.',
-            },
-            button: {
-                default: 'Confirm',
-            }
-        },
+  props: {
+    title: {
+      default: 'Confirm Password',
+    },
+    content: {
+      default: 'For your security, please confirm your password to continue.',
+    },
+    button: {
+      default: 'Confirm',
+    },
+  },
 
-        components: {
-            JetButton,
-            JetDialogModal,
-            JetInput,
-            JetInputError,
-            JetSecondaryButton,
-        },
+  components: {
+    JetButton,
+    JetDialogModal,
+    JetInput,
+    JetInputError,
+    JetSecondaryButton,
+  },
 
-        data() {
-            return {
-                confirmingPassword: false,
-                form: {
-                    password: '',
-                    error: '',
-                },
-            }
-        },
+  data() {
+    return {
+      confirmingPassword: false,
+      form: {
+        password: '',
+        error: '',
+      },
+    };
+  },
 
-        methods: {
-            startConfirmingPassword() {
-                axios.get(route('password.confirmation')).then(response => {
-                    if (response.data.confirmed) {
-                        this.$emit('confirmed');
-                    } else {
-                        this.confirmingPassword = true;
+  methods: {
+    startConfirmingPassword() {
+      axios.get(route('password.confirmation')).then((response) => {
+        if (response.data.confirmed) {
+          this.$emit('confirmed');
+        } else {
+          this.confirmingPassword = true;
 
-                        setTimeout(() => this.$refs.password.focus(), 250)
-                    }
-                })
-            },
-
-            confirmPassword() {
-                this.form.processing = true;
-
-                axios.post(route('password.confirm'), {
-                    password: this.form.password,
-                }).then(() => {
-                    this.form.processing = false;
-                    this.closeModal()
-                    this.$nextTick(() => this.$emit('confirmed'));
-                }).catch(error => {
-                    this.form.processing = false;
-                    this.form.error = error.response.data.errors.password[0];
-                    this.$refs.password.focus()
-                });
-            },
-
-            closeModal() {
-                this.confirmingPassword = false
-                this.form.password = '';
-                this.form.error = '';
-            },
+          setTimeout(() => this.$refs.password.focus(), 250);
         }
-    }
+      });
+    },
+
+    confirmPassword() {
+      this.form.processing = true;
+
+      axios.post(route('password.confirm'), {
+        password: this.form.password,
+      }).then(() => {
+        this.form.processing = false;
+        this.closeModal();
+        this.$nextTick(() => this.$emit('confirmed'));
+      }).catch((error) => {
+        this.form.processing = false;
+        this.form.error = error.response.data.errors.password[0];
+        this.$refs.password.focus();
+      });
+    },
+
+    closeModal() {
+      this.confirmingPassword = false;
+      this.form.password = '';
+      this.form.error = '';
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/DangerButton.vue b/resources/js/Jetstream/DangerButton.vue
index 7c2592c..6aad0fd 100644
--- a/resources/js/Jetstream/DangerButton.vue
+++ b/resources/js/Jetstream/DangerButton.vue
@@ -5,12 +5,12 @@
 </template>
 
 <script>
-    export default {
-        props: {
-            type: {
-                type: String,
-                default: 'button',
-            },
-        }
-    }
+export default {
+  props: {
+    type: {
+      type: String,
+      default: 'button',
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/DialogModal.vue b/resources/js/Jetstream/DialogModal.vue
index e8b3228..dc6cf3c 100644
--- a/resources/js/Jetstream/DialogModal.vue
+++ b/resources/js/Jetstream/DialogModal.vue
@@ -20,31 +20,31 @@
 </template>
 
 <script>
-    import Modal from './Modal'
+import Modal from './Modal';
 
-    export default {
-        emits: ['close'],
+export default {
+  emits: ['close'],
 
-        components: {
-            Modal,
-        },
+  components: {
+    Modal,
+  },
 
-        props: {
-            show: {
-                default: false
-            },
-            maxWidth: {
-                default: '2xl'
-            },
-            closeable: {
-                default: true
-            },
-        },
+  props: {
+    show: {
+      default: false,
+    },
+    maxWidth: {
+      default: '2xl',
+    },
+    closeable: {
+      default: true,
+    },
+  },
 
-        methods: {
-            close() {
-                this.$emit('close')
-            },
-        }
-    }
+  methods: {
+    close() {
+      this.$emit('close');
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/Dropdown.vue b/resources/js/Jetstream/Dropdown.vue
index e348861..c1e349a 100644
--- a/resources/js/Jetstream/Dropdown.vue
+++ b/resources/js/Jetstream/Dropdown.vue
@@ -29,54 +29,53 @@
 </template>
 
 <script>
-import { onMounted, onUnmounted, ref } from "vue";
+import { onMounted, onUnmounted, ref } from 'vue';
 
 export default {
-    props: {
-        align: {
-            default: 'right'
-        },
-        width: {
-            default: '48'
-        },
-        contentClasses: {
-            default: () => ['py-1', 'bg-white']
-        }
+  props: {
+    align: {
+      default: 'right',
+    },
+    width: {
+      default: '48',
+    },
+    contentClasses: {
+      default: () => ['py-1', 'bg-white'],
+    },
+  },
+
+  setup() {
+    const open = ref(false);
+
+    const closeOnEscape = (e) => {
+      if (open.value && e.keyCode === 27) {
+        open.value = false;
+      }
+    };
+
+    onMounted(() => document.addEventListener('keydown', closeOnEscape));
+    onUnmounted(() => document.removeEventListener('keydown', closeOnEscape));
+
+    return {
+      open,
+    };
+  },
+
+  computed: {
+    widthClass() {
+      return {
+        48: 'w-48',
+      }[this.width.toString()];
     },
 
-    setup() {
-        let open = ref(false)
-
-        const closeOnEscape = (e) => {
-            if (open.value && e.keyCode === 27) {
-                open.value = false
-            }
-        }
-
-        onMounted(() => document.addEventListener('keydown', closeOnEscape))
-        onUnmounted(() => document.removeEventListener('keydown', closeOnEscape))
-
-        return {
-            open,
-        }
+    alignmentClasses() {
+      if (this.align === 'left') {
+        return 'origin-top-left left-0';
+      } if (this.align === 'right') {
+        return 'origin-top-right right-0';
+      }
+      return 'origin-top';
     },
-
-    computed: {
-        widthClass() {
-            return {
-                '48': 'w-48',
-            }[this.width.toString()]
-        },
-
-        alignmentClasses() {
-            if (this.align === 'left') {
-                return 'origin-top-left left-0'
-            } else if (this.align === 'right') {
-                return 'origin-top-right right-0'
-            } else {
-                return 'origin-top'
-            }
-        },
-    }
-}
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/DropdownLink.vue b/resources/js/Jetstream/DropdownLink.vue
index a16ec82..1ebba19 100644
--- a/resources/js/Jetstream/DropdownLink.vue
+++ b/resources/js/Jetstream/DropdownLink.vue
@@ -3,7 +3,7 @@
         <button type="submit" class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 text-left hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition" v-if="as == 'button'">
             <slot></slot>
         </button>
-        
+
         <a :href="href" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition" v-else-if="as =='a'">
             <slot></slot>
         </a>
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-    export default {
-        props: ['href', 'as']
-    }
+export default {
+  props: ['href', 'as'],
+};
 </script>
diff --git a/resources/js/Jetstream/FormSection.vue b/resources/js/Jetstream/FormSection.vue
index 0f8b2c4..7774575 100644
--- a/resources/js/Jetstream/FormSection.vue
+++ b/resources/js/Jetstream/FormSection.vue
@@ -22,31 +22,31 @@
 </template>
 
 <script>
-    import JetSectionTitle from './SectionTitle'
+import JetSectionTitle from './SectionTitle';
 
-    export default {
-        emits: ['submitted'],
+export default {
+  emits: ['submitted'],
 
-        props: {
-            emptyBg: {
-                type: Boolean,
-                default: false,
-            },
-        },
+  props: {
+    emptyBg: {
+      type: Boolean,
+      default: false,
+    },
+  },
 
-        components: {
-            JetSectionTitle,
-        },
+  components: {
+    JetSectionTitle,
+  },
 
-        computed: {
-            hasActions() {
-                return !! this.$slots.actions
-            },
-            classnames() {
-                let classnames = !this.emptyBg ? 'px-4 py-5 bg-white sm:p-6 shadow ' :"";
-                classnames += this.hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md';
-                return classnames;
-            },
-        }
-    }
+  computed: {
+    hasActions() {
+      return !!this.$slots.actions;
+    },
+    classnames() {
+      let classnames = !this.emptyBg ? 'px-4 py-5 bg-white sm:p-6 shadow ' : '';
+      classnames += this.hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md';
+      return classnames;
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/Input.vue b/resources/js/Jetstream/Input.vue
index 6a53e6b..a067dc8 100644
--- a/resources/js/Jetstream/Input.vue
+++ b/resources/js/Jetstream/Input.vue
@@ -3,16 +3,15 @@
 </template>
 
 <script>
-    export default {
-        props: ['modelValue'],
+export default {
+  props: ['modelValue'],
 
-        emits: ['update:modelValue'],
+  emits: ['update:modelValue'],
 
-        methods: {
-            focus() {
-                this.$refs.input.focus()
-            }
-        }
-    }
+  methods: {
+    focus() {
+      this.$refs.input.focus();
+    },
+  },
+};
 </script>
-
diff --git a/resources/js/Jetstream/InputError.vue b/resources/js/Jetstream/InputError.vue
index 23bf99f..e6cb4e8 100644
--- a/resources/js/Jetstream/InputError.vue
+++ b/resources/js/Jetstream/InputError.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-    export default {
-        props: ['message']
-    }
+export default {
+  props: ['message'],
+};
 </script>
diff --git a/resources/js/Jetstream/Label.vue b/resources/js/Jetstream/Label.vue
index b1f3a4c..1a07dad 100644
--- a/resources/js/Jetstream/Label.vue
+++ b/resources/js/Jetstream/Label.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-    export default {
-        props: ['value']
-    }
+export default {
+  props: ['value'],
+};
 </script>
diff --git a/resources/js/Jetstream/Modal.vue b/resources/js/Jetstream/Modal.vue
index 3e2f9dd..ecd835f 100644
--- a/resources/js/Jetstream/Modal.vue
+++ b/resources/js/Jetstream/Modal.vue
@@ -29,67 +29,67 @@
 </template>
 
 <script>
-import { onMounted, onUnmounted } from "vue";
+import { onMounted, onUnmounted } from 'vue';
 
 export default {
-        emits: ['close'],
+  emits: ['close'],
 
-        props: {
-            show: {
-                default: false
-            },
-            maxWidth: {
-                default: '2xl'
-            },
-            closeable: {
-                default: true
-            },
-        },
+  props: {
+    show: {
+      default: false,
+    },
+    maxWidth: {
+      default: '2xl',
+    },
+    closeable: {
+      default: true,
+    },
+  },
 
-        watch: {
-            show: {
-                immediate: true,
-                handler: (show) => {
-                    if (show) {
-                        document.body.style.overflow = 'hidden'
-                    } else {
-                        document.body.style.overflow = null
-                    }
-                }
-            }
-        },
-
-        setup(props, {emit}) {
-            const close = () => {
-                if (props.closeable) {
-                    emit('close')
-                }
-            }
-
-            const closeOnEscape = (e) => {
-                if (e.key === 'Escape' && props.show) {
-                    close()
-                }
-            }
-
-            onMounted(() => document.addEventListener('keydown', closeOnEscape))
-            onUnmounted(() => document.removeEventListener('keydown', closeOnEscape))
-
-            return {
-                close,
-            }
-        },
-
-        computed: {
-            maxWidthClass() {
-                return {
-                    'sm': 'sm:max-w-sm',
-                    'md': 'sm:max-w-md',
-                    'lg': 'sm:max-w-lg',
-                    'xl': 'sm:max-w-xl',
-                    '2xl': 'sm:max-w-2xl',
-                }[this.maxWidth]
-            }
+  watch: {
+    show: {
+      immediate: true,
+      handler: (show) => {
+        if (show) {
+          document.body.style.overflow = 'hidden';
+        } else {
+          document.body.style.overflow = null;
         }
-    }
+      },
+    },
+  },
+
+  setup(props, { emit }) {
+    const close = () => {
+      if (props.closeable) {
+        emit('close');
+      }
+    };
+
+    const closeOnEscape = (e) => {
+      if (e.key === 'Escape' && props.show) {
+        close();
+      }
+    };
+
+    onMounted(() => document.addEventListener('keydown', closeOnEscape));
+    onUnmounted(() => document.removeEventListener('keydown', closeOnEscape));
+
+    return {
+      close,
+    };
+  },
+
+  computed: {
+    maxWidthClass() {
+      return {
+        sm: 'sm:max-w-sm',
+        md: 'sm:max-w-md',
+        lg: 'sm:max-w-lg',
+        xl: 'sm:max-w-xl',
+        '2xl': 'sm:max-w-2xl',
+      }[this.maxWidth];
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/NavLink.vue b/resources/js/Jetstream/NavLink.vue
index 71eb356..a568cd1 100644
--- a/resources/js/Jetstream/NavLink.vue
+++ b/resources/js/Jetstream/NavLink.vue
@@ -5,15 +5,15 @@
 </template>
 
 <script>
-    export default {
-        props: ['href', 'active'],
+export default {
+  props: ['href', 'active'],
 
-        computed: {
-            classes() {
-                return this.active
-                            ? 'w-full flex items-center text-indigo-100 h-10 pl-4 rounded-lg cursor-pointer transition'
-                            : 'w-full flex items-center hover:text-indigo-100 text-indigo-300 h-10 pl-4 rounded-lg cursor-pointer transition'
-            }
-        }
-    }
+  computed: {
+    classes() {
+      return this.active
+        ? 'w-full flex items-center text-indigo-100 h-10 pl-4 rounded-lg cursor-pointer transition'
+        : 'w-full flex items-center hover:text-indigo-100 text-indigo-300 h-10 pl-4 rounded-lg cursor-pointer transition';
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/ResponsiveNavLink.vue b/resources/js/Jetstream/ResponsiveNavLink.vue
index aa1c9b2..e7fba14 100644
--- a/resources/js/Jetstream/ResponsiveNavLink.vue
+++ b/resources/js/Jetstream/ResponsiveNavLink.vue
@@ -11,15 +11,15 @@
 </template>
 
 <script>
-    export default {
-        props: ['active', 'href', 'as'],
+export default {
+  props: ['active', 'href', 'as'],
 
-        computed: {
-            classes() {
-                return this.active
-                            ? 'block pl-3 pr-4 py-2 border-l-4 border-indigo-400 text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition'
-                            : 'block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition'
-            }
-        }
-    }
+  computed: {
+    classes() {
+      return this.active
+        ? 'block pl-3 pr-4 py-2 border-l-4 border-indigo-400 text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition'
+        : 'block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition';
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/SecondaryButton.vue b/resources/js/Jetstream/SecondaryButton.vue
index f61c8d5..b3a3bfc 100644
--- a/resources/js/Jetstream/SecondaryButton.vue
+++ b/resources/js/Jetstream/SecondaryButton.vue
@@ -5,12 +5,12 @@
 </template>
 
 <script>
-    export default {
-        props: {
-            type: {
-                type: String,
-                default: 'button',
-            },
-        }
-    }
+export default {
+  props: {
+    type: {
+      type: String,
+      default: 'button',
+    },
+  },
+};
 </script>
diff --git a/resources/js/Jetstream/ValidationErrors.vue b/resources/js/Jetstream/ValidationErrors.vue
index 7b2ab04..d2000ee 100644
--- a/resources/js/Jetstream/ValidationErrors.vue
+++ b/resources/js/Jetstream/ValidationErrors.vue
@@ -9,15 +9,15 @@
 </template>
 
 <script>
-    export default {
-        computed: {
-            errors() {
-                return this.$page.props.errors
-            },
+export default {
+  computed: {
+    errors() {
+      return this.$page.props.errors;
+    },
 
-            hasErrors() {
-                return Object.keys(this.errors).length > 0;
-            },
-        }
-    }
+    hasErrors() {
+      return Object.keys(this.errors).length > 0;
+    },
+  },
+};
 </script>
diff --git a/resources/js/Layouts/AppLayout.vue b/resources/js/Layouts/AppLayout.vue
index d84f410..16261a3 100644
--- a/resources/js/Layouts/AppLayout.vue
+++ b/resources/js/Layouts/AppLayout.vue
@@ -242,41 +242,41 @@
 </template>
 
 <script>
-    import JetApplicationMark from '@/Jetstream/ApplicationMark'
-    import JetBanner from '@/Jetstream/Banner'
-    import JetDropdown from '@/Jetstream/Dropdown'
-    import JetDropdownLink from '@/Jetstream/DropdownLink'
-    import JetNavLink from '@/Jetstream/NavLink'
-    import JetResponsiveNavLink from '@/Jetstream/ResponsiveNavLink'
+import JetApplicationMark from '@/Jetstream/ApplicationMark';
+import JetBanner from '@/Jetstream/Banner';
+import JetDropdown from '@/Jetstream/Dropdown';
+import JetDropdownLink from '@/Jetstream/DropdownLink';
+import JetNavLink from '@/Jetstream/NavLink';
+import JetResponsiveNavLink from '@/Jetstream/ResponsiveNavLink';
 
-    export default {
-        components: {
-            JetApplicationMark,
-            JetBanner,
-            JetDropdown,
-            JetDropdownLink,
-            JetNavLink,
-            JetResponsiveNavLink,
-        },
+export default {
+  components: {
+    JetApplicationMark,
+    JetBanner,
+    JetDropdown,
+    JetDropdownLink,
+    JetNavLink,
+    JetResponsiveNavLink,
+  },
 
-        data() {
-            return {
-                showingNavigationDropdown: false,
-            }
-        },
+  data() {
+    return {
+      showingNavigationDropdown: false,
+    };
+  },
 
-        methods: {
-            switchToTeam(team) {
-                this.$inertia.put(route('current-team.update'), {
-                    'team_id': team.id
-                }, {
-                    preserveState: false
-                })
-            },
+  methods: {
+    switchToTeam(team) {
+      this.$inertia.put(route('current-team.update'), {
+        team_id: team.id,
+      }, {
+        preserveState: false,
+      });
+    },
 
-            logout() {
-                this.$inertia.post(route('logout'));
-            },
-        }
-    }
+    logout() {
+      this.$inertia.post(route('logout'));
+    },
+  },
+};
 </script>
diff --git a/resources/js/Layouts/Layout.vue b/resources/js/Layouts/Layout.vue
index d9a052f..72bbe61 100644
--- a/resources/js/Layouts/Layout.vue
+++ b/resources/js/Layouts/Layout.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="leading-normal tracking-normal" id="main-body">
-        <div class="flex flex-wrap">   
+        <div class="flex flex-wrap">
             <Sidebar />
             <div class="w-full bg-gray-100 pl-0 lg:pl-64 min-h-screen" :class="sideBarOpen ? 'overlay' : ''" id="main-content">
                 <Navbar>
@@ -20,19 +20,19 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
-import Sidebar from "@/Components/Sidebar"
-import Navbar from "@/Components/Navbar"
-import JetBanner from '@/Jetstream/Banner'
+import { mapState } from 'vuex';
+import Sidebar from '@/Components/Sidebar';
+import Navbar from '@/Components/Navbar';
+import JetBanner from '@/Jetstream/Banner';
 
 export default {
   computed: {
-    ...mapState(['sideBarOpen'])
+    ...mapState(['sideBarOpen']),
   },
   components: {
     Sidebar,
     Navbar,
     JetBanner,
-  }
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Pages/API/ApiTokenManager.vue b/resources/js/Pages/API/ApiTokenManager.vue
index 40c2209..8a0e21b 100644
--- a/resources/js/Pages/API/ApiTokenManager.vue
+++ b/resources/js/Pages/API/ApiTokenManager.vue
@@ -164,98 +164,98 @@
 </template>
 
 <script>
-    import JetActionMessage from '@/Jetstream/ActionMessage'
-    import JetActionSection from '@/Jetstream/ActionSection'
-    import JetButton from '@/Jetstream/Button'
-    import JetConfirmationModal from '@/Jetstream/ConfirmationModal'
-    import JetDangerButton from '@/Jetstream/DangerButton'
-    import JetDialogModal from '@/Jetstream/DialogModal'
-    import JetFormSection from '@/Jetstream/FormSection'
-    import JetInput from '@/Jetstream/Input'
-    import JetCheckbox from '@/Jetstream/Checkbox'
-    import JetInputError from '@/Jetstream/InputError'
-    import JetLabel from '@/Jetstream/Label'
-    import JetSecondaryButton from '@/Jetstream/SecondaryButton'
-    import JetSectionBorder from '@/Jetstream/SectionBorder'
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetActionSection from '@/Jetstream/ActionSection';
+import JetButton from '@/Jetstream/Button';
+import JetConfirmationModal from '@/Jetstream/ConfirmationModal';
+import JetDangerButton from '@/Jetstream/DangerButton';
+import JetDialogModal from '@/Jetstream/DialogModal';
+import JetFormSection from '@/Jetstream/FormSection';
+import JetInput from '@/Jetstream/Input';
+import JetCheckbox from '@/Jetstream/Checkbox';
+import JetInputError from '@/Jetstream/InputError';
+import JetLabel from '@/Jetstream/Label';
+import JetSecondaryButton from '@/Jetstream/SecondaryButton';
+import JetSectionBorder from '@/Jetstream/SectionBorder';
 
-    export default {
-        components: {
-            JetActionMessage,
-            JetActionSection,
-            JetButton,
-            JetConfirmationModal,
-            JetDangerButton,
-            JetDialogModal,
-            JetFormSection,
-            JetInput,
-            JetCheckbox,
-            JetInputError,
-            JetLabel,
-            JetSecondaryButton,
-            JetSectionBorder,
+export default {
+  components: {
+    JetActionMessage,
+    JetActionSection,
+    JetButton,
+    JetConfirmationModal,
+    JetDangerButton,
+    JetDialogModal,
+    JetFormSection,
+    JetInput,
+    JetCheckbox,
+    JetInputError,
+    JetLabel,
+    JetSecondaryButton,
+    JetSectionBorder,
+  },
+
+  props: [
+    'tokens',
+    'availablePermissions',
+    'defaultPermissions',
+  ],
+
+  data() {
+    return {
+      createApiTokenForm: this.$inertia.form({
+        name: '',
+        permissions: this.defaultPermissions,
+      }),
+
+      updateApiTokenForm: this.$inertia.form({
+        permissions: [],
+      }),
+
+      deleteApiTokenForm: this.$inertia.form(),
+
+      displayingToken: false,
+      managingPermissionsFor: null,
+      apiTokenBeingDeleted: null,
+    };
+  },
+
+  methods: {
+    createApiToken() {
+      this.createApiTokenForm.post(route('api-tokens.store'), {
+        preserveScroll: true,
+        onSuccess: () => {
+          this.displayingToken = true;
+          this.createApiTokenForm.reset();
         },
+      });
+    },
 
-        props: [
-            'tokens',
-            'availablePermissions',
-            'defaultPermissions',
-        ],
+    manageApiTokenPermissions(token) {
+      this.updateApiTokenForm.permissions = token.abilities;
 
-        data() {
-            return {
-                createApiTokenForm: this.$inertia.form({
-                    name: '',
-                    permissions: this.defaultPermissions,
-                }),
+      this.managingPermissionsFor = token;
+    },
 
-                updateApiTokenForm: this.$inertia.form({
-                    permissions: []
-                }),
+    updateApiToken() {
+      this.updateApiTokenForm.put(route('api-tokens.update', this.managingPermissionsFor), {
+        preserveScroll: true,
+        preserveState: true,
+        onSuccess: () => (this.managingPermissionsFor = null),
+      });
+    },
 
-                deleteApiTokenForm: this.$inertia.form(),
+    confirmApiTokenDeletion(token) {
+      this.apiTokenBeingDeleted = token;
+    },
 
-                displayingToken: false,
-                managingPermissionsFor: null,
-                apiTokenBeingDeleted: null,
-            }
-        },
-
-        methods: {
-            createApiToken() {
-                this.createApiTokenForm.post(route('api-tokens.store'), {
-                    preserveScroll: true,
-                    onSuccess: () => {
-                        this.displayingToken = true
-                        this.createApiTokenForm.reset()
-                    }
-                })
-            },
-
-            manageApiTokenPermissions(token) {
-                this.updateApiTokenForm.permissions = token.abilities
-
-                this.managingPermissionsFor = token
-            },
-
-            updateApiToken() {
-                this.updateApiTokenForm.put(route('api-tokens.update', this.managingPermissionsFor), {
-                    preserveScroll: true,
-                    preserveState: true,
-                    onSuccess: () => (this.managingPermissionsFor = null),
-                })
-            },
-
-            confirmApiTokenDeletion(token) {
-                this.apiTokenBeingDeleted = token
-            },
-
-            deleteApiToken() {
-                this.deleteApiTokenForm.delete(route('api-tokens.destroy', this.apiTokenBeingDeleted), {
-                    preserveScroll: true,
-                    preserveState: true,
-                    onSuccess: () => (this.apiTokenBeingDeleted = null),
-                })
-            },
-        },
-    }
+    deleteApiToken() {
+      this.deleteApiTokenForm.delete(route('api-tokens.destroy', this.apiTokenBeingDeleted), {
+        preserveScroll: true,
+        preserveState: true,
+        onSuccess: () => (this.apiTokenBeingDeleted = null),
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/API/Index.vue b/resources/js/Pages/API/Index.vue
index 51671f2..a2bcb54 100644
--- a/resources/js/Pages/API/Index.vue
+++ b/resources/js/Pages/API/Index.vue
@@ -17,19 +17,19 @@
 </template>
 
 <script>
-    import ApiTokenManager from './ApiTokenManager'
-    import AppLayout from '@/Layouts/AppLayout'
+import AppLayout from '@/Layouts/AppLayout';
+import ApiTokenManager from './ApiTokenManager';
 
-    export default {
-        props: [
-            'tokens',
-            'availablePermissions',
-            'defaultPermissions',
-        ],
+export default {
+  props: [
+    'tokens',
+    'availablePermissions',
+    'defaultPermissions',
+  ],
 
-        components: {
-            ApiTokenManager,
-            AppLayout,
-        },
-    }
+  components: {
+    ApiTokenManager,
+    AppLayout,
+  },
+};
 </script>
diff --git a/resources/js/Pages/Auth/ConfirmPassword.vue b/resources/js/Pages/Auth/ConfirmPassword.vue
index da57b38..589b88d 100644
--- a/resources/js/Pages/Auth/ConfirmPassword.vue
+++ b/resources/js/Pages/Auth/ConfirmPassword.vue
@@ -26,37 +26,37 @@
 </template>
 
 <script>
-    import JetAuthenticationCard from '@/Jetstream/AuthenticationCard'
-    import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo'
-    import JetButton from '@/Jetstream/Button'
-    import JetInput from '@/Jetstream/Input'
-    import JetLabel from '@/Jetstream/Label'
-    import JetValidationErrors from '@/Jetstream/ValidationErrors'
+import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
+import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
+import JetButton from '@/Jetstream/Button';
+import JetInput from '@/Jetstream/Input';
+import JetLabel from '@/Jetstream/Label';
+import JetValidationErrors from '@/Jetstream/ValidationErrors';
 
-    export default {
-        components: {
-            JetAuthenticationCard,
-            JetAuthenticationCardLogo,
-            JetButton,
-            JetInput,
-            JetLabel,
-            JetValidationErrors
-        },
+export default {
+  components: {
+    JetAuthenticationCard,
+    JetAuthenticationCardLogo,
+    JetButton,
+    JetInput,
+    JetLabel,
+    JetValidationErrors,
+  },
 
-        data() {
-            return {
-                form: this.$inertia.form({
-                    password: '',
-                })
-            }
-        },
+  data() {
+    return {
+      form: this.$inertia.form({
+        password: '',
+      }),
+    };
+  },
 
-        methods: {
-            submit() {
-                this.form.post(this.route('password.confirm'), {
-                    onFinish: () => this.form.reset(),
-                })
-            }
-        }
-    }
+  methods: {
+    submit() {
+      this.form.post(this.route('password.confirm'), {
+        onFinish: () => this.form.reset(),
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Auth/ForgotPassword.vue b/resources/js/Pages/Auth/ForgotPassword.vue
index 6ff310c..700b43a 100644
--- a/resources/js/Pages/Auth/ForgotPassword.vue
+++ b/resources/js/Pages/Auth/ForgotPassword.vue
@@ -30,39 +30,39 @@
 </template>
 
 <script>
-    import JetAuthenticationCard from '@/Jetstream/AuthenticationCard'
-    import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo'
-    import JetButton from '@/Jetstream/Button'
-    import JetInput from '@/Jetstream/Input'
-    import JetLabel from '@/Jetstream/Label'
-    import JetValidationErrors from '@/Jetstream/ValidationErrors'
+import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
+import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
+import JetButton from '@/Jetstream/Button';
+import JetInput from '@/Jetstream/Input';
+import JetLabel from '@/Jetstream/Label';
+import JetValidationErrors from '@/Jetstream/ValidationErrors';
 
-    export default {
-        components: {
-            JetAuthenticationCard,
-            JetAuthenticationCardLogo,
-            JetButton,
-            JetInput,
-            JetLabel,
-            JetValidationErrors
-        },
+export default {
+  components: {
+    JetAuthenticationCard,
+    JetAuthenticationCardLogo,
+    JetButton,
+    JetInput,
+    JetLabel,
+    JetValidationErrors,
+  },
 
-        props: {
-            status: String
-        },
+  props: {
+    status: String,
+  },
 
-        data() {
-            return {
-                form: this.$inertia.form({
-                    email: ''
-                })
-            }
-        },
+  data() {
+    return {
+      form: this.$inertia.form({
+        email: '',
+      }),
+    };
+  },
 
-        methods: {
-            submit() {
-                this.form.post(this.route('password.email'))
-            }
-        }
-    }
+  methods: {
+    submit() {
+      this.form.post(this.route('password.email'));
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Auth/Login.vue b/resources/js/Pages/Auth/Login.vue
index 63fe5ed..0868781 100644
--- a/resources/js/Pages/Auth/Login.vue
+++ b/resources/js/Pages/Auth/Login.vue
@@ -42,51 +42,51 @@
 </template>
 
 <script>
-    import JetAuthenticationCard from '@/Jetstream/AuthenticationCard'
-    import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo'
-    import JetButton from '@/Jetstream/Button'
-    import JetInput from '@/Jetstream/Input'
-    import JetCheckbox from '@/Jetstream/Checkbox'
-    import JetLabel from '@/Jetstream/Label'
-    import JetValidationErrors from '@/Jetstream/ValidationErrors'
+import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
+import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
+import JetButton from '@/Jetstream/Button';
+import JetInput from '@/Jetstream/Input';
+import JetCheckbox from '@/Jetstream/Checkbox';
+import JetLabel from '@/Jetstream/Label';
+import JetValidationErrors from '@/Jetstream/ValidationErrors';
 
-    export default {
-        components: {
-            JetAuthenticationCard,
-            JetAuthenticationCardLogo,
-            JetButton,
-            JetInput,
-            JetCheckbox,
-            JetLabel,
-            JetValidationErrors
-        },
+export default {
+  components: {
+    JetAuthenticationCard,
+    JetAuthenticationCardLogo,
+    JetButton,
+    JetInput,
+    JetCheckbox,
+    JetLabel,
+    JetValidationErrors,
+  },
 
-        props: {
-            canResetPassword: Boolean,
-            status: String
-        },
+  props: {
+    canResetPassword: Boolean,
+    status: String,
+  },
 
-        data() {
-            return {
-                form: this.$inertia.form({
-                    email: '',
-                    password: '',
-                    remember: false
-                })
-            }
-        },
+  data() {
+    return {
+      form: this.$inertia.form({
+        email: '',
+        password: '',
+        remember: false,
+      }),
+    };
+  },
 
-        methods: {
-            submit() {
-                this.form
-                    .transform(data => ({
-                        ... data,
-                        remember: this.form.remember ? 'on' : ''
-                    }))
-                    .post(this.route('login'), {
-                        onFinish: () => this.form.reset('password'),
-                    })
-            }
-        }
-    }
+  methods: {
+    submit() {
+      this.form
+        .transform((data) => ({
+          ...data,
+          remember: this.form.remember ? 'on' : '',
+        }))
+        .post(this.route('login'), {
+          onFinish: () => this.form.reset('password'),
+        });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Auth/Register.vue b/resources/js/Pages/Auth/Register.vue
index 922be12..425600d 100644
--- a/resources/js/Pages/Auth/Register.vue
+++ b/resources/js/Pages/Auth/Register.vue
@@ -53,43 +53,43 @@
 </template>
 
 <script>
-    import JetAuthenticationCard from '@/Jetstream/AuthenticationCard'
-    import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo'
-    import JetButton from '@/Jetstream/Button'
-    import JetInput from '@/Jetstream/Input'
-    import JetCheckbox from "@/Jetstream/Checkbox";
-    import JetLabel from '@/Jetstream/Label'
-    import JetValidationErrors from '@/Jetstream/ValidationErrors'
+import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
+import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
+import JetButton from '@/Jetstream/Button';
+import JetInput from '@/Jetstream/Input';
+import JetCheckbox from '@/Jetstream/Checkbox';
+import JetLabel from '@/Jetstream/Label';
+import JetValidationErrors from '@/Jetstream/ValidationErrors';
 
-    export default {
-        components: {
-            JetAuthenticationCard,
-            JetAuthenticationCardLogo,
-            JetButton,
-            JetInput,
-            JetCheckbox,
-            JetLabel,
-            JetValidationErrors
-        },
+export default {
+  components: {
+    JetAuthenticationCard,
+    JetAuthenticationCardLogo,
+    JetButton,
+    JetInput,
+    JetCheckbox,
+    JetLabel,
+    JetValidationErrors,
+  },
 
-        data() {
-            return {
-                form: this.$inertia.form({
-                    name: '',
-                    email: '',
-                    password: '',
-                    password_confirmation: '',
-                    terms: false,
-                })
-            }
-        },
+  data() {
+    return {
+      form: this.$inertia.form({
+        name: '',
+        email: '',
+        password: '',
+        password_confirmation: '',
+        terms: false,
+      }),
+    };
+  },
 
-        methods: {
-            submit() {
-                this.form.post(this.route('register'), {
-                    onFinish: () => this.form.reset('password', 'password_confirmation'),
-                })
-            }
-        }
-    }
+  methods: {
+    submit() {
+      this.form.post(this.route('register'), {
+        onFinish: () => this.form.reset('password', 'password_confirmation'),
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Auth/ResetPassword.vue b/resources/js/Pages/Auth/ResetPassword.vue
index b6829d2..123c945 100644
--- a/resources/js/Pages/Auth/ResetPassword.vue
+++ b/resources/js/Pages/Auth/ResetPassword.vue
@@ -32,45 +32,45 @@
 </template>
 
 <script>
-    import JetAuthenticationCard from '@/Jetstream/AuthenticationCard'
-    import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo'
-    import JetButton from '@/Jetstream/Button'
-    import JetInput from '@/Jetstream/Input'
-    import JetLabel from '@/Jetstream/Label'
-    import JetValidationErrors from '@/Jetstream/ValidationErrors'
+import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
+import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
+import JetButton from '@/Jetstream/Button';
+import JetInput from '@/Jetstream/Input';
+import JetLabel from '@/Jetstream/Label';
+import JetValidationErrors from '@/Jetstream/ValidationErrors';
 
-    export default {
-        components: {
-            JetAuthenticationCard,
-            JetAuthenticationCardLogo,
-            JetButton,
-            JetInput,
-            JetLabel,
-            JetValidationErrors
-        },
+export default {
+  components: {
+    JetAuthenticationCard,
+    JetAuthenticationCardLogo,
+    JetButton,
+    JetInput,
+    JetLabel,
+    JetValidationErrors,
+  },
 
-        props: {
-            email: String,
-            token: String,
-        },
+  props: {
+    email: String,
+    token: String,
+  },
 
-        data() {
-            return {
-                form: this.$inertia.form({
-                    token: this.token,
-                    email: this.email,
-                    password: '',
-                    password_confirmation: '',
-                })
-            }
-        },
+  data() {
+    return {
+      form: this.$inertia.form({
+        token: this.token,
+        email: this.email,
+        password: '',
+        password_confirmation: '',
+      }),
+    };
+  },
 
-        methods: {
-            submit() {
-                this.form.post(this.route('password.update'), {
-                    onFinish: () => this.form.reset('password', 'password_confirmation'),
-                })
-            }
-        }
-    }
+  methods: {
+    submit() {
+      this.form.post(this.route('password.update'), {
+        onFinish: () => this.form.reset('password', 'password_confirmation'),
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Auth/TwoFactorChallenge.vue b/resources/js/Pages/Auth/TwoFactorChallenge.vue
index 1212bec..5d0a0ca 100644
--- a/resources/js/Pages/Auth/TwoFactorChallenge.vue
+++ b/resources/js/Pages/Auth/TwoFactorChallenge.vue
@@ -47,51 +47,51 @@
 </template>
 
 <script>
-    import JetAuthenticationCard from '@/Jetstream/AuthenticationCard'
-    import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo'
-    import JetButton from '@/Jetstream/Button'
-    import JetInput from '@/Jetstream/Input'
-    import JetLabel from '@/Jetstream/Label'
-    import JetValidationErrors from '@/Jetstream/ValidationErrors'
+import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
+import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
+import JetButton from '@/Jetstream/Button';
+import JetInput from '@/Jetstream/Input';
+import JetLabel from '@/Jetstream/Label';
+import JetValidationErrors from '@/Jetstream/ValidationErrors';
 
-    export default {
-        components: {
-            JetAuthenticationCard,
-            JetAuthenticationCardLogo,
-            JetButton,
-            JetInput,
-            JetLabel,
-            JetValidationErrors,
-        },
+export default {
+  components: {
+    JetAuthenticationCard,
+    JetAuthenticationCardLogo,
+    JetButton,
+    JetInput,
+    JetLabel,
+    JetValidationErrors,
+  },
 
-        data() {
-            return {
-                recovery: false,
-                form: this.$inertia.form({
-                    code: '',
-                    recovery_code: '',
-                })
-            }
-        },
+  data() {
+    return {
+      recovery: false,
+      form: this.$inertia.form({
+        code: '',
+        recovery_code: '',
+      }),
+    };
+  },
 
-        methods: {
-            toggleRecovery() {
-                this.recovery ^= true
+  methods: {
+    toggleRecovery() {
+      this.recovery ^= true;
 
-                this.$nextTick(() => {
-                    if (this.recovery) {
-                        this.$refs.recovery_code.focus()
-                        this.form.code = '';
-                    } else {
-                        this.$refs.code.focus()
-                        this.form.recovery_code = ''
-                    }
-                })
-            },
-
-            submit() {
-                this.form.post(this.route('two-factor.login'))
-            }
+      this.$nextTick(() => {
+        if (this.recovery) {
+          this.$refs.recovery_code.focus();
+          this.form.code = '';
+        } else {
+          this.$refs.code.focus();
+          this.form.recovery_code = '';
         }
-    }
+      });
+    },
+
+    submit() {
+      this.form.post(this.route('two-factor.login'));
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Auth/VerifyEmail.vue b/resources/js/Pages/Auth/VerifyEmail.vue
index 559bf9d..3e77123 100644
--- a/resources/js/Pages/Auth/VerifyEmail.vue
+++ b/resources/js/Pages/Auth/VerifyEmail.vue
@@ -25,37 +25,37 @@
 </template>
 
 <script>
-    import JetAuthenticationCard from '@/Jetstream/AuthenticationCard'
-    import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo'
-    import JetButton from '@/Jetstream/Button'
+import JetAuthenticationCard from '@/Jetstream/AuthenticationCard';
+import JetAuthenticationCardLogo from '@/Jetstream/AuthenticationCardLogo';
+import JetButton from '@/Jetstream/Button';
 
-    export default {
-        components: {
-            JetAuthenticationCard,
-            JetAuthenticationCardLogo,
-            JetButton,
-        },
+export default {
+  components: {
+    JetAuthenticationCard,
+    JetAuthenticationCardLogo,
+    JetButton,
+  },
 
-        props: {
-            status: String
-        },
+  props: {
+    status: String,
+  },
 
-        data() {
-            return {
-                form: this.$inertia.form()
-            }
-        },
+  data() {
+    return {
+      form: this.$inertia.form(),
+    };
+  },
 
-        methods: {
-            submit() {
-                this.form.post(this.route('verification.send'))
-            },
-        },
+  methods: {
+    submit() {
+      this.form.post(this.route('verification.send'));
+    },
+  },
 
-        computed: {
-            verificationLinkSent() {
-                return this.status === 'verification-link-sent';
-            }
-        }
-    }
+  computed: {
+    verificationLinkSent() {
+      return this.status === 'verification-link-sent';
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Cars/Components/CarForm.vue b/resources/js/Pages/Cars/Components/CarForm.vue
index 6ca1670..b5745a5 100644
--- a/resources/js/Pages/Cars/Components/CarForm.vue
+++ b/resources/js/Pages/Cars/Components/CarForm.vue
@@ -27,35 +27,35 @@
 </template>
 
 <script>
-import JetButton from '@/Jetstream/Button'
-import JetActionMessage from '@/Jetstream/ActionMessage'
-import JetFormSection from '@/Jetstream/FormSection'
-import CarFormFields from '@/Pages/Cars/Components/CarFormFields.vue'
-import { useForm } from '@inertiajs/inertia-vue3'
+import JetButton from '@/Jetstream/Button';
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetFormSection from '@/Jetstream/FormSection';
+import CarFormFields from '@/Pages/Cars/Components/CarFormFields.vue';
+import { useForm } from '@inertiajs/inertia-vue3';
 
 export default {
-    components: {
-        JetButton,
-        JetFormSection,
-        JetActionMessage,
-        CarFormFields,
+  components: {
+    JetButton,
+    JetFormSection,
+    JetActionMessage,
+    CarFormFields,
+  },
+  props: {
+    data: Object,
+    brands: Array,
+    meta: Object,
+    brand: Object,
+    car_model: Object,
+  },
+  data() {
+    return {
+      form: useForm(this.meta.form_name, this.data),
+    };
+  },
+  methods: {
+    submitForm() {
+      this.form.submit(this.meta.method, this.meta.route);
     },
-    props: {
-        data: Object,
-        brands: Array,
-        meta: Object,
-        brand: Object,
-        car_model: Object,
-    },
-    data() {
-        return {
-            form: useForm(this.meta.form_name, this.data),
-        }
-    },
-    methods: {
-        submitForm() {
-            this.form.submit(this.meta.method, this.meta.route);
-        },
-    }
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Pages/Cars/Components/CarFormFields.vue b/resources/js/Pages/Cars/Components/CarFormFields.vue
index 8ed6399..f8d8ff5 100644
--- a/resources/js/Pages/Cars/Components/CarFormFields.vue
+++ b/resources/js/Pages/Cars/Components/CarFormFields.vue
@@ -81,110 +81,110 @@
 </template>
 
 <script>
-import JetLabel from '@/Jetstream/Label.vue'
-import JetInput from '@/Jetstream/Input.vue'
-import JetActionMessage from '@/Jetstream/ActionMessage'
-import JetInputError from '@/Jetstream/InputError'
-import Multiselect from 'vue-multiselect'
-import Datepicker from 'vue3-datepicker'
-import CurrencyInput from '@/Components/CurrencyInput'
+import JetLabel from '@/Jetstream/Label.vue';
+import JetInput from '@/Jetstream/Input.vue';
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetInputError from '@/Jetstream/InputError';
+import Multiselect from 'vue-multiselect';
+import Datepicker from 'vue3-datepicker';
+import CurrencyInput from '@/Components/CurrencyInput';
 
 export default {
-    components: {
-        JetLabel,
-        JetInput,
-        JetInputError,
-        JetActionMessage,
-        Multiselect,
-        Datepicker,
-        CurrencyInput,
+  components: {
+    JetLabel,
+    JetInput,
+    JetInputError,
+    JetActionMessage,
+    Multiselect,
+    Datepicker,
+    CurrencyInput,
+  },
+  props: {
+    form: Object,
+    brands: Array,
+    brand: Object,
+    car_model: Object,
+  },
+  data() {
+    return {
+      brandSearch: null,
+      modelSearch: null,
+      carModels: [],
+      brandSelection: this.brand,
+      car_modelSelection: this.car_model,
+      currencyOptions: {
+        currency: 'CHF',
+        locale: 'de-CH',
+        exportValueAsInteger: true,
+        hideGroupingSeparatorOnFocus: false,
+        precision: 0,
+        currencyDisplay: 'hidden',
+      },
+    };
+  },
+  methods: {
+    updateBrand(brand) {
+      if (brand) {
+        this.brand.id = brand.id;
+        this.brand.name = brand.name;
+        this.brand.models = brand.models;
+      } else {
+        this.brand.id = null;
+        this.brand.name = null;
+        this.brand.models = [];
+      }
+      this.updateCarModelsList(brand);
     },
-    props: {
-        form: Object,
-        brands: Array,
-        brand: Object,
-        car_model: Object,
+    updateCarModel(car_model) {
+      if (car_model) {
+        this.car_model.id = car_model.id;
+        this.car_model.name = car_model.name;
+        this.form.car_model_id = car_model.id;
+      } else {
+        this.car_model.id = null;
+        this.car_model.name = null;
+        this.form.car_model_id = null;
+      }
     },
-    data() {
-        return {
-            brandSearch: null,
-            modelSearch: null,
-            carModels: [],
-            brandSelection: this.brand,
-            car_modelSelection: this.car_model,
-            currencyOptions: {
-                currency: 'CHF',
-                locale: 'de-CH',
-                exportValueAsInteger: true,
-                hideGroupingSeparatorOnFocus: false,
-                precision: 0,
-                currencyDisplay: 'hidden',
-            },
-        }
+    updateCarModelsList(brand) {
+      this.carModels = brand.models ?? [];
+      this.car_modelSelection = null;
+      this.updateCarModel(null);
     },
-    methods: {
-        updateBrand(brand) {
-            if (brand) {
-                this.brand.id = brand.id;
-                this.brand.name = brand.name;
-                this.brand.models = brand.models;
-            } else {
-                this.brand.id = null;
-                this.brand.name = null;
-                this.brand.models = [];
-            }
-            this.updateCarModelsList(brand);
-        },
-        updateCarModel(car_model) {
-            if (car_model) {
-                this.car_model.id = car_model.id;
-                this.car_model.name = car_model.name;
-                this.form.car_model_id = car_model.id;
-            } else {
-                this.car_model.id = null;
-                this.car_model.name = null;
-                this.form.car_model_id = null;
-            }
-        },
-        updateCarModelsList(brand) {
-            this.carModels = brand.models ?? [];
-            this.car_modelSelection = null;
-            this.updateCarModel(null);
-        },
-        updateBrandSearch(searchQuery, id) {
-            this.brandSearch = searchQuery
-        },
-        addBrand() {
-            axios.post(this.route('brands.store'), {
-                name: this.brandSearch,
-            }).then((response) => {
-                this.brandSelection = response.data;
-                this.brands.push(this.brandSelection);
-                this.updateBrand(this.brandSelection);
-            });
-        },
-        updateCarModelSearch(searchQuery, id) {
-            this.modelSearch = searchQuery
-        },
-        addCarModel() {
-            axios.post(this.route('models.store'), {
-                name: this.modelSearch,
-                brand_id: this.brand.id,
-            }).then((response) => {
-                this.car_modelSelection = response.data;
-                this.carModels.push(this.car_modelSelection);
-                this.updateCarModel(this.car_modelSelection);
-            });
-        },
+    updateBrandSearch(searchQuery, id) {
+      this.brandSearch = searchQuery;
     },
-    mounted: function () {
-        this.$nextTick(function () {
-            this.brandSelection = this.brands.find(x => x.id === this.brand.id);
-            if (this.brandSelection) {
-                this.carModels =  this.brandSelection.models ?? [];
-            }
-        })
+    addBrand() {
+      axios.post(this.route('brands.store'), {
+        name: this.brandSearch,
+      }).then((response) => {
+        this.brandSelection = response.data;
+        this.brands.push(this.brandSelection);
+        this.updateBrand(this.brandSelection);
+      });
     },
-}
+    updateCarModelSearch(searchQuery, id) {
+      this.modelSearch = searchQuery;
+    },
+    addCarModel() {
+      axios.post(this.route('models.store'), {
+        name: this.modelSearch,
+        brand_id: this.brand.id,
+      }).then((response) => {
+        this.car_modelSelection = response.data;
+        this.carModels.push(this.car_modelSelection);
+        this.updateCarModel(this.car_modelSelection);
+      });
+    },
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.brandSelection = this.brands.find((x) => x.id === this.brand.id);
+      if (this.brandSelection) {
+        this.carModels = this.brandSelection.models ?? [];
+      }
+    });
+  },
+};
 </script>
-<style src="vue-multiselect/dist/vue-multiselect.css"></style>
\ No newline at end of file
+<style src="vue-multiselect/dist/vue-multiselect.css"></style>
diff --git a/resources/js/Pages/Cars/Create.vue b/resources/js/Pages/Cars/Create.vue
index 08a3d0a..8794232 100644
--- a/resources/js/Pages/Cars/Create.vue
+++ b/resources/js/Pages/Cars/Create.vue
@@ -6,7 +6,7 @@
                 Neues Auto erfassen
             </h2>
         </template>
-   
+
         <div>
             <car-form :data="data" :meta="meta" :car_model="car_model" :brand="brand" :brands="brands">
                 <template #title>Neues Auto erfassen</template>
@@ -17,44 +17,44 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import CarForm from './Components/CarForm.vue'
-import { ref } from 'vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import { ref } from 'vue';
+import CarForm from './Components/CarForm.vue';
 
 export default {
-    components: {
-        Layout,
-        BreadCrumb,
-        CarForm,
-    },
-    props: {
-        brands: Array,
-    },
-    data() {
-        return {
-            meta: {
-                form_name: 'CreateCar',
-                route: this.route('cars.store'),
-                method: 'post',
-                button_text: 'Auto speichern',
-                on_success: 'Auto gespeichert',
-            },
-            data: {
-                id: null,
-                stammnummer: null,
-                vin: null,
-                colour: null,
-                car_model_id: null,
-                initial_date: ref(new Date()),
-                last_check_date: ref(new Date()),
-                kilometers: null,
-                known_damage: null,
-                notes: null,
-            },
-            brand: {id: null, name: null},
-            car_model: {id: null, name: null},
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    Layout,
+    BreadCrumb,
+    CarForm,
+  },
+  props: {
+    brands: Array,
+  },
+  data() {
+    return {
+      meta: {
+        form_name: 'CreateCar',
+        route: this.route('cars.store'),
+        method: 'post',
+        button_text: 'Auto speichern',
+        on_success: 'Auto gespeichert',
+      },
+      data: {
+        id: null,
+        stammnummer: null,
+        vin: null,
+        colour: null,
+        car_model_id: null,
+        initial_date: ref(new Date()),
+        last_check_date: ref(new Date()),
+        kilometers: null,
+        known_damage: null,
+        notes: null,
+      },
+      brand: { id: null, name: null },
+      car_model: { id: null, name: null },
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Cars/Edit.vue b/resources/js/Pages/Cars/Edit.vue
index de9c5cc..aa47dea 100644
--- a/resources/js/Pages/Cars/Edit.vue
+++ b/resources/js/Pages/Cars/Edit.vue
@@ -19,59 +19,59 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import CarForm from './Components/CarForm.vue'
-import { ref } from 'vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import { ref } from 'vue';
+import CarForm from './Components/CarForm.vue';
 
 export default {
-    components: {
-        BreadCrumb,
-        Layout,
-        CarForm,
-    },
-    props: {
-        car: Object,
-        brands: Array,
-    },
-    computed: {
-        name: function () {
-            let out = '';
-            if (this.brand.name) {
-                out += this.brand.name;
-                if (this.car_model.name) {
-                    out += ' ' + this.car_model.name;
-                }
-            }
-            return out;
-        },
-    },
-    data() {
-        return {
-            currentRoute: 'cars.edit',
-            meta: {
-                form_name: 'EditCar' + this.car.id,
-                route: this.route('cars.update', this.car.id),
-                method: 'put',
-                button_text: 'Änderungen speichern',
-                on_success: 'Änderungen gespeichert',
-            },
-            brand: this.car.brand,
-            car_model: this.car.car_model,
-            data: {
-                id: this.car.id,
-                stammnummer: this.car.stammnummer,
-                vin: this.car.vin,
-                initial_date: ref(new Date(this.car.initial_date)),
-                colour: this.car.colour,
-                notes: this.car.notes,
-                car_model_id: this.car.car_model.id,
-                last_check_date: ref(new Date(this.car.last_check_date)),
-                kilometers: this.car.kilometers,
-                known_damage: this.car.known_damage,
-                notes: this.car.notes,
-            },
+  components: {
+    BreadCrumb,
+    Layout,
+    CarForm,
+  },
+  props: {
+    car: Object,
+    brands: Array,
+  },
+  computed: {
+    name() {
+      let out = '';
+      if (this.brand.name) {
+        out += this.brand.name;
+        if (this.car_model.name) {
+          out += ` ${this.car_model.name}`;
         }
+      }
+      return out;
     },
-}
-</script>
\ No newline at end of file
+  },
+  data() {
+    return {
+      currentRoute: 'cars.edit',
+      meta: {
+        form_name: `EditCar${this.car.id}`,
+        route: this.route('cars.update', this.car.id),
+        method: 'put',
+        button_text: 'Änderungen speichern',
+        on_success: 'Änderungen gespeichert',
+      },
+      brand: this.car.brand,
+      car_model: this.car.car_model,
+      data: {
+        id: this.car.id,
+        stammnummer: this.car.stammnummer,
+        vin: this.car.vin,
+        initial_date: ref(new Date(this.car.initial_date)),
+        colour: this.car.colour,
+        notes: this.car.notes,
+        car_model_id: this.car.car_model.id,
+        last_check_date: ref(new Date(this.car.last_check_date)),
+        kilometers: this.car.kilometers,
+        known_damage: this.car.known_damage,
+        notes: this.car.notes,
+      },
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Cars/Index.vue b/resources/js/Pages/Cars/Index.vue
index b86b7e1..84ea175 100644
--- a/resources/js/Pages/Cars/Index.vue
+++ b/resources/js/Pages/Cars/Index.vue
@@ -13,34 +13,34 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import SimpleTable from '@/Components/SimpleTable.vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import SimpleTable from '@/Components/SimpleTable.vue';
 
 export default {
-    components: {
-        BreadCrumb,
-        Layout,
-        SimpleTable,
-    },
-    props: {
-        filters: Object,
-        sort: Object,
-        cars: Object,
-    },
-    data() {
-        return {
-            currentRoute: 'cars',
-            columns: [
-                {key: 'name', value: 'Name', sortable: true},
-                {key: 'stammnummer', value: 'Stammummer', sortable: true},
-                {key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true},
-                {key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true},
-                {key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true},
-                {key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true},
-                {key: 'profit', value: 'Profit', sortable: true},
-            ],
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    BreadCrumb,
+    Layout,
+    SimpleTable,
+  },
+  props: {
+    filters: Object,
+    sort: Object,
+    cars: Object,
+  },
+  data() {
+    return {
+      currentRoute: 'cars',
+      columns: [
+        { key: 'name', value: 'Name', sortable: true },
+        { key: 'stammnummer', value: 'Stammummer', sortable: true },
+        { key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true },
+        { key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true },
+        { key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true },
+        { key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true },
+        { key: 'profit', value: 'Profit', sortable: true },
+      ],
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Cars/Show.vue b/resources/js/Pages/Cars/Show.vue
index 417dc8f..3985234 100644
--- a/resources/js/Pages/Cars/Show.vue
+++ b/resources/js/Pages/Cars/Show.vue
@@ -51,33 +51,33 @@
 </template>
 
 <script>
-import ShowPage from '@/Components/ShowPage.vue'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import CarCard from '@/Components/CarCard.vue'
-import BuyContractCard from '@/Components/BuyContractCard.vue'
-import SellContractCard from '@/Components/SellContractCard.vue'
-import EditButton from '@/Components/Buttons/EditButton.vue'
-import DeleteButton from '@/Components/Buttons/DeleteButton.vue'
-import RestoreButton from '@/Components/Buttons/RestoreButton.vue'
+import ShowPage from '@/Components/ShowPage.vue';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import CarCard from '@/Components/CarCard.vue';
+import BuyContractCard from '@/Components/BuyContractCard.vue';
+import SellContractCard from '@/Components/SellContractCard.vue';
+import EditButton from '@/Components/Buttons/EditButton.vue';
+import DeleteButton from '@/Components/Buttons/DeleteButton.vue';
+import RestoreButton from '@/Components/Buttons/RestoreButton.vue';
 
 export default {
-    components: {
-        ShowPage,
-        BreadCrumb,
-        CarCard,
-        BuyContractCard,
-        SellContractCard,
-        EditButton,
-        DeleteButton,
-        RestoreButton,
-    },
-    props: {
-        car: Object,
-    },
-    data() {
-        return {
-            currentRoute: 'cars.show',
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    ShowPage,
+    BreadCrumb,
+    CarCard,
+    BuyContractCard,
+    SellContractCard,
+    EditButton,
+    DeleteButton,
+    RestoreButton,
+  },
+  props: {
+    car: Object,
+  },
+  data() {
+    return {
+      currentRoute: 'cars.show',
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Cars/Sold.vue b/resources/js/Pages/Cars/Sold.vue
index adce8be..7f38000 100644
--- a/resources/js/Pages/Cars/Sold.vue
+++ b/resources/js/Pages/Cars/Sold.vue
@@ -13,34 +13,34 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import SimpleTable from '@/Components/SimpleTable.vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import SimpleTable from '@/Components/SimpleTable.vue';
 
 export default {
-    components: {
-        BreadCrumb,
-        Layout,
-        SimpleTable,
-    },
-    props: {
-        filters: Object,
-        sort: Object,
-        cars: Object,
-    },
-    data() {
-        return {
-            currentRoute: 'cars.sold',
-            columns: [
-            {key: 'name', value: 'Name', sortable: true},
-            {key: 'stammnummer', value: 'Stammummer', sortable: true},
-            {key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true},
-            {key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true},
-            {key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true},
-            {key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true},
-            {key: 'profit', value: 'Profit', sortable: true},
-            ],
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    BreadCrumb,
+    Layout,
+    SimpleTable,
+  },
+  props: {
+    filters: Object,
+    sort: Object,
+    cars: Object,
+  },
+  data() {
+    return {
+      currentRoute: 'cars.sold',
+      columns: [
+        { key: 'name', value: 'Name', sortable: true },
+        { key: 'stammnummer', value: 'Stammummer', sortable: true },
+        { key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true },
+        { key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true },
+        { key: 'sell_contract.date', value: 'Verkaufssdatum', sortable: true },
+        { key: 'sell_contract.price', value: 'Verkaufspreis', sortable: true },
+        { key: 'profit', value: 'Profit', sortable: true },
+      ],
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Cars/Unsold.vue b/resources/js/Pages/Cars/Unsold.vue
index 4a1a8fc..73c637b 100644
--- a/resources/js/Pages/Cars/Unsold.vue
+++ b/resources/js/Pages/Cars/Unsold.vue
@@ -13,32 +13,32 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import SimpleTable from '@/Components/SimpleTable.vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import SimpleTable from '@/Components/SimpleTable.vue';
 
 export default {
-    components: {
-        BreadCrumb,
-        Layout,
-        SimpleTable,
-    },
-    props: {
-        filters: Object,
-        sort: Object,
-        cars: Object,
-    },
-    data() {
-        return {
-            currentRoute: 'cars.unsold',
-            columns: [
-                {key: 'name', value: 'Name', sortable: true},
-                {key: 'stammnummer', value: 'Stammummer', sortable: true},
-                {key: 'initial_date', value: 'Inverkehrssetzung', sortable: true},
-                {key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true},
-                {key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true},
-            ],
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    BreadCrumb,
+    Layout,
+    SimpleTable,
+  },
+  props: {
+    filters: Object,
+    sort: Object,
+    cars: Object,
+  },
+  data() {
+    return {
+      currentRoute: 'cars.unsold',
+      columns: [
+        { key: 'name', value: 'Name', sortable: true },
+        { key: 'stammnummer', value: 'Stammummer', sortable: true },
+        { key: 'initial_date', value: 'Inverkehrssetzung', sortable: true },
+        { key: 'buy_contract.date', value: 'Einkaufsdatum', sortable: true },
+        { key: 'buy_contract.price', value: 'Einkaufspreis', sortable: true },
+      ],
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contacts/Buyers.vue b/resources/js/Pages/Contacts/Buyers.vue
index 4324bd6..2816189 100644
--- a/resources/js/Pages/Contacts/Buyers.vue
+++ b/resources/js/Pages/Contacts/Buyers.vue
@@ -13,9 +13,9 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import SimpleTable from '@/Components/SimpleTable.vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import SimpleTable from '@/Components/SimpleTable.vue';
 
 export default {
   components: {
@@ -32,13 +32,13 @@ export default {
     return {
       currentRoute: 'contacts.buyers',
       columns: [
-        {key: 'name', value: 'Name', sortable: true},
-        {key: 'company', value: 'Firma', sortable: true},
-        {key: 'address', value: 'Adresse', sortable: true},
-        {key: 'fullCity', value: 'Ort', sortable: true},
-        {key: 'phone', value: 'Telefon'},
+        { key: 'name', value: 'Name', sortable: true },
+        { key: 'company', value: 'Firma', sortable: true },
+        { key: 'address', value: 'Adresse', sortable: true },
+        { key: 'fullCity', value: 'Ort', sortable: true },
+        { key: 'phone', value: 'Telefon' },
       ],
-    }
+    };
   },
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/resources/js/Pages/Contacts/Components/ContactForm.vue b/resources/js/Pages/Contacts/Components/ContactForm.vue
index ab4e4cf..99d92d0 100644
--- a/resources/js/Pages/Contacts/Components/ContactForm.vue
+++ b/resources/js/Pages/Contacts/Components/ContactForm.vue
@@ -27,32 +27,32 @@
 </template>
 
 <script>
-import JetButton from '@/Jetstream/Button'
-import JetActionMessage from '@/Jetstream/ActionMessage'
-import JetFormSection from '@/Jetstream/FormSection'
-import ContactFormFields from './ContactFormFields'
-import { useForm } from '@inertiajs/inertia-vue3'
+import JetButton from '@/Jetstream/Button';
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetFormSection from '@/Jetstream/FormSection';
+import { useForm } from '@inertiajs/inertia-vue3';
+import ContactFormFields from './ContactFormFields';
 
 export default {
-    components: {
-        JetButton,
-        JetFormSection,
-        JetActionMessage,
-        ContactFormFields,
+  components: {
+    JetButton,
+    JetFormSection,
+    JetActionMessage,
+    ContactFormFields,
+  },
+  props: {
+    data: Object,
+    meta: Object,
+  },
+  data() {
+    return {
+      form: useForm(this.meta.form_name, this.data),
+    };
+  },
+  methods: {
+    submitForm() {
+      this.form.submit(this.meta.method, this.meta.route);
     },
-    props: {
-        data: Object,
-        meta: Object,
-    },
-    data() {
-        return {
-            form: useForm(this.meta.form_name, this.data),
-        }
-    },
-    methods: {
-        submitForm() {
-            this.form.submit(this.meta.method, this.meta.route);
-        },
-    },
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contacts/Components/ContactFormFields.vue b/resources/js/Pages/Contacts/Components/ContactFormFields.vue
index 2b57bd6..2ceb9f9 100644
--- a/resources/js/Pages/Contacts/Components/ContactFormFields.vue
+++ b/resources/js/Pages/Contacts/Components/ContactFormFields.vue
@@ -70,18 +70,18 @@
 </template>
 
 <script>
-import JetLabel from '@/Jetstream/Label.vue'
-import JetInput from '@/Jetstream/Input.vue'
-import JetInputError from '@/Jetstream/InputError'
+import JetLabel from '@/Jetstream/Label.vue';
+import JetInput from '@/Jetstream/Input.vue';
+import JetInputError from '@/Jetstream/InputError';
 
 export default {
-    components: {
-        JetLabel,
-        JetInput,
-        JetInputError,
-    },
-    props: {
-        form: Object,
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    JetLabel,
+    JetInput,
+    JetInputError,
+  },
+  props: {
+    form: Object,
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contacts/Create.vue b/resources/js/Pages/Contacts/Create.vue
index 55b1001..a5bec76 100644
--- a/resources/js/Pages/Contacts/Create.vue
+++ b/resources/js/Pages/Contacts/Create.vue
@@ -6,7 +6,7 @@
                 Neuen Kontakt erfassen
             </h2>
         </template>
-   
+
         <div>
             <contact-form :data="data" :meta="meta">
                 <template #title>Neuen Kontakt erfassen</template>
@@ -17,39 +17,39 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import ContactForm from './Components/ContactForm.vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import ContactForm from './Components/ContactForm.vue';
 
 export default {
-    components: {
-        Layout,
-        BreadCrumb,
-        ContactForm,
-    },
-    data() {
-        return {
-            meta: {
-                form_name: 'CreateContact',
-                route: this.route('contacts.store'),
-                method: 'post',
-                button_text: 'Kontakt speichern',
-                on_success: 'Kontakt gespeichert',
-            },
-            data: {
-                id: null,
-                firstname: null,
-                lastname: null,
-                company: null,
-                email: null,
-                phone: null,
-                address: null,
-                zip: null,
-                city: null,
-                country: 'CH',
-                notes: null,
-            },
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    Layout,
+    BreadCrumb,
+    ContactForm,
+  },
+  data() {
+    return {
+      meta: {
+        form_name: 'CreateContact',
+        route: this.route('contacts.store'),
+        method: 'post',
+        button_text: 'Kontakt speichern',
+        on_success: 'Kontakt gespeichert',
+      },
+      data: {
+        id: null,
+        firstname: null,
+        lastname: null,
+        company: null,
+        email: null,
+        phone: null,
+        address: null,
+        zip: null,
+        city: null,
+        country: 'CH',
+        notes: null,
+      },
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contacts/Edit.vue b/resources/js/Pages/Contacts/Edit.vue
index 8a8989f..f05e243 100644
--- a/resources/js/Pages/Contacts/Edit.vue
+++ b/resources/js/Pages/Contacts/Edit.vue
@@ -7,7 +7,7 @@
                 bearbeiten
             </h2>
         </template>
-   
+
         <div>
             <contact-form :data="data" :meta="meta">
                 <template #title>Kontaktinformationen</template>
@@ -20,43 +20,43 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import ContactForm from './Components/ContactForm.vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import ContactForm from './Components/ContactForm.vue';
 
 export default {
-    components: {
-        Layout,
-        BreadCrumb,
-        ContactForm,
-    },
+  components: {
+    Layout,
+    BreadCrumb,
+    ContactForm,
+  },
 
-    props: {
-        contact: Object,
-    },
-    data() {
-        return {
-            meta: {
-                form_name: 'EditContact' + this.contact.id,
-                route: this.route('contacts.update', this.contact.id),
-                method: 'put',
-                button_text: 'Änderungen speichern',
-                on_success: 'Änderungen gespeichert',
-            },
-            data: {
-                id: this.contact.id,
-                firstname: this.contact.firstname,
-                lastname: this.contact.lastname,
-                company: this.contact.company,
-                email: this.contact.email,
-                phone: this.contact.phone,
-                address: this.contact.address,
-                zip: this.contact.zip,
-                city: this.contact.city,
-                country: this.contact.country,
-                notes: this.contact.notes,
-            },
-        }
-    },
-}
-</script>
\ No newline at end of file
+  props: {
+    contact: Object,
+  },
+  data() {
+    return {
+      meta: {
+        form_name: `EditContact${this.contact.id}`,
+        route: this.route('contacts.update', this.contact.id),
+        method: 'put',
+        button_text: 'Änderungen speichern',
+        on_success: 'Änderungen gespeichert',
+      },
+      data: {
+        id: this.contact.id,
+        firstname: this.contact.firstname,
+        lastname: this.contact.lastname,
+        company: this.contact.company,
+        email: this.contact.email,
+        phone: this.contact.phone,
+        address: this.contact.address,
+        zip: this.contact.zip,
+        city: this.contact.city,
+        country: this.contact.country,
+        notes: this.contact.notes,
+      },
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contacts/Index.vue b/resources/js/Pages/Contacts/Index.vue
index 6383ad2..e75ffab 100644
--- a/resources/js/Pages/Contacts/Index.vue
+++ b/resources/js/Pages/Contacts/Index.vue
@@ -13,9 +13,9 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import SimpleTable from '@/Components/SimpleTable.vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import SimpleTable from '@/Components/SimpleTable.vue';
 
 export default {
   components: {
@@ -32,13 +32,13 @@ export default {
     return {
       currentRoute: 'contacts',
       columns: [
-        {key: 'name', value: 'Name', sortable: true},
-        {key: 'company', value: 'Firma', sortable: true},
-        {key: 'address', value: 'Adresse', sortable: true},
-        {key: 'fullCity', value: 'Ort', sortable: true},
-        {key: 'phone', value: 'Telefon'},
+        { key: 'name', value: 'Name', sortable: true },
+        { key: 'company', value: 'Firma', sortable: true },
+        { key: 'address', value: 'Adresse', sortable: true },
+        { key: 'fullCity', value: 'Ort', sortable: true },
+        { key: 'phone', value: 'Telefon' },
       ],
-    }
+    };
   },
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/resources/js/Pages/Contacts/Sellers.vue b/resources/js/Pages/Contacts/Sellers.vue
index 620d382..91cb2d0 100644
--- a/resources/js/Pages/Contacts/Sellers.vue
+++ b/resources/js/Pages/Contacts/Sellers.vue
@@ -13,9 +13,9 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import SimpleTable from '@/Components/SimpleTable.vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import SimpleTable from '@/Components/SimpleTable.vue';
 
 export default {
   components: {
@@ -32,13 +32,13 @@ export default {
     return {
       currentRoute: 'contacts.sellers',
       columns: [
-        {key: 'name', value: 'Name', sortable: true},
-        {key: 'company', value: 'Firma', sortable: true},
-        {key: 'address', value: 'Adresse', sortable: true},
-        {key: 'fullCity', value: 'Ort', sortable: true},
-        {key: 'phone', value: 'Telefon'},
+        { key: 'name', value: 'Name', sortable: true },
+        { key: 'company', value: 'Firma', sortable: true },
+        { key: 'address', value: 'Adresse', sortable: true },
+        { key: 'fullCity', value: 'Ort', sortable: true },
+        { key: 'phone', value: 'Telefon' },
       ],
-    }
+    };
   },
-}
-</script>
\ No newline at end of file
+};
+</script>
diff --git a/resources/js/Pages/Contacts/Show.vue b/resources/js/Pages/Contacts/Show.vue
index adb04cf..5fd06fa 100644
--- a/resources/js/Pages/Contacts/Show.vue
+++ b/resources/js/Pages/Contacts/Show.vue
@@ -19,7 +19,7 @@
                 gelöscht: {{ contact.deleted_at }}
             </div>
         </template>
-   
+
         <template #more>
             <div class="sm:col-span-10 col-span-12">
                 <div class="whitespace-nowrap">
@@ -54,34 +54,34 @@
 </template>
 
 <script>
-import ShowPage from '@/Components/ShowPage.vue'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import ContactCard from '@/Components/ContactCard.vue'
-import BuyContractCard from '@/Components/BuyContractCard.vue'
-import SellContractCard from '@/Components/SellContractCard.vue'
-import EditButton from '@/Components/Buttons/EditButton.vue'
-import DeleteButton from '@/Components/Buttons/DeleteButton.vue'
-import RestoreButton from '@/Components/Buttons/RestoreButton.vue'
+import ShowPage from '@/Components/ShowPage.vue';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import ContactCard from '@/Components/ContactCard.vue';
+import BuyContractCard from '@/Components/BuyContractCard.vue';
+import SellContractCard from '@/Components/SellContractCard.vue';
+import EditButton from '@/Components/Buttons/EditButton.vue';
+import DeleteButton from '@/Components/Buttons/DeleteButton.vue';
+import RestoreButton from '@/Components/Buttons/RestoreButton.vue';
 
 export default {
-    components: {
-        ShowPage,
-        BreadCrumb,
-        ContactCard,
-        BuyContractCard,
-        SellContractCard,
-        EditButton,
-        DeleteButton,
-        RestoreButton,
-    },
+  components: {
+    ShowPage,
+    BreadCrumb,
+    ContactCard,
+    BuyContractCard,
+    SellContractCard,
+    EditButton,
+    DeleteButton,
+    RestoreButton,
+  },
 
-    props: {
-        contact: Object,
-    },
-    data() {
-        return {
-            currentRoute: 'contacts.show',
-        }
-    },
-}
-</script>
\ No newline at end of file
+  props: {
+    contact: Object,
+  },
+  data() {
+    return {
+      currentRoute: 'contacts.show',
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contracts/Components/ContractForm.vue b/resources/js/Pages/Contracts/Components/ContractForm.vue
index 375c63c..4645e3b 100644
--- a/resources/js/Pages/Contracts/Components/ContractForm.vue
+++ b/resources/js/Pages/Contracts/Components/ContractForm.vue
@@ -47,47 +47,47 @@
 </template>
 
 <script>
-import JetButton from '@/Jetstream/Button'
-import JetLabel from '@/Jetstream/Label.vue'
-import JetInput from '@/Jetstream/Input.vue'
-import JetActionMessage from '@/Jetstream/ActionMessage'
-import JetInputError from '@/Jetstream/InputError'
-import JetFormSection from '@/Jetstream/FormSection'
-import Datepicker from 'vue3-datepicker'
-import { useForm } from '@inertiajs/inertia-vue3'
-import CurrencyInput from '@/Components/CurrencyInput'
+import JetButton from '@/Jetstream/Button';
+import JetLabel from '@/Jetstream/Label.vue';
+import JetInput from '@/Jetstream/Input.vue';
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetInputError from '@/Jetstream/InputError';
+import JetFormSection from '@/Jetstream/FormSection';
+import Datepicker from 'vue3-datepicker';
+import { useForm } from '@inertiajs/inertia-vue3';
+import CurrencyInput from '@/Components/CurrencyInput';
 
 export default {
-    components: {
-        JetButton,
-        JetFormSection,
-        JetLabel,
-        JetInput,
-        JetInputError,
-        JetActionMessage,
-        Datepicker,
-        CurrencyInput,
+  components: {
+    JetButton,
+    JetFormSection,
+    JetLabel,
+    JetInput,
+    JetInputError,
+    JetActionMessage,
+    Datepicker,
+    CurrencyInput,
+  },
+  props: {
+    data: Object,
+    meta: Object,
+    insurance_types: Array,
+  },
+  data() {
+    return {
+      form: useForm(this.meta.form_name, this.data),
+      currencyOptions: {
+        currency: 'CHF',
+        locale: 'de-CH',
+        exportValueAsInteger: true,
+        hideGroupingSeparatorOnFocus: false,
+      },
+    };
+  },
+  methods: {
+    submitForm() {
+      this.form.submit(this.meta.method, this.meta.route);
     },
-    props: {
-        data: Object,
-        meta: Object,
-        insurance_types: Array,
-    },
-    data() {
-        return {
-            form: useForm(this.meta.form_name, this.data),
-            currencyOptions: {
-                currency: 'CHF',
-                locale: 'de-CH',
-                exportValueAsInteger: true,
-                hideGroupingSeparatorOnFocus: false,
-            },
-        }
-    },
-    methods: {
-        submitForm() {
-            this.form.submit(this.meta.method, this.meta.route);
-        },
-    },
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contracts/Create.vue b/resources/js/Pages/Contracts/Create.vue
index dbd334e..cc57ab9 100644
--- a/resources/js/Pages/Contracts/Create.vue
+++ b/resources/js/Pages/Contracts/Create.vue
@@ -10,7 +10,7 @@
                 Neuen {{ contractType }} erstellen
             </h2>
         </template>
-   
+
         <div>
             <jet-form-section v-if="!car_first" :emptyBg="true" class="max-w-7xl mb-5">
                 <template #title>
@@ -54,61 +54,61 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import ContractForm from './Components/ContractForm.vue'
-import CarCard from '@/Components/CarCard.vue'
-import ContactCard from '@/Components/ContactCard.vue'
-import JetFormSection from '@/Jetstream/FormSection'
-import { ref } from 'vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import CarCard from '@/Components/CarCard.vue';
+import ContactCard from '@/Components/ContactCard.vue';
+import JetFormSection from '@/Jetstream/FormSection';
+import { ref } from 'vue';
+import ContractForm from './Components/ContractForm.vue';
 
 export default {
-    components: {
-        Layout,
-        BreadCrumb,
-        ContractForm,
-        CarCard,
-        ContactCard,
-        JetFormSection,
+  components: {
+    Layout,
+    BreadCrumb,
+    ContractForm,
+    CarCard,
+    ContactCard,
+    JetFormSection,
+  },
+  props: {
+    car: Object,
+    contact: Object,
+    type: String,
+    car_first: Boolean,
+    insurance_types: Array,
+  },
+  data() {
+    return {
+      meta: {
+        form_name: 'CreateContract',
+        route: this.route('contracts.store'),
+        method: 'post',
+        button_text: 'Vertrag speichern',
+        on_success: 'Vertrag gespeichert',
+      },
+      data: {
+        id: null,
+        date: ref(new Date()),
+        price: null,
+        type: this.type,
+        insurance_type: '0',
+        car_id: this.car.id,
+        contact_id: this.contact.id,
+        is_sell_contract: this.type == 'SellContract',
+      },
+    };
+  },
+  computed: {
+    contractType() {
+      return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
     },
-    props: {
-        car: Object,
-        contact: Object,
-        type: String,
-        car_first: Boolean,
-        insurance_types: Array,
+    contactType() {
+      return this.isSellContract ? 'Käufer' : 'Verkäufer';
     },
-    data() {
-        return {
-            meta: {
-                form_name: 'CreateContract',
-                route: this.route('contracts.store'),
-                method: 'post',
-                button_text: 'Vertrag speichern',
-                on_success: 'Vertrag gespeichert',
-            },
-            data: {
-                id: null,
-                date: ref(new Date()),
-                price: null,
-                type: this.type,
-                insurance_type: '0',
-                car_id: this.car.id,
-                contact_id: this.contact.id,
-                is_sell_contract: this.type == "SellContract",
-            },
-        }
+    isSellContract() {
+      return this.type == 'SellContract';
     },
-    computed: {
-        contractType: function () {
-           return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag";
-        },
-        contactType: function () {
-           return this.isSellContract ? "Käufer" : "Verkäufer";
-        },
-        isSellContract: function () {
-            return this.type == "SellContract";
-        },
-    }
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contracts/CreateFromCar.vue b/resources/js/Pages/Contracts/CreateFromCar.vue
index 242c547..2755221 100644
--- a/resources/js/Pages/Contracts/CreateFromCar.vue
+++ b/resources/js/Pages/Contracts/CreateFromCar.vue
@@ -67,114 +67,113 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import ContactFormFields from '@/Pages/Contacts/Components/ContactFormFields.vue'
-import CarCard from '@/Components/CarCard.vue'
-import ContactCard from '@/Components/ContactCard.vue'
-import JetFormSection from '@/Jetstream/FormSection'
-import Multiselect from 'vue-multiselect'
-import JetLabel from '@/Jetstream/Label.vue'
-import JetButton from '@/Jetstream/Button'
-import JetActionMessage from '@/Jetstream/ActionMessage'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import ContactFormFields from '@/Pages/Contacts/Components/ContactFormFields.vue';
+import CarCard from '@/Components/CarCard.vue';
+import ContactCard from '@/Components/ContactCard.vue';
+import JetFormSection from '@/Jetstream/FormSection';
+import Multiselect from 'vue-multiselect';
+import JetLabel from '@/Jetstream/Label.vue';
+import JetButton from '@/Jetstream/Button';
+import JetActionMessage from '@/Jetstream/ActionMessage';
 
 export default {
-    components: {
-        Layout,
-        BreadCrumb,
-        CarCard,
-        ContactCard,
-        JetFormSection,
-        ContactFormFields,
-        Multiselect,
-        JetLabel,
-        JetButton,
-        JetActionMessage,
+  components: {
+    Layout,
+    BreadCrumb,
+    CarCard,
+    ContactCard,
+    JetFormSection,
+    ContactFormFields,
+    Multiselect,
+    JetLabel,
+    JetButton,
+    JetActionMessage,
+  },
+  props: {
+    car: Object,
+    contacts: Object,
+    type: String,
+  },
+  data() {
+    return {
+      contactsChoice: this.contacts,
+      contact: {
+        id: null,
+        firstname: null,
+        lastname: null,
+        company: null,
+        email: null,
+        phone: null,
+        address: null,
+        zip: null,
+        city: null,
+        country: null,
+        notes: null,
+        errors: {},
+      },
+      createContact: false,
+    };
+  },
+  computed: {
+    contractType() {
+      return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
     },
-    props: {
-        car: Object,
-        contacts: Object,
-        type: String,
+    contactType() {
+      return this.isSellContract ? 'Käufer' : 'Verkäufer';
     },
-    data() {
-        return {
-            contactsChoice: this.contacts,
-            contact: {
-                id: null,
-                firstname: null,
-                lastname: null,
-                company: null,
-                email: null,
-                phone: null,
-                address: null,
-                zip: null,
-                city: null,
-                country: null,
-                notes: null,
-                errors: {},
-            },
-            createContact: false,
-        }
+    isSellContract() {
+      return this.type == 'SellContract';
     },
-    computed: {
-        contractType: function () {
-           return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag";
-        },
-        contactType: function () {
-           return this.isSellContract ? "Käufer" : "Verkäufer";
-        },
-        isSellContract: function () {
-            return this.type == "SellContract";
-        },
-        emptyContact: function() {
-            return {
-                id: null,
-                firstname: null,
-                lastname: null,
-                company: null,
-                email: null,
-                phone: null,
-                address: null,
-                zip: null,
-                city: null,
-                country: null,
-                notes: null,
-                errors: {},
-            };
-        },
+    emptyContact() {
+      return {
+        id: null,
+        firstname: null,
+        lastname: null,
+        company: null,
+        email: null,
+        phone: null,
+        address: null,
+        zip: null,
+        city: null,
+        country: null,
+        notes: null,
+        errors: {},
+      };
     },
-    methods: {
-        nextPage() {
-            this.$inertia.get(route('contracts.create', {
-                type: this.isSellContract ? 1 : 0,
-                car: this.car.id,
-                contact: this.contact.id,
-            }), { preserveScroll: true, carFirst: true, });
-        },
-        openContactForm() {
-            this.createContact = true;
-            this.contact = this.emptyContact;
-        },
-        submitCreateContactForm(e) {
-            e.preventDefault();
-            axios.post(this.route('contacts.store_for_contract'), this.contact)
-                .then(res => {
-                    this.contactsChoice.push(res.data);
-                    this.contact = res.data;
-                    this.createContact = false;
-                }).catch(err => {
-                    if (err.response) {
-                        let errors = err.response.data.errors;
+  },
+  methods: {
+    nextPage() {
+      this.$inertia.get(route('contracts.create', {
+        type: this.isSellContract ? 1 : 0,
+        car: this.car.id,
+        contact: this.contact.id,
+      }), { preserveScroll: true, carFirst: true });
+    },
+    openContactForm() {
+      this.createContact = true;
+      this.contact = this.emptyContact;
+    },
+    submitCreateContactForm(e) {
+      e.preventDefault();
+      axios.post(this.route('contacts.store_for_contract'), this.contact)
+        .then((res) => {
+          this.contactsChoice.push(res.data);
+          this.contact = res.data;
+          this.createContact = false;
+        }).catch((err) => {
+          if (err.response) {
+            const { errors } = err.response.data;
 
-                        Object.keys(errors).map(function(key, index) {
-                            errors[key] = errors[key].join(' ');
-                        });
-                        this.contact.errors = errors;
-                    }
-                   
-                });
-        },
+            Object.keys(errors).map((key, index) => {
+              errors[key] = errors[key].join(' ');
+            });
+            this.contact.errors = errors;
+          }
+        });
     },
-}
+  },
+};
 </script>
-<style src="vue-multiselect/dist/vue-multiselect.css"></style>
\ No newline at end of file
+<style src="vue-multiselect/dist/vue-multiselect.css"></style>
diff --git a/resources/js/Pages/Contracts/CreateFromContact.vue b/resources/js/Pages/Contracts/CreateFromContact.vue
index b16c9a5..e2347df 100644
--- a/resources/js/Pages/Contracts/CreateFromContact.vue
+++ b/resources/js/Pages/Contracts/CreateFromContact.vue
@@ -67,115 +67,114 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import CarFormFields from '@/Pages/Cars/Components/CarFormFields.vue'
-import CarCard from '@/Components/CarCard.vue'
-import ContactCard from '@/Components/ContactCard.vue'
-import JetFormSection from '@/Jetstream/FormSection'
-import Multiselect from 'vue-multiselect'
-import JetLabel from '@/Jetstream/Label.vue'
-import JetButton from '@/Jetstream/Button'
-import JetActionMessage from '@/Jetstream/ActionMessage'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import CarFormFields from '@/Pages/Cars/Components/CarFormFields.vue';
+import CarCard from '@/Components/CarCard.vue';
+import ContactCard from '@/Components/ContactCard.vue';
+import JetFormSection from '@/Jetstream/FormSection';
+import Multiselect from 'vue-multiselect';
+import JetLabel from '@/Jetstream/Label.vue';
+import JetButton from '@/Jetstream/Button';
+import JetActionMessage from '@/Jetstream/ActionMessage';
 
 export default {
-    components: {
-        Layout,
-        BreadCrumb,
-        CarCard,
-        ContactCard,
-        CarFormFields,
-        JetFormSection,
-        Multiselect,
-        JetLabel,
-        JetButton,
-        JetActionMessage,
+  components: {
+    Layout,
+    BreadCrumb,
+    CarCard,
+    ContactCard,
+    CarFormFields,
+    JetFormSection,
+    Multiselect,
+    JetLabel,
+    JetButton,
+    JetActionMessage,
+  },
+  props: {
+    contact: Object,
+    cars: Object,
+    brands: Object,
+    type: String,
+  },
+  data() {
+    return {
+      carsChoice: this.cars,
+      car: {
+        id: null,
+        stammnummer: null,
+        vin: null,
+        colour: null,
+        car_model_id: null,
+        initial_date: null,
+        last_check_date: null,
+        kilometers: null,
+        known_damage: null,
+        notes: null,
+        errors: {},
+      },
+      brand: { id: null, name: null },
+      car_model: { id: null, name: null },
+      createCar: false,
+    };
+  },
+  computed: {
+    contractType() {
+      return this.isSellContract ? 'Verkaufsvertrag' : 'Ankaufsvertrag';
     },
-    props: {
-        contact: Object,
-        cars: Object,
-        brands: Object,
-        type: String,
+    contactType() {
+      return this.isSellContract ? 'Käufer' : 'Verkäufer';
     },
-    data() {
-        return {
-            carsChoice: this.cars,
-            car: {
-                id: null,
-                stammnummer: null,
-                vin: null,
-                colour: null,
-                car_model_id: null,
-                initial_date: null,
-                last_check_date: null,
-                kilometers: null,
-                known_damage: null,
-                notes: null,
-                errors: {},
-            },
-            brand: {id: null, name: null},
-            car_model: {id: null, name: null},
-            createCar: false,
-        }
+    isSellContract() {
+      return this.type == 'SellContract';
     },
-    computed: {
-        contractType: function () {
-           return this.isSellContract ? "Verkaufsvertrag" : "Ankaufsvertrag";
-        },
-        contactType: function () {
-           return this.isSellContract ? "Käufer" : "Verkäufer";
-        },
-        isSellContract: function () {
-            return this.type == "SellContract";
-        },
-        emptyCar: function() {
-            return {
-                id: null,
-                stammnummer: null,
-                vin: null,
-                colour: null,
-                car_model_id: null,
-                initial_date: null,
-                last_check_date: null,
-                kilometers: null,
-                known_damage: null,
-                notes: null,
-                errors: {},
-            };
-        },
+    emptyCar() {
+      return {
+        id: null,
+        stammnummer: null,
+        vin: null,
+        colour: null,
+        car_model_id: null,
+        initial_date: null,
+        last_check_date: null,
+        kilometers: null,
+        known_damage: null,
+        notes: null,
+        errors: {},
+      };
     },
-    methods: {
-        nextPage() {
-            this.$inertia.get(route('contracts.create', {
-                type: this.isSellContract ? 1 : 0,
-                car: this.car.id,
-                contact: this.contact.id,
-            }), { preserveScroll: true });
-        },
-        openCarForm() {
-            this.createCar = true;
-            this.car = this.emptyCar;
-        },
-        submitCreateCarForm(e) {
-            e.preventDefault();
-            axios.post(this.route('cars.store_for_contract'), this.car)
-                .then(res => {
-                    this.carsChoice.push(res.data);
-                    this.car = res.data;
-                    this.createCar = false;
-                }).catch(err => {
-                    if (err.response) {
-                        let errors = err.response.data.errors;
+  },
+  methods: {
+    nextPage() {
+      this.$inertia.get(route('contracts.create', {
+        type: this.isSellContract ? 1 : 0,
+        car: this.car.id,
+        contact: this.contact.id,
+      }), { preserveScroll: true });
+    },
+    openCarForm() {
+      this.createCar = true;
+      this.car = this.emptyCar;
+    },
+    submitCreateCarForm(e) {
+      e.preventDefault();
+      axios.post(this.route('cars.store_for_contract'), this.car)
+        .then((res) => {
+          this.carsChoice.push(res.data);
+          this.car = res.data;
+          this.createCar = false;
+        }).catch((err) => {
+          if (err.response) {
+            const { errors } = err.response.data;
 
-                        Object.keys(errors).map(function(key, index) {
-                            errors[key] = errors[key].join(' ');
-                        });
-                        this.car.errors = errors;
-                    }
-                   
-                });
-        },
+            Object.keys(errors).map((key, index) => {
+              errors[key] = errors[key].join(' ');
+            });
+            this.car.errors = errors;
+          }
+        });
     },
-}
+  },
+};
 </script>
-<style src="vue-multiselect/dist/vue-multiselect.css"></style>
\ No newline at end of file
+<style src="vue-multiselect/dist/vue-multiselect.css"></style>
diff --git a/resources/js/Pages/Contracts/Edit.vue b/resources/js/Pages/Contracts/Edit.vue
index 0de5c7f..013d5e6 100644
--- a/resources/js/Pages/Contracts/Edit.vue
+++ b/resources/js/Pages/Contracts/Edit.vue
@@ -20,38 +20,38 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import ContractForm from './Components/ContractForm.vue'
-import { ref } from 'vue'
+import Layout from '@/Layouts/Layout';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import { ref } from 'vue';
+import ContractForm from './Components/ContractForm.vue';
 
 export default {
-    components: {
-        BreadCrumb,
-        Layout,
-        ContractForm,
-    },
-    props: {
-        contract: Object,
-        insurance_types: Array,
-    },
-    data() {
-        return {
-            currentRoute: 'contracts.edit',
-            meta: {
-                form_name: 'EditContract' + this.contract.id,
-                route: this.route('contracts.update', this.contract.id),
-                method: 'put',
-                button_text: 'Änderungen speichern',
-                on_success: 'Änderungen gespeichert',
-            },
-            data: {
-                date: ref(new Date(this.contract.date)),
-                price: this.contract.price,
-                insurance_type: this.contract.insurance_type,
-                is_sell_contract: this.contract.is_sell_contract,
-            }
-        }
-    },
-}
-</script>
\ No newline at end of file
+  components: {
+    BreadCrumb,
+    Layout,
+    ContractForm,
+  },
+  props: {
+    contract: Object,
+    insurance_types: Array,
+  },
+  data() {
+    return {
+      currentRoute: 'contracts.edit',
+      meta: {
+        form_name: `EditContract${this.contract.id}`,
+        route: this.route('contracts.update', this.contract.id),
+        method: 'put',
+        button_text: 'Änderungen speichern',
+        on_success: 'Änderungen gespeichert',
+      },
+      data: {
+        date: ref(new Date(this.contract.date)),
+        price: this.contract.price,
+        insurance_type: this.contract.insurance_type,
+        is_sell_contract: this.contract.is_sell_contract,
+      },
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Contracts/Show.vue b/resources/js/Pages/Contracts/Show.vue
index 39fcf76..c12c32f 100644
--- a/resources/js/Pages/Contracts/Show.vue
+++ b/resources/js/Pages/Contracts/Show.vue
@@ -73,57 +73,56 @@
 </template>
 
 <script>
-import ShowPage from '@/Components/ShowPage.vue'
-import BreadCrumb from '@/Components/BreadCrumb.vue'
-import SimpleTable from '@/Components/SimpleTable.vue'
-import DeleteButton from '@/Components/Buttons/DeleteButton.vue'
-import RestoreButton from '@/Components/Buttons/RestoreButton.vue'
-import CarCard from '@/Components/CarCard.vue'
-import PrintButton from '@/Components/Buttons/PrintButton.vue'
-import ContactCard from '@/Components/ContactCard.vue'
-import EditButton from '@/Components/Buttons/EditButton.vue'
-import DocumentsView from '@/Components/Documents/View.vue'
-import PaymentsView from '@/Components/Payments/View.vue'
-
+import ShowPage from '@/Components/ShowPage.vue';
+import BreadCrumb from '@/Components/BreadCrumb.vue';
+import SimpleTable from '@/Components/SimpleTable.vue';
+import DeleteButton from '@/Components/Buttons/DeleteButton.vue';
+import RestoreButton from '@/Components/Buttons/RestoreButton.vue';
+import CarCard from '@/Components/CarCard.vue';
+import PrintButton from '@/Components/Buttons/PrintButton.vue';
+import ContactCard from '@/Components/ContactCard.vue';
+import EditButton from '@/Components/Buttons/EditButton.vue';
+import DocumentsView from '@/Components/Documents/View.vue';
+import PaymentsView from '@/Components/Payments/View.vue';
 
 export default {
-    components: {
-        BreadCrumb,
-        ShowPage,
-        SimpleTable,
-        CarCard,
-        DeleteButton,
-        RestoreButton,
-        PrintButton,
-        ContactCard,
-        EditButton,
-        CarCard,
-        DocumentsView,
-        PaymentsView,
+  components: {
+    BreadCrumb,
+    ShowPage,
+    SimpleTable,
+    CarCard,
+    DeleteButton,
+    RestoreButton,
+    PrintButton,
+    ContactCard,
+    EditButton,
+    CarCard,
+    DocumentsView,
+    PaymentsView,
+  },
+  props: {
+    contract: Object,
+  },
+  computed: {
+    contactTitle() {
+      return this.contract.is_sell_contract ? 'Käufer' : 'Verkäufer';
     },
-    props: {
-        contract: Object,
-    },
-    computed: {
-        contactTitle: function() {
-            return this.contract.is_sell_contract ? 'Käufer' : 'Verkäufer';
-        }
-    },
-    data() {
-        return {
-            currentRoute: 'contracts.show', 
-            buyContractsColumns: [
-                {key: 'contact', value: 'Verkäufer'},
-                {key: 'date', value: 'Kaufdatum'},
-                {key: 'price', value: 'Kaufpreis'},
-            ],
-            sellContractsColumns: [
-                {key: 'contact', value: 'Käufer'},
-                {key: 'date', value: 'Verkaufsdatum'},
-                {key: 'price', value: 'Verkaufspreis'},
-                {key: 'insurance_type', value: 'Versicherungstyp'},
-            ],
-        }
-    },
-}
-</script>
\ No newline at end of file
+  },
+  data() {
+    return {
+      currentRoute: 'contracts.show',
+      buyContractsColumns: [
+        { key: 'contact', value: 'Verkäufer' },
+        { key: 'date', value: 'Kaufdatum' },
+        { key: 'price', value: 'Kaufpreis' },
+      ],
+      sellContractsColumns: [
+        { key: 'contact', value: 'Käufer' },
+        { key: 'date', value: 'Verkaufsdatum' },
+        { key: 'price', value: 'Verkaufspreis' },
+        { key: 'insurance_type', value: 'Versicherungstyp' },
+      ],
+    };
+  },
+};
+</script>
diff --git a/resources/js/Pages/Dashboard.vue b/resources/js/Pages/Dashboard.vue
index 7e134e2..c1977b3 100644
--- a/resources/js/Pages/Dashboard.vue
+++ b/resources/js/Pages/Dashboard.vue
@@ -22,39 +22,39 @@
 </template>
 
 <script>
-    import Layout from '@/Layouts/Layout'
-    import SimpleTable from '@/Components/SimpleTable.vue'
-    import DashItem from '@/Components/Dashboard/DashItem.vue'
+import Layout from '@/Layouts/Layout';
+import SimpleTable from '@/Components/SimpleTable.vue';
+import DashItem from '@/Components/Dashboard/DashItem.vue';
 
-    export default {
-        components: {
-            Layout,
-            SimpleTable,
-            DashItem,
-        },
-        props: {
-            buy_contracts: Object,
-            sell_contracts: Object,
-            sold_this_year: Number,
-            bought_this_year: Number,
-            my_cars: Number,
-        },
-        data() {
-            return {
-                currentRoute: 'cars',
-                buyContractColumns: [
-                    {key: 'date', value: 'Datum', sortable: false},
-                    // {key: 'car', value: 'Auto', sortable: false},
-                    {key: 'contact', value: 'Verkäufer', sortable: false},
-                    {key: 'price', value: 'Einkaufspreis', sortable: false},
-                ],
-                sellContractColumns: [
-                    {key: 'date', value: 'Datum', sortable: false},
-                    // {key: 'car', value: 'Auto', sortable: false},
-                    {key: 'contact', value: 'Käufer', sortable: false},
-                    {key: 'price', value: 'Verkaufspreis', sortable: false},
-                ],
-            }
-        },
-    }
+export default {
+  components: {
+    Layout,
+    SimpleTable,
+    DashItem,
+  },
+  props: {
+    buy_contracts: Object,
+    sell_contracts: Object,
+    sold_this_year: Number,
+    bought_this_year: Number,
+    my_cars: Number,
+  },
+  data() {
+    return {
+      currentRoute: 'cars',
+      buyContractColumns: [
+        { key: 'date', value: 'Datum', sortable: false },
+        // {key: 'car', value: 'Auto', sortable: false},
+        { key: 'contact', value: 'Verkäufer', sortable: false },
+        { key: 'price', value: 'Einkaufspreis', sortable: false },
+      ],
+      sellContractColumns: [
+        { key: 'date', value: 'Datum', sortable: false },
+        // {key: 'car', value: 'Auto', sortable: false},
+        { key: 'contact', value: 'Käufer', sortable: false },
+        { key: 'price', value: 'Verkaufspreis', sortable: false },
+      ],
+    };
+  },
+};
 </script>
diff --git a/resources/js/Pages/Profile/DeleteUserForm.vue b/resources/js/Pages/Profile/DeleteUserForm.vue
index 1ce91f3..8c65917 100644
--- a/resources/js/Pages/Profile/DeleteUserForm.vue
+++ b/resources/js/Pages/Profile/DeleteUserForm.vue
@@ -53,54 +53,54 @@
 </template>
 
 <script>
-    import JetActionSection from '@/Jetstream/ActionSection'
-    import JetDialogModal from '@/Jetstream/DialogModal'
-    import JetDangerButton from '@/Jetstream/DangerButton'
-    import JetInput from '@/Jetstream/Input'
-    import JetInputError from '@/Jetstream/InputError'
-    import JetSecondaryButton from '@/Jetstream/SecondaryButton'
+import JetActionSection from '@/Jetstream/ActionSection';
+import JetDialogModal from '@/Jetstream/DialogModal';
+import JetDangerButton from '@/Jetstream/DangerButton';
+import JetInput from '@/Jetstream/Input';
+import JetInputError from '@/Jetstream/InputError';
+import JetSecondaryButton from '@/Jetstream/SecondaryButton';
 
-    export default {
-        components: {
-            JetActionSection,
-            JetDangerButton,
-            JetDialogModal,
-            JetInput,
-            JetInputError,
-            JetSecondaryButton,
-        },
+export default {
+  components: {
+    JetActionSection,
+    JetDangerButton,
+    JetDialogModal,
+    JetInput,
+    JetInputError,
+    JetSecondaryButton,
+  },
 
-        data() {
-            return {
-                confirmingUserDeletion: false,
+  data() {
+    return {
+      confirmingUserDeletion: false,
 
-                form: this.$inertia.form({
-                    password: '',
-                })
-            }
-        },
+      form: this.$inertia.form({
+        password: '',
+      }),
+    };
+  },
 
-        methods: {
-            confirmUserDeletion() {
-                this.confirmingUserDeletion = true;
+  methods: {
+    confirmUserDeletion() {
+      this.confirmingUserDeletion = true;
 
-                setTimeout(() => this.$refs.password.focus(), 250)
-            },
+      setTimeout(() => this.$refs.password.focus(), 250);
+    },
 
-            deleteUser() {
-                this.form.delete(route('current-user.destroy'), {
-                    preserveScroll: true,
-                    onSuccess: () => this.closeModal(),
-                    onError: () => this.$refs.password.focus(),
-                    onFinish: () => this.form.reset(),
-                })
-            },
+    deleteUser() {
+      this.form.delete(route('current-user.destroy'), {
+        preserveScroll: true,
+        onSuccess: () => this.closeModal(),
+        onError: () => this.$refs.password.focus(),
+        onFinish: () => this.form.reset(),
+      });
+    },
 
-            closeModal() {
-                this.confirmingUserDeletion = false
+    closeModal() {
+      this.confirmingUserDeletion = false;
 
-                this.form.reset()
-            },
-        },
-    }
+      this.form.reset();
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Profile/LogoutOtherBrowserSessionsForm.vue b/resources/js/Pages/Profile/LogoutOtherBrowserSessionsForm.vue
index aea07c0..c1336c5 100644
--- a/resources/js/Pages/Profile/LogoutOtherBrowserSessionsForm.vue
+++ b/resources/js/Pages/Profile/LogoutOtherBrowserSessionsForm.vue
@@ -87,58 +87,58 @@
 </template>
 
 <script>
-    import JetActionMessage from '@/Jetstream/ActionMessage'
-    import JetActionSection from '@/Jetstream/ActionSection'
-    import JetButton from '@/Jetstream/Button'
-    import JetDialogModal from '@/Jetstream/DialogModal'
-    import JetInput from '@/Jetstream/Input'
-    import JetInputError from '@/Jetstream/InputError'
-    import JetSecondaryButton from '@/Jetstream/SecondaryButton'
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetActionSection from '@/Jetstream/ActionSection';
+import JetButton from '@/Jetstream/Button';
+import JetDialogModal from '@/Jetstream/DialogModal';
+import JetInput from '@/Jetstream/Input';
+import JetInputError from '@/Jetstream/InputError';
+import JetSecondaryButton from '@/Jetstream/SecondaryButton';
 
-    export default {
-        props: ['sessions'],
+export default {
+  props: ['sessions'],
 
-        components: {
-            JetActionMessage,
-            JetActionSection,
-            JetButton,
-            JetDialogModal,
-            JetInput,
-            JetInputError,
-            JetSecondaryButton,
-        },
+  components: {
+    JetActionMessage,
+    JetActionSection,
+    JetButton,
+    JetDialogModal,
+    JetInput,
+    JetInputError,
+    JetSecondaryButton,
+  },
 
-        data() {
-            return {
-                confirmingLogout: false,
+  data() {
+    return {
+      confirmingLogout: false,
 
-                form: this.$inertia.form({
-                    password: '',
-                })
-            }
-        },
+      form: this.$inertia.form({
+        password: '',
+      }),
+    };
+  },
 
-        methods: {
-            confirmLogout() {
-                this.confirmingLogout = true
+  methods: {
+    confirmLogout() {
+      this.confirmingLogout = true;
 
-                setTimeout(() => this.$refs.password.focus(), 250)
-            },
+      setTimeout(() => this.$refs.password.focus(), 250);
+    },
 
-            logoutOtherBrowserSessions() {
-                this.form.delete(route('other-browser-sessions.destroy'), {
-                    preserveScroll: true,
-                    onSuccess: () => this.closeModal(),
-                    onError: () => this.$refs.password.focus(),
-                    onFinish: () => this.form.reset(),
-                })
-            },
+    logoutOtherBrowserSessions() {
+      this.form.delete(route('other-browser-sessions.destroy'), {
+        preserveScroll: true,
+        onSuccess: () => this.closeModal(),
+        onError: () => this.$refs.password.focus(),
+        onFinish: () => this.form.reset(),
+      });
+    },
 
-            closeModal() {
-                this.confirmingLogout = false
+    closeModal() {
+      this.confirmingLogout = false;
 
-                this.form.reset()
-            },
-        },
-    }
+      this.form.reset();
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Profile/Show.vue b/resources/js/Pages/Profile/Show.vue
index 99c789a..c87cc06 100644
--- a/resources/js/Pages/Profile/Show.vue
+++ b/resources/js/Pages/Profile/Show.vue
@@ -39,25 +39,25 @@
 </template>
 
 <script>
-    import Layout from '@/Layouts/Layout'
-    import DeleteUserForm from './DeleteUserForm'
-    import JetSectionBorder from '@/Jetstream/SectionBorder'
-    import LogoutOtherBrowserSessionsForm from './LogoutOtherBrowserSessionsForm'
-    import TwoFactorAuthenticationForm from './TwoFactorAuthenticationForm'
-    import UpdatePasswordForm from './UpdatePasswordForm'
-    import UpdateProfileInformationForm from './UpdateProfileInformationForm'
+import Layout from '@/Layouts/Layout';
+import JetSectionBorder from '@/Jetstream/SectionBorder';
+import DeleteUserForm from './DeleteUserForm';
+import LogoutOtherBrowserSessionsForm from './LogoutOtherBrowserSessionsForm';
+import TwoFactorAuthenticationForm from './TwoFactorAuthenticationForm';
+import UpdatePasswordForm from './UpdatePasswordForm';
+import UpdateProfileInformationForm from './UpdateProfileInformationForm';
 
-    export default {
-        props: ['sessions'],
+export default {
+  props: ['sessions'],
 
-        components: {
-            Layout,
-            DeleteUserForm,
-            JetSectionBorder,
-            LogoutOtherBrowserSessionsForm,
-            TwoFactorAuthenticationForm,
-            UpdatePasswordForm,
-            UpdateProfileInformationForm,
-        },
-    }
+  components: {
+    Layout,
+    DeleteUserForm,
+    JetSectionBorder,
+    LogoutOtherBrowserSessionsForm,
+    TwoFactorAuthenticationForm,
+    UpdatePasswordForm,
+    UpdateProfileInformationForm,
+  },
+};
 </script>
diff --git a/resources/js/Pages/Profile/TwoFactorAuthenticationForm.vue b/resources/js/Pages/Profile/TwoFactorAuthenticationForm.vue
index c533cca..cfb9bcd 100644
--- a/resources/js/Pages/Profile/TwoFactorAuthenticationForm.vue
+++ b/resources/js/Pages/Profile/TwoFactorAuthenticationForm.vue
@@ -87,80 +87,80 @@
 </template>
 
 <script>
-    import JetActionSection from '@/Jetstream/ActionSection'
-    import JetButton from '@/Jetstream/Button'
-    import JetConfirmsPassword from '@/Jetstream/ConfirmsPassword'
-    import JetDangerButton from '@/Jetstream/DangerButton'
-    import JetSecondaryButton from '@/Jetstream/SecondaryButton'
+import JetActionSection from '@/Jetstream/ActionSection';
+import JetButton from '@/Jetstream/Button';
+import JetConfirmsPassword from '@/Jetstream/ConfirmsPassword';
+import JetDangerButton from '@/Jetstream/DangerButton';
+import JetSecondaryButton from '@/Jetstream/SecondaryButton';
 
-    export default {
-        components: {
-            JetActionSection,
-            JetButton,
-            JetConfirmsPassword,
-            JetDangerButton,
-            JetSecondaryButton,
-        },
+export default {
+  components: {
+    JetActionSection,
+    JetButton,
+    JetConfirmsPassword,
+    JetDangerButton,
+    JetSecondaryButton,
+  },
 
-        data() {
-            return {
-                enabling: false,
-                disabling: false,
+  data() {
+    return {
+      enabling: false,
+      disabling: false,
 
-                qrCode: null,
-                recoveryCodes: [],
-            }
-        },
+      qrCode: null,
+      recoveryCodes: [],
+    };
+  },
 
-        methods: {
-            enableTwoFactorAuthentication() {
-                this.enabling = true
+  methods: {
+    enableTwoFactorAuthentication() {
+      this.enabling = true;
 
-                this.$inertia.post('/user/two-factor-authentication', {}, {
-                    preserveScroll: true,
-                    onSuccess: () => Promise.all([
-                        this.showQrCode(),
-                        this.showRecoveryCodes(),
-                    ]),
-                    onFinish: () => (this.enabling = false),
-                })
-            },
+      this.$inertia.post('/user/two-factor-authentication', {}, {
+        preserveScroll: true,
+        onSuccess: () => Promise.all([
+          this.showQrCode(),
+          this.showRecoveryCodes(),
+        ]),
+        onFinish: () => (this.enabling = false),
+      });
+    },
 
-            showQrCode() {
-                return axios.get('/user/two-factor-qr-code')
-                        .then(response => {
-                            this.qrCode = response.data.svg
-                        })
-            },
+    showQrCode() {
+      return axios.get('/user/two-factor-qr-code')
+        .then((response) => {
+          this.qrCode = response.data.svg;
+        });
+    },
 
-            showRecoveryCodes() {
-                return axios.get('/user/two-factor-recovery-codes')
-                        .then(response => {
-                            this.recoveryCodes = response.data
-                        })
-            },
+    showRecoveryCodes() {
+      return axios.get('/user/two-factor-recovery-codes')
+        .then((response) => {
+          this.recoveryCodes = response.data;
+        });
+    },
 
-            regenerateRecoveryCodes() {
-                axios.post('/user/two-factor-recovery-codes')
-                        .then(response => {
-                            this.showRecoveryCodes()
-                        })
-            },
+    regenerateRecoveryCodes() {
+      axios.post('/user/two-factor-recovery-codes')
+        .then((response) => {
+          this.showRecoveryCodes();
+        });
+    },
 
-            disableTwoFactorAuthentication() {
-                this.disabling = true
+    disableTwoFactorAuthentication() {
+      this.disabling = true;
 
-                this.$inertia.delete('/user/two-factor-authentication', {
-                    preserveScroll: true,
-                    onSuccess: () => (this.disabling = false),
-                })
-            },
-        },
+      this.$inertia.delete('/user/two-factor-authentication', {
+        preserveScroll: true,
+        onSuccess: () => (this.disabling = false),
+      });
+    },
+  },
 
-        computed: {
-            twoFactorEnabled() {
-                return ! this.enabling && this.$page.props.user.two_factor_enabled
-            }
-        }
-    }
+  computed: {
+    twoFactorEnabled() {
+      return !this.enabling && this.$page.props.user.two_factor_enabled;
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Profile/UpdatePasswordForm.vue b/resources/js/Pages/Profile/UpdatePasswordForm.vue
index e735518..2d22edc 100644
--- a/resources/js/Pages/Profile/UpdatePasswordForm.vue
+++ b/resources/js/Pages/Profile/UpdatePasswordForm.vue
@@ -41,52 +41,52 @@
 </template>
 
 <script>
-    import JetActionMessage from '@/Jetstream/ActionMessage'
-    import JetButton from '@/Jetstream/Button'
-    import JetFormSection from '@/Jetstream/FormSection'
-    import JetInput from '@/Jetstream/Input'
-    import JetInputError from '@/Jetstream/InputError'
-    import JetLabel from '@/Jetstream/Label'
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetButton from '@/Jetstream/Button';
+import JetFormSection from '@/Jetstream/FormSection';
+import JetInput from '@/Jetstream/Input';
+import JetInputError from '@/Jetstream/InputError';
+import JetLabel from '@/Jetstream/Label';
 
-    export default {
-        components: {
-            JetActionMessage,
-            JetButton,
-            JetFormSection,
-            JetInput,
-            JetInputError,
-            JetLabel,
+export default {
+  components: {
+    JetActionMessage,
+    JetButton,
+    JetFormSection,
+    JetInput,
+    JetInputError,
+    JetLabel,
+  },
+
+  data() {
+    return {
+      form: this.$inertia.form({
+        current_password: '',
+        password: '',
+        password_confirmation: '',
+      }),
+    };
+  },
+
+  methods: {
+    updatePassword() {
+      this.form.put(route('user-password.update'), {
+        errorBag: 'updatePassword',
+        preserveScroll: true,
+        onSuccess: () => this.form.reset(),
+        onError: () => {
+          if (this.form.errors.password) {
+            this.form.reset('password', 'password_confirmation');
+            this.$refs.password.focus();
+          }
+
+          if (this.form.errors.current_password) {
+            this.form.reset('current_password');
+            this.$refs.current_password.focus();
+          }
         },
-
-        data() {
-            return {
-                form: this.$inertia.form({
-                    current_password: '',
-                    password: '',
-                    password_confirmation: '',
-                }),
-            }
-        },
-
-        methods: {
-            updatePassword() {
-                this.form.put(route('user-password.update'), {
-                    errorBag: 'updatePassword',
-                    preserveScroll: true,
-                    onSuccess: () => this.form.reset(),
-                    onError: () => {
-                        if (this.form.errors.password) {
-                            this.form.reset('password', 'password_confirmation')
-                            this.$refs.password.focus()
-                        }
-
-                        if (this.form.errors.current_password) {
-                            this.form.reset('current_password')
-                            this.$refs.current_password.focus()
-                        }
-                    }
-                })
-            },
-        },
-    }
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Profile/UpdateProfileInformationForm.vue b/resources/js/Pages/Profile/UpdateProfileInformationForm.vue
index 09e1cfc..91fa714 100644
--- a/resources/js/Pages/Profile/UpdateProfileInformationForm.vue
+++ b/resources/js/Pages/Profile/UpdateProfileInformationForm.vue
@@ -69,72 +69,72 @@
 </template>
 
 <script>
-    import JetButton from '@/Jetstream/Button'
-    import JetFormSection from '@/Jetstream/FormSection'
-    import JetInput from '@/Jetstream/Input'
-    import JetInputError from '@/Jetstream/InputError'
-    import JetLabel from '@/Jetstream/Label'
-    import JetActionMessage from '@/Jetstream/ActionMessage'
-    import JetSecondaryButton from '@/Jetstream/SecondaryButton'
+import JetButton from '@/Jetstream/Button';
+import JetFormSection from '@/Jetstream/FormSection';
+import JetInput from '@/Jetstream/Input';
+import JetInputError from '@/Jetstream/InputError';
+import JetLabel from '@/Jetstream/Label';
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetSecondaryButton from '@/Jetstream/SecondaryButton';
 
-    export default {
-        components: {
-            JetActionMessage,
-            JetButton,
-            JetFormSection,
-            JetInput,
-            JetInputError,
-            JetLabel,
-            JetSecondaryButton,
-        },
+export default {
+  components: {
+    JetActionMessage,
+    JetButton,
+    JetFormSection,
+    JetInput,
+    JetInputError,
+    JetLabel,
+    JetSecondaryButton,
+  },
 
-        props: ['user'],
+  props: ['user'],
 
-        data() {
-            return {
-                form: this.$inertia.form({
-                    _method: 'PUT',
-                    name: this.user.name,
-                    email: this.user.email,
-                    photo: null,
-                }),
+  data() {
+    return {
+      form: this.$inertia.form({
+        _method: 'PUT',
+        name: this.user.name,
+        email: this.user.email,
+        photo: null,
+      }),
 
-                photoPreview: null,
-            }
-        },
+      photoPreview: null,
+    };
+  },
 
-        methods: {
-            updateProfileInformation() {
-                if (this.$refs.photo) {
-                    this.form.photo = this.$refs.photo.files[0]
-                }
+  methods: {
+    updateProfileInformation() {
+      if (this.$refs.photo) {
+        this.form.photo = this.$refs.photo.files[0];
+      }
 
-                this.form.post(route('user-profile-information.update'), {
-                    errorBag: 'updateProfileInformation',
-                    preserveScroll: true
-                });
-            },
+      this.form.post(route('user-profile-information.update'), {
+        errorBag: 'updateProfileInformation',
+        preserveScroll: true,
+      });
+    },
 
-            selectNewPhoto() {
-                this.$refs.photo.click();
-            },
+    selectNewPhoto() {
+      this.$refs.photo.click();
+    },
 
-            updatePhotoPreview() {
-                const reader = new FileReader();
+    updatePhotoPreview() {
+      const reader = new FileReader();
 
-                reader.onload = (e) => {
-                    this.photoPreview = e.target.result;
-                };
+      reader.onload = (e) => {
+        this.photoPreview = e.target.result;
+      };
 
-                reader.readAsDataURL(this.$refs.photo.files[0]);
-            },
+      reader.readAsDataURL(this.$refs.photo.files[0]);
+    },
 
-            deletePhoto() {
-                this.$inertia.delete(route('current-user-photo.destroy'), {
-                    preserveScroll: true,
-                    onSuccess: () => (this.photoPreview = null),
-                });
-            },
-        },
-    }
+    deletePhoto() {
+      this.$inertia.delete(route('current-user-photo.destroy'), {
+        preserveScroll: true,
+        onSuccess: () => (this.photoPreview = null),
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Reports/Index.vue b/resources/js/Pages/Reports/Index.vue
index 8db6bad..b43ea99 100644
--- a/resources/js/Pages/Reports/Index.vue
+++ b/resources/js/Pages/Reports/Index.vue
@@ -31,28 +31,28 @@
 </template>
 
 <script>
-import Layout from '@/Layouts/Layout'
-import JetLabel from '@/Jetstream/Label.vue'
-import JetFormSection from '@/Jetstream/FormSection'
+import Layout from '@/Layouts/Layout';
+import JetLabel from '@/Jetstream/Label.vue';
+import JetFormSection from '@/Jetstream/FormSection';
 
 export default {
-    components: {
-        Layout,
-        JetLabel,
-        JetFormSection,
+  components: {
+    Layout,
+    JetLabel,
+    JetFormSection,
+  },
+  props: {
+    year: Number,
+    years: Array,
+  },
+  data() {
+    return {
+    };
+  },
+  computed: {
+    link() {
+      return route('reports.print', { year: this.year });
     },
-    props: {
-        year: Number,
-        years: Array,
-    },
-    data() {
-        return {
-        }
-    },
-    computed: {
-        link() {
-            return route('reports.print', {year: this.year});
-        },
-    },
-}
-</script>
\ No newline at end of file
+  },
+};
+</script>
diff --git a/resources/js/Pages/Teams/Create.vue b/resources/js/Pages/Teams/Create.vue
index a6faabe..c5ab114 100644
--- a/resources/js/Pages/Teams/Create.vue
+++ b/resources/js/Pages/Teams/Create.vue
@@ -15,13 +15,13 @@
 </template>
 
 <script>
-    import AppLayout from '@/Layouts/AppLayout'
-    import CreateTeamForm from './CreateTeamForm'
+import AppLayout from '@/Layouts/AppLayout';
+import CreateTeamForm from './CreateTeamForm';
 
-    export default {
-        components: {
-            AppLayout,
-            CreateTeamForm,
-        },
-    }
+export default {
+  components: {
+    AppLayout,
+    CreateTeamForm,
+  },
+};
 </script>
diff --git a/resources/js/Pages/Teams/CreateTeamForm.vue b/resources/js/Pages/Teams/CreateTeamForm.vue
index 7ab0b66..7f6d40b 100644
--- a/resources/js/Pages/Teams/CreateTeamForm.vue
+++ b/resources/js/Pages/Teams/CreateTeamForm.vue
@@ -38,36 +38,36 @@
 </template>
 
 <script>
-    import JetButton from '@/Jetstream/Button'
-    import JetFormSection from '@/Jetstream/FormSection'
-    import JetInput from '@/Jetstream/Input'
-    import JetInputError from '@/Jetstream/InputError'
-    import JetLabel from '@/Jetstream/Label'
+import JetButton from '@/Jetstream/Button';
+import JetFormSection from '@/Jetstream/FormSection';
+import JetInput from '@/Jetstream/Input';
+import JetInputError from '@/Jetstream/InputError';
+import JetLabel from '@/Jetstream/Label';
 
-    export default {
-        components: {
-            JetButton,
-            JetFormSection,
-            JetInput,
-            JetInputError,
-            JetLabel,
-        },
+export default {
+  components: {
+    JetButton,
+    JetFormSection,
+    JetInput,
+    JetInputError,
+    JetLabel,
+  },
 
-        data() {
-            return {
-                form: this.$inertia.form({
-                    name: '',
-                })
-            }
-        },
+  data() {
+    return {
+      form: this.$inertia.form({
+        name: '',
+      }),
+    };
+  },
 
-        methods: {
-            createTeam() {
-                this.form.post(route('teams.store'), {
-                    errorBag: 'createTeam',
-                    preserveScroll: true
-                });
-            },
-        },
-    }
+  methods: {
+    createTeam() {
+      this.form.post(route('teams.store'), {
+        errorBag: 'createTeam',
+        preserveScroll: true,
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Teams/DeleteTeamForm.vue b/resources/js/Pages/Teams/DeleteTeamForm.vue
index 7e03979..7c2baa7 100644
--- a/resources/js/Pages/Teams/DeleteTeamForm.vue
+++ b/resources/js/Pages/Teams/DeleteTeamForm.vue
@@ -44,40 +44,40 @@
 </template>
 
 <script>
-    import JetActionSection from '@/Jetstream/ActionSection'
-    import JetConfirmationModal from '@/Jetstream/ConfirmationModal'
-    import JetDangerButton from '@/Jetstream/DangerButton'
-    import JetSecondaryButton from '@/Jetstream/SecondaryButton'
+import JetActionSection from '@/Jetstream/ActionSection';
+import JetConfirmationModal from '@/Jetstream/ConfirmationModal';
+import JetDangerButton from '@/Jetstream/DangerButton';
+import JetSecondaryButton from '@/Jetstream/SecondaryButton';
 
-    export default {
-        props: ['team'],
+export default {
+  props: ['team'],
 
-        components: {
-            JetActionSection,
-            JetConfirmationModal,
-            JetDangerButton,
-            JetSecondaryButton,
-        },
+  components: {
+    JetActionSection,
+    JetConfirmationModal,
+    JetDangerButton,
+    JetSecondaryButton,
+  },
 
-        data() {
-            return {
-                confirmingTeamDeletion: false,
-                deleting: false,
+  data() {
+    return {
+      confirmingTeamDeletion: false,
+      deleting: false,
 
-                form: this.$inertia.form()
-            }
-        },
+      form: this.$inertia.form(),
+    };
+  },
 
-        methods: {
-            confirmTeamDeletion() {
-                this.confirmingTeamDeletion = true
-            },
+  methods: {
+    confirmTeamDeletion() {
+      this.confirmingTeamDeletion = true;
+    },
 
-            deleteTeam() {
-                this.form.delete(route('teams.destroy', this.team), {
-                    errorBag: 'deleteTeam'
-                });
-            },
-        },
-    }
+    deleteTeam() {
+      this.form.delete(route('teams.destroy', this.team), {
+        errorBag: 'deleteTeam',
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Teams/Show.vue b/resources/js/Pages/Teams/Show.vue
index 462b266..4ec1239 100644
--- a/resources/js/Pages/Teams/Show.vue
+++ b/resources/js/Pages/Teams/Show.vue
@@ -26,25 +26,25 @@
 </template>
 
 <script>
-    import TeamMemberManager from './TeamMemberManager'
-    import AppLayout from '@/Layouts/AppLayout'
-    import DeleteTeamForm from './DeleteTeamForm'
-    import JetSectionBorder from '@/Jetstream/SectionBorder'
-    import UpdateTeamNameForm from './UpdateTeamNameForm'
+import AppLayout from '@/Layouts/AppLayout';
+import JetSectionBorder from '@/Jetstream/SectionBorder';
+import TeamMemberManager from './TeamMemberManager';
+import DeleteTeamForm from './DeleteTeamForm';
+import UpdateTeamNameForm from './UpdateTeamNameForm';
 
-    export default {
-        props: [
-            'team',
-            'availableRoles',
-            'permissions',
-        ],
+export default {
+  props: [
+    'team',
+    'availableRoles',
+    'permissions',
+  ],
 
-        components: {
-            AppLayout,
-            DeleteTeamForm,
-            JetSectionBorder,
-            TeamMemberManager,
-            UpdateTeamNameForm,
-        },
-    }
+  components: {
+    AppLayout,
+    DeleteTeamForm,
+    JetSectionBorder,
+    TeamMemberManager,
+    UpdateTeamNameForm,
+  },
+};
 </script>
diff --git a/resources/js/Pages/Teams/TeamMemberManager.vue b/resources/js/Pages/Teams/TeamMemberManager.vue
index 939d3d9..430c713 100644
--- a/resources/js/Pages/Teams/TeamMemberManager.vue
+++ b/resources/js/Pages/Teams/TeamMemberManager.vue
@@ -247,114 +247,114 @@
 </template>
 
 <script>
-    import JetActionMessage from '@/Jetstream/ActionMessage'
-    import JetActionSection from '@/Jetstream/ActionSection'
-    import JetButton from '@/Jetstream/Button'
-    import JetConfirmationModal from '@/Jetstream/ConfirmationModal'
-    import JetDangerButton from '@/Jetstream/DangerButton'
-    import JetDialogModal from '@/Jetstream/DialogModal'
-    import JetFormSection from '@/Jetstream/FormSection'
-    import JetInput from '@/Jetstream/Input'
-    import JetInputError from '@/Jetstream/InputError'
-    import JetLabel from '@/Jetstream/Label'
-    import JetSecondaryButton from '@/Jetstream/SecondaryButton'
-    import JetSectionBorder from '@/Jetstream/SectionBorder'
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetActionSection from '@/Jetstream/ActionSection';
+import JetButton from '@/Jetstream/Button';
+import JetConfirmationModal from '@/Jetstream/ConfirmationModal';
+import JetDangerButton from '@/Jetstream/DangerButton';
+import JetDialogModal from '@/Jetstream/DialogModal';
+import JetFormSection from '@/Jetstream/FormSection';
+import JetInput from '@/Jetstream/Input';
+import JetInputError from '@/Jetstream/InputError';
+import JetLabel from '@/Jetstream/Label';
+import JetSecondaryButton from '@/Jetstream/SecondaryButton';
+import JetSectionBorder from '@/Jetstream/SectionBorder';
 
-    export default {
-        components: {
-            JetActionMessage,
-            JetActionSection,
-            JetButton,
-            JetConfirmationModal,
-            JetDangerButton,
-            JetDialogModal,
-            JetFormSection,
-            JetInput,
-            JetInputError,
-            JetLabel,
-            JetSecondaryButton,
-            JetSectionBorder,
-        },
+export default {
+  components: {
+    JetActionMessage,
+    JetActionSection,
+    JetButton,
+    JetConfirmationModal,
+    JetDangerButton,
+    JetDialogModal,
+    JetFormSection,
+    JetInput,
+    JetInputError,
+    JetLabel,
+    JetSecondaryButton,
+    JetSectionBorder,
+  },
 
-        props: [
-            'team',
-            'availableRoles',
-            'userPermissions'
-        ],
+  props: [
+    'team',
+    'availableRoles',
+    'userPermissions',
+  ],
 
-        data() {
-            return {
-                addTeamMemberForm: this.$inertia.form({
-                    email: '',
-                    role: null,
-                }),
+  data() {
+    return {
+      addTeamMemberForm: this.$inertia.form({
+        email: '',
+        role: null,
+      }),
 
-                updateRoleForm: this.$inertia.form({
-                    role: null,
-                }),
+      updateRoleForm: this.$inertia.form({
+        role: null,
+      }),
 
-                leaveTeamForm: this.$inertia.form(),
-                removeTeamMemberForm: this.$inertia.form(),
+      leaveTeamForm: this.$inertia.form(),
+      removeTeamMemberForm: this.$inertia.form(),
 
-                currentlyManagingRole: false,
-                managingRoleFor: null,
-                confirmingLeavingTeam: false,
-                teamMemberBeingRemoved: null,
-            }
-        },
+      currentlyManagingRole: false,
+      managingRoleFor: null,
+      confirmingLeavingTeam: false,
+      teamMemberBeingRemoved: null,
+    };
+  },
 
-        methods: {
-            addTeamMember() {
-                this.addTeamMemberForm.post(route('team-members.store', this.team), {
-                    errorBag: 'addTeamMember',
-                    preserveScroll: true,
-                    onSuccess: () => this.addTeamMemberForm.reset(),
-                });
-            },
+  methods: {
+    addTeamMember() {
+      this.addTeamMemberForm.post(route('team-members.store', this.team), {
+        errorBag: 'addTeamMember',
+        preserveScroll: true,
+        onSuccess: () => this.addTeamMemberForm.reset(),
+      });
+    },
 
-            cancelTeamInvitation(invitation) {
-                this.$inertia.delete(route('team-invitations.destroy', invitation), {
-                    preserveScroll: true
-                });
-            },
+    cancelTeamInvitation(invitation) {
+      this.$inertia.delete(route('team-invitations.destroy', invitation), {
+        preserveScroll: true,
+      });
+    },
 
-            manageRole(teamMember) {
-                this.managingRoleFor = teamMember
-                this.updateRoleForm.role = teamMember.membership.role
-                this.currentlyManagingRole = true
-            },
+    manageRole(teamMember) {
+      this.managingRoleFor = teamMember;
+      this.updateRoleForm.role = teamMember.membership.role;
+      this.currentlyManagingRole = true;
+    },
 
-            updateRole() {
-                this.updateRoleForm.put(route('team-members.update', [this.team, this.managingRoleFor]), {
-                    preserveScroll: true,
-                    onSuccess: () => (this.currentlyManagingRole = false),
-                })
-            },
+    updateRole() {
+      this.updateRoleForm.put(route('team-members.update', [this.team, this.managingRoleFor]), {
+        preserveScroll: true,
+        onSuccess: () => (this.currentlyManagingRole = false),
+      });
+    },
 
-            confirmLeavingTeam() {
-                this.confirmingLeavingTeam = true
-            },
+    confirmLeavingTeam() {
+      this.confirmingLeavingTeam = true;
+    },
 
-            leaveTeam() {
-                this.leaveTeamForm.delete(route('team-members.destroy', [this.team, this.$page.props.user]))
-            },
+    leaveTeam() {
+      this.leaveTeamForm.delete(route('team-members.destroy', [this.team, this.$page.props.user]));
+    },
 
-            confirmTeamMemberRemoval(teamMember) {
-                this.teamMemberBeingRemoved = teamMember
-            },
+    confirmTeamMemberRemoval(teamMember) {
+      this.teamMemberBeingRemoved = teamMember;
+    },
 
-            removeTeamMember() {
-                this.removeTeamMemberForm.delete(route('team-members.destroy', [this.team, this.teamMemberBeingRemoved]), {
-                    errorBag: 'removeTeamMember',
-                    preserveScroll: true,
-                    preserveState: true,
-                    onSuccess: () => (this.teamMemberBeingRemoved = null),
-                })
-            },
+    removeTeamMember() {
+      this.removeTeamMemberForm.delete(route('team-members.destroy', [this.team, this.teamMemberBeingRemoved]), {
+        errorBag: 'removeTeamMember',
+        preserveScroll: true,
+        preserveState: true,
+        onSuccess: () => (this.teamMemberBeingRemoved = null),
+      });
+    },
 
-            displayableRole(role) {
-                return this.availableRoles.find(r => r.key === role).name
-            },
-        },
-    }
+    displayableRole(role) {
+      return this.availableRoles.find((r) => r.key === role).name;
+    },
+  },
+};
 </script>
diff --git a/resources/js/Pages/Teams/UpdateTeamNameForm.vue b/resources/js/Pages/Teams/UpdateTeamNameForm.vue
index 9508551..791343f 100644
--- a/resources/js/Pages/Teams/UpdateTeamNameForm.vue
+++ b/resources/js/Pages/Teams/UpdateTeamNameForm.vue
@@ -50,40 +50,40 @@
 </template>
 
 <script>
-    import JetActionMessage from '@/Jetstream/ActionMessage'
-    import JetButton from '@/Jetstream/Button'
-    import JetFormSection from '@/Jetstream/FormSection'
-    import JetInput from '@/Jetstream/Input'
-    import JetInputError from '@/Jetstream/InputError'
-    import JetLabel from '@/Jetstream/Label'
+import JetActionMessage from '@/Jetstream/ActionMessage';
+import JetButton from '@/Jetstream/Button';
+import JetFormSection from '@/Jetstream/FormSection';
+import JetInput from '@/Jetstream/Input';
+import JetInputError from '@/Jetstream/InputError';
+import JetLabel from '@/Jetstream/Label';
 
-    export default {
-        components: {
-            JetActionMessage,
-            JetButton,
-            JetFormSection,
-            JetInput,
-            JetInputError,
-            JetLabel,
-        },
+export default {
+  components: {
+    JetActionMessage,
+    JetButton,
+    JetFormSection,
+    JetInput,
+    JetInputError,
+    JetLabel,
+  },
 
-        props: ['team', 'permissions'],
+  props: ['team', 'permissions'],
 
-        data() {
-            return {
-                form: this.$inertia.form({
-                    name: this.team.name,
-                })
-            }
-        },
+  data() {
+    return {
+      form: this.$inertia.form({
+        name: this.team.name,
+      }),
+    };
+  },
 
-        methods: {
-            updateTeamName() {
-                this.form.put(route('teams.update', this.team), {
-                    errorBag: 'updateTeamName',
-                    preserveScroll: true
-                });
-            },
-        },
-    }
+  methods: {
+    updateTeamName() {
+      this.form.put(route('teams.update', this.team), {
+        errorBag: 'updateTeamName',
+        preserveScroll: true,
+      });
+    },
+  },
+};
 </script>
diff --git a/resources/js/app.js b/resources/js/app.js
index ffd1898..9c897b3 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,56 +1,55 @@
-require('./bootstrap');
-
 // Import modules...
 import { createApp, h } from 'vue';
 import { App as InertiaApp, plugin as InertiaPlugin } from '@inertiajs/inertia-vue3';
 import { InertiaProgress } from '@inertiajs/progress';
 import Unicon from 'vue-unicons';
-import { createStore } from 'vuex'
-import { uniChart, uniFileAlt, uniPalette, uniCalendarAlt, uniPlusCircle, uniMeh, uniUsersAlt, uniCarSideview, uniDashboard, uniSearch, uniFilter, uniFilterSlash, uniTrashAlt, uniPen, uniExclamationTriangle, uniMapMarker, uniPhone, uniEnvelope, uniFileDownload, uniArrowDown, uniArrowUp, uniArrowRight, uniAngleRight, uniAngleUp, uniAngleDown, uniAngleLeft, uniFileUploadAlt } from 'vue-unicons/dist/icons'
+import { createStore } from 'vuex';
+import {
+  uniChart, uniFileAlt, uniPalette, uniCalendarAlt, uniPlusCircle, uniMeh, uniUsersAlt, uniCarSideview, uniDashboard, uniSearch, uniFilter, uniFilterSlash, uniTrashAlt, uniPen, uniExclamationTriangle, uniMapMarker, uniPhone, uniEnvelope, uniFileDownload, uniArrowDown, uniArrowUp, uniArrowRight, uniAngleRight, uniAngleUp, uniAngleDown, uniAngleLeft, uniFileUploadAlt,
+} from 'vue-unicons/dist/icons';
 
-Unicon.add([uniChart, uniFileAlt, uniPalette, uniCalendarAlt, uniPlusCircle, uniMeh, uniUsersAlt, uniCarSideview, uniDashboard, uniSearch, uniFilter, uniFilterSlash, uniTrashAlt, uniPen, uniExclamationTriangle, uniMapMarker, uniPhone, uniEnvelope, uniFileDownload, uniArrowDown, uniArrowUp, uniArrowRight, uniAngleRight, uniAngleUp, uniAngleDown, uniAngleLeft, uniFileUploadAlt])
+require('./bootstrap');
+
+Unicon.add([uniChart, uniFileAlt, uniPalette, uniCalendarAlt, uniPlusCircle, uniMeh, uniUsersAlt, uniCarSideview, uniDashboard, uniSearch, uniFilter, uniFilterSlash, uniTrashAlt, uniPen, uniExclamationTriangle, uniMapMarker, uniPhone, uniEnvelope, uniFileDownload, uniArrowDown, uniArrowUp, uniArrowRight, uniAngleRight, uniAngleUp, uniAngleDown, uniAngleLeft, uniFileUploadAlt]);
 
 // Create a new store instance.
 const store = createStore({
-    state () {
-        return {
-            sideBarOpen: false
-        }
+  state() {
+    return {
+      sideBarOpen: false,
+    };
+  },
+  getters: {
+    sideBarOpen: (state) => state.sideBarOpen,
+  },
+  mutations: {
+    toggleSidebar(state) {
+      state.sideBarOpen = !state.sideBarOpen;
     },
-    getters: {
-        sideBarOpen: state => {
-            return state.sideBarOpen
-        }
+  },
+  actions: {
+    toggleSidebar(context) {
+      context.commit('toggleSidebar');
     },
-    mutations: {
-        toggleSidebar (state) {
-            state.sideBarOpen = !state.sideBarOpen
-        }
-    },
-    actions: {
-        toggleSidebar(context) {
-            context.commit('toggleSidebar')
-        }
-    }
-})
+  },
+});
 
 const el = document.getElementById('app');
 
 createApp({
-    render: () =>
-        h(InertiaApp, {
-            initialPage: JSON.parse(el.dataset.page),
-            resolveComponent: (name) => require(`./Pages/${name}`).default,
-        }),
+  render: () => h(InertiaApp, {
+    initialPage: JSON.parse(el.dataset.page),
+    resolveComponent: (name) => require(`./Pages/${name}`).default,
+  }),
 })
-    .mixin({ methods: { route } })
-    .use(InertiaPlugin)
-    .use(store)
-    .use(Unicon, {
-        fill: '#4B5563',
-        height: 32,
-        width: 32
-      })
-    .mount(el);
+  .mixin({ methods: { route } })
+  .use(InertiaPlugin)
+  .use(store)
+  .use(Unicon, {
+    fill: '#4B5563',
+    height: 32,
+    width: 32,
+  })
+  .mount(el);
 
 InertiaProgress.init({ color: '#4B5563' });