diff --git a/README.md b/README.md
index 65aae14..5223c88 100644
--- a/README.md
+++ b/README.md
@@ -462,7 +462,7 @@ For full details please see the [self-hosting instructions file](SELF-HOSTING.md
 
 ## My sponsors
 
-Thanks to [Vlad Timofeev](https://github.com/vlad-timofeev), [Patrick Dobler](https://github.com/patrickdobler) and [Luca Steeb](https://github.com/steebchen) for supporting me by sponsoring the project on GitHub!
+Thanks to [Vlad Timofeev](https://github.com/vlad-timofeev), [Patrick Dobler](https://github.com/patrickdobler), [Luca Steeb](https://github.com/steebchen) and [Laiteux](https://github.com/Laiteux) for supporting me by sponsoring the project on GitHub!
 
 Also an extra special thanks to [CrazyMax](https://github.com/crazy-max) for sponsoring me and also creating and maintaining the awesome [AnonAddy Docker image](https://github.com/anonaddy/docker)!
 
diff --git a/app/Console/Commands/ReceiveEmail.php b/app/Console/Commands/ReceiveEmail.php
index 2bff69f..cc8098b 100644
--- a/app/Console/Commands/ReceiveEmail.php
+++ b/app/Console/Commands/ReceiveEmail.php
@@ -81,7 +81,6 @@ class ReceiveEmail extends Command
             $this->size = $this->option('size') / ($recipientCount ? $recipientCount : 1);
 
             foreach ($recipients as $recipient) {
-
                 // Handle bounces
                 if ($this->option('sender') === 'MAILER-DAEMON') {
                     $this->handleBounce($recipient['email']);
@@ -145,7 +144,6 @@ class ReceiveEmail extends Command
                 $verifiedRecipient = $user->getVerifiedRecipientByEmail($this->senderFrom);
 
                 if ($validEmailDestination && $verifiedRecipient?->can_reply_send) {
-
                     // Check if the Dmarc allow or spam headers are present from Rspamd
                     if (! $this->parser->getHeader('X-AnonAddy-Dmarc-Allow') || $this->parser->getHeader('X-AnonAddy-Spam')) {
                         // Notify user and exit
@@ -295,7 +293,6 @@ class ReceiveEmail extends Command
 
             // Verify queue ID
             if (isset($dsn['X-postfix-queue-id'])) {
-
                 // First check in DB
                 $postfixQueueId = PostfixQueueId::firstWhere('queue_id', strtoupper($dsn['X-postfix-queue-id']));
 
diff --git a/app/Http/Controllers/Api/ApiTokenDetailController.php b/app/Http/Controllers/Api/ApiTokenDetailController.php
new file mode 100644
index 0000000..8761d8a
--- /dev/null
+++ b/app/Http/Controllers/Api/ApiTokenDetailController.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class ApiTokenDetailController extends Controller
+{
+    public function show(Request $request)
+    {
+        $token = $request->user()->currentAccessToken();
+
+        if (! $token) {
+            return response('Current token could not be found', 404);
+        }
+
+        return response()->json([
+            'name' => $token->name,
+            'created_at' => $token->created_at?->toDateTimeString(),
+            'expires_at' => $token->expires_at?->toDateTimeString()
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/Api/RecipientKeyController.php b/app/Http/Controllers/Api/RecipientKeyController.php
index 7573eee..b835121 100644
--- a/app/Http/Controllers/Api/RecipientKeyController.php
+++ b/app/Http/Controllers/Api/RecipientKeyController.php
@@ -43,6 +43,8 @@ class RecipientKeyController extends Controller
             'should_encrypt' => false,
             'inline_encryption' => false,
             'protected_headers' => false,
+            'inline_encryption' => false,
+            'protected_headers' => false,
             'fingerprint' => null
         ]);
 
diff --git a/app/Http/Controllers/Auth/ApiAuthenticationController.php b/app/Http/Controllers/Auth/ApiAuthenticationController.php
new file mode 100644
index 0000000..981b77e
--- /dev/null
+++ b/app/Http/Controllers/Auth/ApiAuthenticationController.php
@@ -0,0 +1,100 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Facades\Webauthn;
+use App\Http\Controllers\Controller;
+use App\Http\Requests\ApiAuthenticationLoginRequest;
+use App\Http\Requests\ApiAuthenticationMfaRequest;
+use App\Models\User;
+use App\Models\Username;
+use Illuminate\Contracts\Encryption\DecryptException;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Crypt;
+use Illuminate\Support\Facades\Hash;
+use PragmaRX\Google2FA\Google2FA;
+
+class ApiAuthenticationController extends Controller
+{
+    public function __construct()
+    {
+        $this->middleware('throttle:3,1');
+    }
+
+    public function login(ApiAuthenticationLoginRequest $request)
+    {
+        $user = Username::firstWhere('username', $request->username)?->user;
+
+        if (! $user || ! Hash::check($request->password, $user->password)) {
+            return response()->json([
+                'error' => 'The provided credentials are incorrect'
+            ], 401);
+        }
+
+        // Check if user has 2FA enabled, if needs OTP then return mfa_key
+        if ($user->two_factor_enabled) {
+            return response()->json([
+                'message' => "OTP required, please make a request to /api/auth/mfa with the 'mfa_key', 'otp' and 'device_name' including a 'X-CSRF-TOKEN' header",
+                'mfa_key' => Crypt::encryptString($user->id.'|'.config('anonaddy.secret').'|'.Carbon::now()->addMinutes(5)->getTimestamp()),
+                'csrf_token' => csrf_token()
+            ], 422);
+        } elseif (Webauthn::enabled($user)) {
+            // If WebAuthn is enabled then return currently unsupported message
+            return response()->json([
+                'error' => 'WebAuthn authentication is not currently supported from the extension or mobile apps, please use an API key to login instead'
+            ], 403);
+        }
+
+        // If the user doesn't use 2FA then return the new API key
+        return response()->json([
+            'api_key' => explode('|', $user->createToken($request->device_name)->plainTextToken, 2)[1]
+        ]);
+    }
+
+    public function mfa(ApiAuthenticationMfaRequest $request)
+    {
+        try {
+            $mfaKey = Crypt::decryptString($request->mfa_key);
+        } catch (DecryptException $e) {
+            return response()->json([
+                'error' => 'Invalid mfa_key'
+            ], 401);
+        }
+        $parts = explode('|', $mfaKey, 3);
+
+        $user = User::find($parts[0]);
+
+        if (! $user || $parts[1] !== config('anonaddy.secret')) {
+            return response()->json([
+                'error' => 'Invalid mfa_key'
+            ], 401);
+        }
+
+        // Check if the mfa_key has expired
+        if (Carbon::now()->getTimestamp() > $parts[2]) {
+            return response()->json([
+                'error' => 'mfa_key expired, please request a new one at /api/auth/login'
+            ], 401);
+        }
+
+        $google2fa = new Google2FA();
+        $lastTimeStamp = Cache::get('2fa_ts:'.$user->id);
+
+        $timestamp = $google2fa->verifyKeyNewer($user->two_factor_secret, $request->otp, $lastTimeStamp);
+
+        if (! $timestamp) {
+            return response()->json([
+                'error' => 'The \'One Time Password\' typed was wrong'
+            ], 401);
+        }
+
+        if (is_int($timestamp)) {
+            Cache::put('2fa_ts:'.$user->id, $timestamp, now()->addMinutes(5));
+        }
+
+        return response()->json([
+            'api_key' => explode('|', $user->createToken($request->device_name)->plainTextToken, 2)[1]
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/Auth/ForgotUsernameController.php b/app/Http/Controllers/Auth/ForgotUsernameController.php
index 10e2c35..b25e98f 100644
--- a/app/Http/Controllers/Auth/ForgotUsernameController.php
+++ b/app/Http/Controllers/Auth/ForgotUsernameController.php
@@ -39,7 +39,7 @@ class ForgotUsernameController extends Controller
     {
         $this->validateEmail($request);
 
-        $recipient = Recipient::select(['id', 'email', 'email_verified_at'])->whereNotNull('email_verified_at')->get()->firstWhere('email', strtolower($request->email));
+        $recipient = Recipient::select(['id', 'user_id', 'email', 'should_encrypt', 'fingerprint', 'email_verified_at'])->whereNotNull('email_verified_at')->get()->firstWhere('email', strtolower($request->email));
 
         if (isset($recipient)) {
             $recipient->sendUsernameReminderNotification();
diff --git a/app/Http/Controllers/Auth/PersonalAccessTokenController.php b/app/Http/Controllers/Auth/PersonalAccessTokenController.php
index fdea9d8..d8037c0 100644
--- a/app/Http/Controllers/Auth/PersonalAccessTokenController.php
+++ b/app/Http/Controllers/Auth/PersonalAccessTokenController.php
@@ -5,6 +5,7 @@ namespace App\Http\Controllers\Auth;
 use App\Http\Controllers\Controller;
 use App\Http\Requests\StorePersonalAccessTokenRequest;
 use App\Http\Resources\PersonalAccessTokenResource;
+use chillerlan\QRCode\QRCode;
 
 class PersonalAccessTokenController extends Controller
 {
@@ -24,10 +25,12 @@ class PersonalAccessTokenController extends Controller
         }
 
         $token = user()->createToken($request->name, ['*'], $expiration);
+        $accessToken = explode('|', $token->plainTextToken, 2)[1];
 
         return [
             'token' => new PersonalAccessTokenResource($token->accessToken),
-            'accessToken' => explode('|', $token->plainTextToken, 2)[1]
+            'accessToken' => $accessToken,
+            'qrCode' => (new QRCode())->render(config('app.url') . "|" . $accessToken)
         ];
     }
 
diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index 2736898..efbb571 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -62,7 +62,7 @@ class Kernel extends HttpKernel
         'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
         'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,
         'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
-        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
+        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequestsWithRedis::class,
         'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
         '2fa' => \App\Http\Middleware\VerifyTwoFactorAuth::class,
         'webauthn' => \App\Http\Middleware\VerifyWebauthn::class,
diff --git a/app/Http/Middleware/VerifyCsrfToken.php b/app/Http/Middleware/VerifyCsrfToken.php
index 324a166..e6131aa 100644
--- a/app/Http/Middleware/VerifyCsrfToken.php
+++ b/app/Http/Middleware/VerifyCsrfToken.php
@@ -19,6 +19,6 @@ class VerifyCsrfToken extends Middleware
      * @var array
      */
     protected $except = [
-        //
+        'api/auth/login'
     ];
 }
diff --git a/app/Http/Requests/ApiAuthenticationLoginRequest.php b/app/Http/Requests/ApiAuthenticationLoginRequest.php
new file mode 100644
index 0000000..868181d
--- /dev/null
+++ b/app/Http/Requests/ApiAuthenticationLoginRequest.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class ApiAuthenticationLoginRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'username' => 'required|string',
+            'password' => 'required|string',
+            'device_name' => 'required|string|max:50'
+        ];
+    }
+}
diff --git a/app/Http/Requests/ApiAuthenticationMfaRequest.php b/app/Http/Requests/ApiAuthenticationMfaRequest.php
new file mode 100644
index 0000000..eb37a40
--- /dev/null
+++ b/app/Http/Requests/ApiAuthenticationMfaRequest.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class ApiAuthenticationMfaRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, mixed>
+     */
+    public function rules()
+    {
+        return [
+            'mfa_key' => 'required|string|max:500',
+            'otp' => 'required|string|min:6|max:6',
+            'device_name' => 'required|string|max:50'
+        ];
+    }
+}
diff --git a/app/Traits/CheckUserRules.php b/app/Traits/CheckUserRules.php
index 6c39163..5dc9fcf 100644
--- a/app/Traits/CheckUserRules.php
+++ b/app/Traits/CheckUserRules.php
@@ -101,7 +101,7 @@ trait CheckUserRules
                     return ! Str::endsWith($variable, $value);
                 });
                 break;
-            // regex preg_match?
+                // regex preg_match?
         }
     }
 
diff --git a/composer.json b/composer.json
index f026e3b..a56151d 100644
--- a/composer.json
+++ b/composer.json
@@ -10,6 +10,7 @@
         "php": "^8.0.2",
         "asbiin/laravel-webauthn": "^3.0.0",
         "bacon/bacon-qr-code": "^2.0",
+        "chillerlan/php-qrcode": "^4.3",
         "doctrine/dbal": "^3.0",
         "guzzlehttp/guzzle": "^7.2",
         "laravel/framework": "^9.11",
diff --git a/composer.lock b/composer.lock
index 646928c..c8f5a44 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,20 +4,20 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "e82a971bfd5ab4ba0fa31965a1c6ca60",
+    "content-hash": "6a781a6eb7831ca8568ca458163ccb56",
     "packages": [
         {
             "name": "asbiin/laravel-webauthn",
-            "version": "3.2.0",
+            "version": "3.2.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/asbiin/laravel-webauthn.git",
-                "reference": "747df5ab7bf0f88bbb36f11c0f281464d6c29d0b"
+                "reference": "05610549427974bf8a3f0cc32a58e4050d9f7792"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/asbiin/laravel-webauthn/zipball/747df5ab7bf0f88bbb36f11c0f281464d6c29d0b",
-                "reference": "747df5ab7bf0f88bbb36f11c0f281464d6c29d0b",
+                "url": "https://api.github.com/repos/asbiin/laravel-webauthn/zipball/05610549427974bf8a3f0cc32a58e4050d9f7792",
+                "reference": "05610549427974bf8a3f0cc32a58e4050d9f7792",
                 "shasum": ""
             },
             "require": {
@@ -92,7 +92,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-07-30T09:08:07+00:00"
+            "time": "2022-08-20T17:56:48+00:00"
         },
         {
             "name": "bacon/bacon-qr-code",
@@ -217,16 +217,16 @@
         },
         {
             "name": "brick/math",
-            "version": "0.10.1",
+            "version": "0.10.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/brick/math.git",
-                "reference": "de846578401f4e58f911b3afeb62ced56365ed87"
+                "reference": "459f2781e1a08d52ee56b0b1444086e038561e3f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/brick/math/zipball/de846578401f4e58f911b3afeb62ced56365ed87",
-                "reference": "de846578401f4e58f911b3afeb62ced56365ed87",
+                "url": "https://api.github.com/repos/brick/math/zipball/459f2781e1a08d52ee56b0b1444086e038561e3f",
+                "reference": "459f2781e1a08d52ee56b0b1444086e038561e3f",
                 "shasum": ""
             },
             "require": {
@@ -261,7 +261,7 @@
             ],
             "support": {
                 "issues": "https://github.com/brick/math/issues",
-                "source": "https://github.com/brick/math/tree/0.10.1"
+                "source": "https://github.com/brick/math/tree/0.10.2"
             },
             "funding": [
                 {
@@ -269,7 +269,149 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-08-01T22:54:31+00:00"
+            "time": "2022-08-10T22:54:19+00:00"
+        },
+        {
+            "name": "chillerlan/php-qrcode",
+            "version": "4.3.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/chillerlan/php-qrcode.git",
+                "reference": "2ca4bf5ae048af1981d1023ee42a0a2a9d51e51d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/chillerlan/php-qrcode/zipball/2ca4bf5ae048af1981d1023ee42a0a2a9d51e51d",
+                "reference": "2ca4bf5ae048af1981d1023ee42a0a2a9d51e51d",
+                "shasum": ""
+            },
+            "require": {
+                "chillerlan/php-settings-container": "^2.1.4",
+                "ext-mbstring": "*",
+                "php": "^7.4 || ^8.0"
+            },
+            "require-dev": {
+                "phan/phan": "^5.3",
+                "phpunit/phpunit": "^9.5",
+                "setasign/fpdf": "^1.8.2"
+            },
+            "suggest": {
+                "chillerlan/php-authenticator": "Yet another Google authenticator! Also creates URIs for mobile apps.",
+                "setasign/fpdf": "Required to use the QR FPDF output."
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "chillerlan\\QRCode\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Kazuhiko Arase",
+                    "homepage": "https://github.com/kazuhikoarase"
+                },
+                {
+                    "name": "Smiley",
+                    "email": "smiley@chillerlan.net",
+                    "homepage": "https://github.com/codemasher"
+                },
+                {
+                    "name": "Contributors",
+                    "homepage": "https://github.com/chillerlan/php-qrcode/graphs/contributors"
+                }
+            ],
+            "description": "A QR code generator. PHP 7.4+",
+            "homepage": "https://github.com/chillerlan/php-qrcode",
+            "keywords": [
+                "phpqrcode",
+                "qr",
+                "qr code",
+                "qrcode",
+                "qrcode-generator"
+            ],
+            "support": {
+                "issues": "https://github.com/chillerlan/php-qrcode/issues",
+                "source": "https://github.com/chillerlan/php-qrcode/tree/4.3.4"
+            },
+            "funding": [
+                {
+                    "url": "https://www.paypal.com/donate?hosted_button_id=WLYUNAT9ZTJZ4",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://ko-fi.com/codemasher",
+                    "type": "ko_fi"
+                }
+            ],
+            "time": "2022-07-25T09:12:45+00:00"
+        },
+        {
+            "name": "chillerlan/php-settings-container",
+            "version": "2.1.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/chillerlan/php-settings-container.git",
+                "reference": "1beb7df3c14346d4344b0b2e12f6f9a74feabd4a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/chillerlan/php-settings-container/zipball/1beb7df3c14346d4344b0b2e12f6f9a74feabd4a",
+                "reference": "1beb7df3c14346d4344b0b2e12f6f9a74feabd4a",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "php": "^7.4 || ^8.0"
+            },
+            "require-dev": {
+                "phan/phan": "^5.3",
+                "phpunit/phpunit": "^9.5"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "chillerlan\\Settings\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Smiley",
+                    "email": "smiley@chillerlan.net",
+                    "homepage": "https://github.com/codemasher"
+                }
+            ],
+            "description": "A container class for immutable settings objects. Not a DI container. PHP 7.4+",
+            "homepage": "https://github.com/chillerlan/php-settings-container",
+            "keywords": [
+                "PHP7",
+                "Settings",
+                "configuration",
+                "container",
+                "helper"
+            ],
+            "support": {
+                "issues": "https://github.com/chillerlan/php-settings-container/issues",
+                "source": "https://github.com/chillerlan/php-settings-container"
+            },
+            "funding": [
+                {
+                    "url": "https://www.paypal.com/donate?hosted_button_id=WLYUNAT9ZTJZ4",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://ko-fi.com/codemasher",
+                    "type": "ko_fi"
+                }
+            ],
+            "time": "2022-07-05T22:32:14+00:00"
         },
         {
             "name": "dasprid/enum",
@@ -488,16 +630,16 @@
         },
         {
             "name": "doctrine/dbal",
-            "version": "3.4.0",
+            "version": "3.4.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/doctrine/dbal.git",
-                "reference": "118a360e9437e88d49024f36283c8bcbd76105f5"
+                "reference": "22de295f10edbe00df74f517612f1fbd711131e2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/dbal/zipball/118a360e9437e88d49024f36283c8bcbd76105f5",
-                "reference": "118a360e9437e88d49024f36283c8bcbd76105f5",
+                "url": "https://api.github.com/repos/doctrine/dbal/zipball/22de295f10edbe00df74f517612f1fbd711131e2",
+                "reference": "22de295f10edbe00df74f517612f1fbd711131e2",
                 "shasum": ""
             },
             "require": {
@@ -579,7 +721,7 @@
             ],
             "support": {
                 "issues": "https://github.com/doctrine/dbal/issues",
-                "source": "https://github.com/doctrine/dbal/tree/3.4.0"
+                "source": "https://github.com/doctrine/dbal/tree/3.4.2"
             },
             "funding": [
                 {
@@ -595,7 +737,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-08-06T20:35:57+00:00"
+            "time": "2022-08-21T14:21:06+00:00"
         },
         {
             "name": "doctrine/deprecations",
@@ -1695,16 +1837,16 @@
         },
         {
             "name": "laravel/framework",
-            "version": "v9.24.0",
+            "version": "v9.25.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "053840f579cf01d353d81333802afced79b1c0af"
+                "reference": "e8af8c2212e3717757ea7f459a655a2e9e771109"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/053840f579cf01d353d81333802afced79b1c0af",
-                "reference": "053840f579cf01d353d81333802afced79b1c0af",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/e8af8c2212e3717757ea7f459a655a2e9e771109",
+                "reference": "e8af8c2212e3717757ea7f459a655a2e9e771109",
                 "shasum": ""
             },
             "require": {
@@ -1871,7 +2013,7 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2022-08-09T13:43:22+00:00"
+            "time": "2022-08-16T16:36:05+00:00"
         },
         {
             "name": "laravel/sanctum",
@@ -2316,16 +2458,16 @@
         },
         {
             "name": "league/flysystem",
-            "version": "3.2.0",
+            "version": "3.2.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/flysystem.git",
-                "reference": "ed0ecc7f9b5c2f4a9872185846974a808a3b052a"
+                "reference": "81aea9e5217084c7850cd36e1587ee4aad721c6b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/ed0ecc7f9b5c2f4a9872185846974a808a3b052a",
-                "reference": "ed0ecc7f9b5c2f4a9872185846974a808a3b052a",
+                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/81aea9e5217084c7850cd36e1587ee4aad721c6b",
+                "reference": "81aea9e5217084c7850cd36e1587ee4aad721c6b",
                 "shasum": ""
             },
             "require": {
@@ -2386,7 +2528,7 @@
             ],
             "support": {
                 "issues": "https://github.com/thephpleague/flysystem/issues",
-                "source": "https://github.com/thephpleague/flysystem/tree/3.2.0"
+                "source": "https://github.com/thephpleague/flysystem/tree/3.2.1"
             },
             "funding": [
                 {
@@ -2402,7 +2544,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-07-26T07:26:36+00:00"
+            "time": "2022-08-14T20:48:34+00:00"
         },
         {
             "name": "league/mime-type-detection",
@@ -7269,16 +7411,16 @@
         },
         {
             "name": "web-auth/cose-lib",
-            "version": "v4.0.5",
+            "version": "v4.0.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/web-auth/cose-lib.git",
-                "reference": "2fe6c0d35136d75bc538372a317ca5df5a75ce73"
+                "reference": "d72032843c97ba40edb682dfcec0b787b25cbe6f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/web-auth/cose-lib/zipball/2fe6c0d35136d75bc538372a317ca5df5a75ce73",
-                "reference": "2fe6c0d35136d75bc538372a317ca5df5a75ce73",
+                "url": "https://api.github.com/repos/web-auth/cose-lib/zipball/d72032843c97ba40edb682dfcec0b787b25cbe6f",
+                "reference": "d72032843c97ba40edb682dfcec0b787b25cbe6f",
                 "shasum": ""
             },
             "require": {
@@ -7338,7 +7480,7 @@
             ],
             "support": {
                 "issues": "https://github.com/web-auth/cose-lib/issues",
-                "source": "https://github.com/web-auth/cose-lib/tree/v4.0.5"
+                "source": "https://github.com/web-auth/cose-lib/tree/v4.0.6"
             },
             "funding": [
                 {
@@ -7350,7 +7492,7 @@
                     "type": "patreon"
                 }
             ],
-            "time": "2022-08-04T16:48:04+00:00"
+            "time": "2022-08-16T14:04:27+00:00"
         },
         {
             "name": "web-auth/metadata-service",
@@ -8270,16 +8412,16 @@
         },
         {
             "name": "friendsofphp/php-cs-fixer",
-            "version": "v3.9.5",
+            "version": "v3.10.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/FriendsOfPHP/PHP-CS-Fixer.git",
-                "reference": "4465d70ba776806857a1ac2a6f877e582445ff36"
+                "reference": "76d7da666e66d83a1dc27a9d1c625c80cc4ac1fe"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/FriendsOfPHP/PHP-CS-Fixer/zipball/4465d70ba776806857a1ac2a6f877e582445ff36",
-                "reference": "4465d70ba776806857a1ac2a6f877e582445ff36",
+                "url": "https://api.github.com/repos/FriendsOfPHP/PHP-CS-Fixer/zipball/76d7da666e66d83a1dc27a9d1c625c80cc4ac1fe",
+                "reference": "76d7da666e66d83a1dc27a9d1c625c80cc4ac1fe",
                 "shasum": ""
             },
             "require": {
@@ -8289,7 +8431,7 @@
                 "ext-json": "*",
                 "ext-tokenizer": "*",
                 "php": "^7.4 || ^8.0",
-                "php-cs-fixer/diff": "^2.0",
+                "sebastian/diff": "^4.0",
                 "symfony/console": "^5.4 || ^6.0",
                 "symfony/event-dispatcher": "^5.4 || ^6.0",
                 "symfony/filesystem": "^5.4 || ^6.0",
@@ -8347,7 +8489,7 @@
             "description": "A tool to automatically fix PHP code style",
             "support": {
                 "issues": "https://github.com/FriendsOfPHP/PHP-CS-Fixer/issues",
-                "source": "https://github.com/FriendsOfPHP/PHP-CS-Fixer/tree/v3.9.5"
+                "source": "https://github.com/FriendsOfPHP/PHP-CS-Fixer/tree/v3.10.0"
             },
             "funding": [
                 {
@@ -8355,7 +8497,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-07-22T08:43:51+00:00"
+            "time": "2022-08-17T22:13:10+00:00"
         },
         {
             "name": "hamcrest/hamcrest-php",
@@ -8738,304 +8880,25 @@
             },
             "time": "2022-02-21T01:04:05+00:00"
         },
-        {
-            "name": "php-cs-fixer/diff",
-            "version": "v2.0.2",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/PHP-CS-Fixer/diff.git",
-                "reference": "29dc0d507e838c4580d018bd8b5cb412474f7ec3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/PHP-CS-Fixer/diff/zipball/29dc0d507e838c4580d018bd8b5cb412474f7ec3",
-                "reference": "29dc0d507e838c4580d018bd8b5cb412474f7ec3",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^5.6 || ^7.0 || ^8.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^5.7.23 || ^6.4.3 || ^7.0",
-                "symfony/process": "^3.3"
-            },
-            "type": "library",
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
-                },
-                {
-                    "name": "Kore Nordmann",
-                    "email": "mail@kore-nordmann.de"
-                }
-            ],
-            "description": "sebastian/diff v3 backport support for PHP 5.6+",
-            "homepage": "https://github.com/PHP-CS-Fixer",
-            "keywords": [
-                "diff"
-            ],
-            "support": {
-                "issues": "https://github.com/PHP-CS-Fixer/diff/issues",
-                "source": "https://github.com/PHP-CS-Fixer/diff/tree/v2.0.2"
-            },
-            "time": "2020-10-14T08:32:19+00:00"
-        },
-        {
-            "name": "phpdocumentor/reflection-common",
-            "version": "2.2.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phpDocumentor/ReflectionCommon.git",
-                "reference": "1d01c49d4ed62f25aa84a747ad35d5a16924662b"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpDocumentor/ReflectionCommon/zipball/1d01c49d4ed62f25aa84a747ad35d5a16924662b",
-                "reference": "1d01c49d4ed62f25aa84a747ad35d5a16924662b",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2 || ^8.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-2.x": "2.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "phpDocumentor\\Reflection\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Jaap van Otterdijk",
-                    "email": "opensource@ijaap.nl"
-                }
-            ],
-            "description": "Common reflection classes used by phpdocumentor to reflect the code structure",
-            "homepage": "http://www.phpdoc.org",
-            "keywords": [
-                "FQSEN",
-                "phpDocumentor",
-                "phpdoc",
-                "reflection",
-                "static analysis"
-            ],
-            "support": {
-                "issues": "https://github.com/phpDocumentor/ReflectionCommon/issues",
-                "source": "https://github.com/phpDocumentor/ReflectionCommon/tree/2.x"
-            },
-            "time": "2020-06-27T09:03:43+00:00"
-        },
-        {
-            "name": "phpdocumentor/reflection-docblock",
-            "version": "5.3.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phpDocumentor/ReflectionDocBlock.git",
-                "reference": "622548b623e81ca6d78b721c5e029f4ce664f170"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpDocumentor/ReflectionDocBlock/zipball/622548b623e81ca6d78b721c5e029f4ce664f170",
-                "reference": "622548b623e81ca6d78b721c5e029f4ce664f170",
-                "shasum": ""
-            },
-            "require": {
-                "ext-filter": "*",
-                "php": "^7.2 || ^8.0",
-                "phpdocumentor/reflection-common": "^2.2",
-                "phpdocumentor/type-resolver": "^1.3",
-                "webmozart/assert": "^1.9.1"
-            },
-            "require-dev": {
-                "mockery/mockery": "~1.3.2",
-                "psalm/phar": "^4.8"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "5.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "phpDocumentor\\Reflection\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Mike van Riel",
-                    "email": "me@mikevanriel.com"
-                },
-                {
-                    "name": "Jaap van Otterdijk",
-                    "email": "account@ijaap.nl"
-                }
-            ],
-            "description": "With this component, a library can provide support for annotations via DocBlocks or otherwise retrieve information that is embedded in a DocBlock.",
-            "support": {
-                "issues": "https://github.com/phpDocumentor/ReflectionDocBlock/issues",
-                "source": "https://github.com/phpDocumentor/ReflectionDocBlock/tree/5.3.0"
-            },
-            "time": "2021-10-19T17:43:47+00:00"
-        },
-        {
-            "name": "phpdocumentor/type-resolver",
-            "version": "1.6.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phpDocumentor/TypeResolver.git",
-                "reference": "77a32518733312af16a44300404e945338981de3"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpDocumentor/TypeResolver/zipball/77a32518733312af16a44300404e945338981de3",
-                "reference": "77a32518733312af16a44300404e945338981de3",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^7.2 || ^8.0",
-                "phpdocumentor/reflection-common": "^2.0"
-            },
-            "require-dev": {
-                "ext-tokenizer": "*",
-                "psalm/phar": "^4.8"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-1.x": "1.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "phpDocumentor\\Reflection\\": "src"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Mike van Riel",
-                    "email": "me@mikevanriel.com"
-                }
-            ],
-            "description": "A PSR-5 based resolver of Class names, Types and Structural Element Names",
-            "support": {
-                "issues": "https://github.com/phpDocumentor/TypeResolver/issues",
-                "source": "https://github.com/phpDocumentor/TypeResolver/tree/1.6.1"
-            },
-            "time": "2022-03-15T21:29:03+00:00"
-        },
-        {
-            "name": "phpspec/prophecy",
-            "version": "v1.15.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/phpspec/prophecy.git",
-                "reference": "bbcd7380b0ebf3961ee21409db7b38bc31d69a13"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpspec/prophecy/zipball/bbcd7380b0ebf3961ee21409db7b38bc31d69a13",
-                "reference": "bbcd7380b0ebf3961ee21409db7b38bc31d69a13",
-                "shasum": ""
-            },
-            "require": {
-                "doctrine/instantiator": "^1.2",
-                "php": "^7.2 || ~8.0, <8.2",
-                "phpdocumentor/reflection-docblock": "^5.2",
-                "sebastian/comparator": "^3.0 || ^4.0",
-                "sebastian/recursion-context": "^3.0 || ^4.0"
-            },
-            "require-dev": {
-                "phpspec/phpspec": "^6.0 || ^7.0",
-                "phpunit/phpunit": "^8.0 || ^9.0"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Prophecy\\": "src/Prophecy"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Konstantin Kudryashov",
-                    "email": "ever.zet@gmail.com",
-                    "homepage": "http://everzet.com"
-                },
-                {
-                    "name": "Marcello Duarte",
-                    "email": "marcello.duarte@gmail.com"
-                }
-            ],
-            "description": "Highly opinionated mocking framework for PHP 5.3+",
-            "homepage": "https://github.com/phpspec/prophecy",
-            "keywords": [
-                "Double",
-                "Dummy",
-                "fake",
-                "mock",
-                "spy",
-                "stub"
-            ],
-            "support": {
-                "issues": "https://github.com/phpspec/prophecy/issues",
-                "source": "https://github.com/phpspec/prophecy/tree/v1.15.0"
-            },
-            "time": "2021-12-08T12:19:24+00:00"
-        },
         {
             "name": "phpunit/php-code-coverage",
-            "version": "9.2.15",
+            "version": "9.2.16",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "2e9da11878c4202f97915c1cb4bb1ca318a63f5f"
+                "reference": "2593003befdcc10db5e213f9f28814f5aa8ac073"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/2e9da11878c4202f97915c1cb4bb1ca318a63f5f",
-                "reference": "2e9da11878c4202f97915c1cb4bb1ca318a63f5f",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/2593003befdcc10db5e213f9f28814f5aa8ac073",
+                "reference": "2593003befdcc10db5e213f9f28814f5aa8ac073",
                 "shasum": ""
             },
             "require": {
                 "ext-dom": "*",
                 "ext-libxml": "*",
                 "ext-xmlwriter": "*",
-                "nikic/php-parser": "^4.13.0",
+                "nikic/php-parser": "^4.14",
                 "php": ">=7.3",
                 "phpunit/php-file-iterator": "^3.0.3",
                 "phpunit/php-text-template": "^2.0.2",
@@ -9084,7 +8947,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/9.2.15"
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/9.2.16"
             },
             "funding": [
                 {
@@ -9092,7 +8955,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-03-07T09:28:20+00:00"
+            "time": "2022-08-20T05:26:47+00:00"
         },
         {
             "name": "phpunit/php-file-iterator",
@@ -9337,16 +9200,16 @@
         },
         {
             "name": "phpunit/phpunit",
-            "version": "9.5.21",
+            "version": "9.5.23",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "0e32b76be457de00e83213528f6bb37e2a38fcb1"
+                "reference": "888556852e7e9bbeeedb9656afe46118765ade34"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/0e32b76be457de00e83213528f6bb37e2a38fcb1",
-                "reference": "0e32b76be457de00e83213528f6bb37e2a38fcb1",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/888556852e7e9bbeeedb9656afe46118765ade34",
+                "reference": "888556852e7e9bbeeedb9656afe46118765ade34",
                 "shasum": ""
             },
             "require": {
@@ -9361,7 +9224,6 @@
                 "phar-io/manifest": "^2.0.3",
                 "phar-io/version": "^3.0.2",
                 "php": ">=7.3",
-                "phpspec/prophecy": "^1.12.1",
                 "phpunit/php-code-coverage": "^9.2.13",
                 "phpunit/php-file-iterator": "^3.0.5",
                 "phpunit/php-invoker": "^3.1.1",
@@ -9379,9 +9241,6 @@
                 "sebastian/type": "^3.0",
                 "sebastian/version": "^3.0.2"
             },
-            "require-dev": {
-                "phpspec/prophecy-phpunit": "^2.0.1"
-            },
             "suggest": {
                 "ext-soap": "*",
                 "ext-xdebug": "*"
@@ -9423,7 +9282,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/9.5.21"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/9.5.23"
             },
             "funding": [
                 {
@@ -9435,7 +9294,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-06-19T12:14:25+00:00"
+            "time": "2022-08-22T14:01:36+00:00"
         },
         {
             "name": "pimple/pimple",
@@ -10886,16 +10745,16 @@
         },
         {
             "name": "spatie/ray",
-            "version": "1.35.0",
+            "version": "1.36.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/ray.git",
-                "reference": "7196737c17718264aef9e446b773ee490c1563dd"
+                "reference": "4a4def8cda4806218341b8204c98375aa8c34323"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/ray/zipball/7196737c17718264aef9e446b773ee490c1563dd",
-                "reference": "7196737c17718264aef9e446b773ee490c1563dd",
+                "url": "https://api.github.com/repos/spatie/ray/zipball/4a4def8cda4806218341b8204c98375aa8c34323",
+                "reference": "4a4def8cda4806218341b8204c98375aa8c34323",
                 "shasum": ""
             },
             "require": {
@@ -10945,7 +10804,7 @@
             ],
             "support": {
                 "issues": "https://github.com/spatie/ray/issues",
-                "source": "https://github.com/spatie/ray/tree/1.35.0"
+                "source": "https://github.com/spatie/ray/tree/1.36.0"
             },
             "funding": [
                 {
@@ -10957,7 +10816,7 @@
                     "type": "other"
                 }
             ],
-            "time": "2022-08-09T14:35:12+00:00"
+            "time": "2022-08-11T14:04:18+00:00"
         },
         {
             "name": "symfony/filesystem",
diff --git a/config/google2fa.php b/config/google2fa.php
index 308dd6f..3e252d7 100644
--- a/config/google2fa.php
+++ b/config/google2fa.php
@@ -46,7 +46,7 @@ return [
     /*
      * Forbid user to reuse One Time Passwords.
      */
-    'forbid_old_passwords' => false,
+    'forbid_old_passwords' => true,
 
     /*
      * User's table column for google2fa secret
diff --git a/package-lock.json b/package-lock.json
index fbe28cb..895d755 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,31 +5,31 @@
     "packages": {
         "": {
             "dependencies": {
+                "@headlessui/vue": "^1.6.7",
+                "@kyvg/vue3-notification": "^2.3.4",
+                "@vueform/multiselect": "^2.3.2",
                 "autoprefixer": "^10.4.1",
-                "axios": "^0.26.0",
+                "axios": "^0.27.0",
                 "cross-env": "^7.0.3",
                 "dayjs": "^1.10.4",
                 "laravel-mix": "^6.0.11",
                 "lodash": "^4.17.20",
-                "portal-vue": "^2.1.7",
                 "postcss": "^8.4.5",
                 "postcss-import": "^14.0.0",
                 "resolve-url-loader": "^5.0.0",
                 "tailwindcss": "^3.0.11",
                 "tippy.js": "^6.2.7",
-                "v-clipboard": "^2.2.3",
-                "vue": "^2.6.12",
-                "vue-good-table": "^2.21.3",
-                "vue-loader": "^15.9.6",
-                "vue-multiselect": "^2.1.6",
-                "vue-notification": "^1.3.20",
+                "v-clipboard": "github:euvl/v-clipboard",
+                "vue": "^3.0.0",
+                "vue-good-table-next": "^0.2.1",
+                "vue-loader": "^17.0.0",
                 "vue-template-compiler": "^2.6.12",
-                "vuedraggable": "^2.24.2"
+                "vuedraggable": "^4.1.0"
             },
             "devDependencies": {
                 "css-loader": "^6.0.0",
-                "husky": "^7.0.0",
-                "lint-staged": "^12.0.0",
+                "husky": "^8.0.0",
+                "lint-staged": "^13.0.0",
                 "prettier": "^2.2.1"
             }
         },
@@ -57,28 +57,28 @@
             }
         },
         "node_modules/@babel/compat-data": {
-            "version": "7.18.8",
-            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.18.8.tgz",
-            "integrity": "sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.18.13.tgz",
+            "integrity": "sha512-5yUzC5LqyTFp2HLmDoxGQelcdYgSpP9xsnMWBphAscOdFrHSAVbLNzWiy32sVNDqJRDiJK6klfDnAgu6PAGSHw==",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/core": {
-            "version": "7.18.10",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.18.10.tgz",
-            "integrity": "sha512-JQM6k6ENcBFKVtWvLavlvi/mPcpYZ3+R+2EySDEMSMbp7Mn4FexlbbJVrx2R7Ijhr01T8gyqrOaABWIOgxeUyw==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.18.13.tgz",
+            "integrity": "sha512-ZisbOvRRusFktksHSG6pjj1CSvkPkcZq/KHD45LAkVP/oiHJkNBZWfpvlLmX8OtHDG8IuzsFlVRWo08w7Qxn0A==",
             "dependencies": {
                 "@ampproject/remapping": "^2.1.0",
                 "@babel/code-frame": "^7.18.6",
-                "@babel/generator": "^7.18.10",
+                "@babel/generator": "^7.18.13",
                 "@babel/helper-compilation-targets": "^7.18.9",
                 "@babel/helper-module-transforms": "^7.18.9",
                 "@babel/helpers": "^7.18.9",
-                "@babel/parser": "^7.18.10",
+                "@babel/parser": "^7.18.13",
                 "@babel/template": "^7.18.10",
-                "@babel/traverse": "^7.18.10",
-                "@babel/types": "^7.18.10",
+                "@babel/traverse": "^7.18.13",
+                "@babel/types": "^7.18.13",
                 "convert-source-map": "^1.7.0",
                 "debug": "^4.1.0",
                 "gensync": "^1.0.0-beta.2",
@@ -102,11 +102,11 @@
             }
         },
         "node_modules/@babel/generator": {
-            "version": "7.18.12",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.18.12.tgz",
-            "integrity": "sha512-dfQ8ebCN98SvyL7IxNMCUtZQSq5R7kxgN+r8qYTGDmmSion1hX2C0zq2yo1bsCDhXixokv1SAWTZUMYbO/V5zg==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.18.13.tgz",
+            "integrity": "sha512-CkPg8ySSPuHTYPJYo7IRALdqyjM9HCbt/3uOBEFbzyGVP6Mn8bwFPB0jX6982JVNBlYzM1nnPkfjuXSOPtQeEQ==",
             "dependencies": {
-                "@babel/types": "^7.18.10",
+                "@babel/types": "^7.18.13",
                 "@jridgewell/gen-mapping": "^0.3.2",
                 "jsesc": "^2.5.1"
             },
@@ -176,9 +176,9 @@
             }
         },
         "node_modules/@babel/helper-create-class-features-plugin": {
-            "version": "7.18.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.18.9.tgz",
-            "integrity": "sha512-WvypNAYaVh23QcjpMR24CwZY2Nz6hqdOcFdPbNpV56hL5H6KiFheO7Xm1aPdlLQ7d5emYZX7VZwPp9x3z+2opw==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.18.13.tgz",
+            "integrity": "sha512-hDvXp+QYxSRL+23mpAlSGxHMDyIGChm0/AwTfTAAK5Ufe40nCsyNdaYCGuK91phn/fVu9kqayImRDkvNAgdrsA==",
             "dependencies": {
                 "@babel/helper-annotate-as-pure": "^7.18.6",
                 "@babel/helper-environment-visitor": "^7.18.9",
@@ -521,9 +521,9 @@
             }
         },
         "node_modules/@babel/parser": {
-            "version": "7.18.11",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.11.tgz",
-            "integrity": "sha512-9JKn5vN+hDt0Hdqn1PiJ2guflwP+B6Ga8qbDuoF0PzzVhrzsKIJo8yGqVk6CmMHiMei9w1C1Bp9IMJSIK+HPIQ==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.13.tgz",
+            "integrity": "sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg==",
             "bin": {
                 "parser": "bin/babel-parser.js"
             },
@@ -1066,9 +1066,9 @@
             }
         },
         "node_modules/@babel/plugin-transform-destructuring": {
-            "version": "7.18.9",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.18.9.tgz",
-            "integrity": "sha512-p5VCYNddPLkZTq4XymQIaIfZNJwT9YsjkPOhkVEqt6QIpQFZVM9IltqqYpOEkJoN1DPznmxUDyZ5CTZs/ZCuHA==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.18.13.tgz",
+            "integrity": "sha512-TodpQ29XekIsex2A+YJPj5ax2plkGa8YYY6mFjCohk/IG9IY42Rtuj1FuDeemfg2ipxIFLzPeA83SIBnlhSIow==",
             "dependencies": {
                 "@babel/helper-plugin-utils": "^7.18.9"
             },
@@ -1611,18 +1611,18 @@
             }
         },
         "node_modules/@babel/traverse": {
-            "version": "7.18.11",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.18.11.tgz",
-            "integrity": "sha512-TG9PiM2R/cWCAy6BPJKeHzNbu4lPzOSZpeMfeNErskGpTJx6trEvFaVCbDvpcxwy49BKWmEPwiW8mrysNiDvIQ==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.18.13.tgz",
+            "integrity": "sha512-N6kt9X1jRMLPxxxPYWi7tgvJRH/rtoU+dbKAPDM44RFHiMH8igdsaSBgFeskhSl/kLWLDUvIh1RXCrTmg0/zvA==",
             "dependencies": {
                 "@babel/code-frame": "^7.18.6",
-                "@babel/generator": "^7.18.10",
+                "@babel/generator": "^7.18.13",
                 "@babel/helper-environment-visitor": "^7.18.9",
                 "@babel/helper-function-name": "^7.18.9",
                 "@babel/helper-hoist-variables": "^7.18.6",
                 "@babel/helper-split-export-declaration": "^7.18.6",
-                "@babel/parser": "^7.18.11",
-                "@babel/types": "^7.18.10",
+                "@babel/parser": "^7.18.13",
+                "@babel/types": "^7.18.13",
                 "debug": "^4.1.0",
                 "globals": "^11.1.0"
             },
@@ -1631,9 +1631,9 @@
             }
         },
         "node_modules/@babel/types": {
-            "version": "7.18.10",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.10.tgz",
-            "integrity": "sha512-MJvnbEiiNkpjo+LknnmRrqbY1GPUUggjv+wQVjetM/AONoupqRALB7I6jGqNUAZsKcRIEu2J6FRFvsczljjsaQ==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.13.tgz",
+            "integrity": "sha512-ePqfTihzW0W6XAU+aMw2ykilisStJfDnsejDCXRchCcMJ4O0+8DhPXf2YUbZ6wjBlsEmZwLK/sPweWtu8hcJYQ==",
             "dependencies": {
                 "@babel/helper-string-parser": "^7.18.10",
                 "@babel/helper-validator-identifier": "^7.18.6",
@@ -1660,6 +1660,17 @@
                 "node": ">=10.0.0"
             }
         },
+        "node_modules/@headlessui/vue": {
+            "version": "1.6.7",
+            "resolved": "https://registry.npmjs.org/@headlessui/vue/-/vue-1.6.7.tgz",
+            "integrity": "sha512-5sTCBpkUoFE7zhANn/6Z+pf3PUA7MD6BBaTsJcQybq9E4fnNiMM9agOJI9meXbtcawE6Dm8EeB5A8HAJEnZCbQ==",
+            "engines": {
+                "node": ">=10"
+            },
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -1716,14 +1727,22 @@
             "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
         },
         "node_modules/@jridgewell/trace-mapping": {
-            "version": "0.3.14",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz",
-            "integrity": "sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==",
+            "version": "0.3.15",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz",
+            "integrity": "sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==",
             "dependencies": {
                 "@jridgewell/resolve-uri": "^3.0.3",
                 "@jridgewell/sourcemap-codec": "^1.4.10"
             }
         },
+        "node_modules/@kyvg/vue3-notification": {
+            "version": "2.3.6",
+            "resolved": "https://registry.npmjs.org/@kyvg/vue3-notification/-/vue3-notification-2.3.6.tgz",
+            "integrity": "sha512-uQcVOrJIyEYoXLctgJqlj2YPhCaZ80mXgF1xgQZwshqeneNgG08WE8Iw9U3IH8OgUITkRGII0YopdXwLeOXb3w==",
+            "peerDependencies": {
+                "vue": "^3.0.0"
+            }
+        },
         "node_modules/@leichtgewicht/ip-codec": {
             "version": "2.0.4",
             "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
@@ -1762,9 +1781,9 @@
             }
         },
         "node_modules/@popperjs/core": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
-            "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+            "version": "2.11.6",
+            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+            "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
             "funding": {
                 "type": "opencollective",
                 "url": "https://opencollective.com/popperjs"
@@ -1859,9 +1878,9 @@
             }
         },
         "node_modules/@types/eslint": {
-            "version": "8.4.5",
-            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.5.tgz",
-            "integrity": "sha512-dhsC09y1gpJWnK+Ff4SGvCuSnk9DaU0BJZSzOwa6GVSg65XtTugLBITDAAzRU5duGBoXBHpdR/9jHGxJjNflJQ==",
+            "version": "8.4.6",
+            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.6.tgz",
+            "integrity": "sha512-/fqTbjxyFUaYNO7VcW5g+4npmqVACz1bB7RTHYuLj+PRjw9hrCwrUXVQFpChUS0JsyEFvMZ7U/PfmvWgxJhI9g==",
             "dependencies": {
                 "@types/estree": "*",
                 "@types/json-schema": "*"
@@ -1976,9 +1995,9 @@
             "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ=="
         },
         "node_modules/@types/node": {
-            "version": "18.6.5",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.6.5.tgz",
-            "integrity": "sha512-Xjt5ZGUa5WusGZJ4WJPbOT8QOqp6nDynVFRKcUt32bOgvXEoc6o085WNkYTMO7ifAj2isEfQQ2cseE+wT6jsRw=="
+            "version": "18.7.11",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.7.11.tgz",
+            "integrity": "sha512-KZhFpSLlmK/sdocfSAjqPETTMd0ug6HIMIAwkwUpU79olnZdQtMxpQP+G1wDzCH7na+FltSIhbaZuKdwZ8RDrw=="
         },
         "node_modules/@types/parse-json": {
             "version": "4.0.0",
@@ -2038,68 +2057,112 @@
                 "@types/node": "*"
             }
         },
+        "node_modules/@vue/compiler-core": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
+            "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+            "dependencies": {
+                "@babel/parser": "^7.16.4",
+                "@vue/shared": "3.2.37",
+                "estree-walker": "^2.0.2",
+                "source-map": "^0.6.1"
+            }
+        },
+        "node_modules/@vue/compiler-dom": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
+            "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+            "dependencies": {
+                "@vue/compiler-core": "3.2.37",
+                "@vue/shared": "3.2.37"
+            }
+        },
         "node_modules/@vue/compiler-sfc": {
-            "version": "2.7.8",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.8.tgz",
-            "integrity": "sha512-2DK4YWKfgLnW9VDR9gnju1gcYRk3flKj8UNsms7fsRmFcg35slVTZEkqwBtX+wJBXaamFfn6NxSsZh3h12Ix/Q==",
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
+            "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
             "dependencies": {
-                "@babel/parser": "^7.18.4",
-                "postcss": "^8.4.14",
+                "@babel/parser": "^7.16.4",
+                "@vue/compiler-core": "3.2.37",
+                "@vue/compiler-dom": "3.2.37",
+                "@vue/compiler-ssr": "3.2.37",
+                "@vue/reactivity-transform": "3.2.37",
+                "@vue/shared": "3.2.37",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7",
+                "postcss": "^8.1.10",
                 "source-map": "^0.6.1"
             }
         },
-        "node_modules/@vue/component-compiler-utils": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz",
-            "integrity": "sha512-97sfH2mYNU+2PzGrmK2haqffDpVASuib9/w2/noxiFi31Z54hW+q3izKQXXQZSNhtiUpAI36uSuYepeBe4wpHQ==",
+        "node_modules/@vue/compiler-ssr": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
+            "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
             "dependencies": {
-                "consolidate": "^0.15.1",
-                "hash-sum": "^1.0.2",
-                "lru-cache": "^4.1.2",
-                "merge-source-map": "^1.1.0",
-                "postcss": "^7.0.36",
-                "postcss-selector-parser": "^6.0.2",
-                "source-map": "~0.6.1",
-                "vue-template-es2015-compiler": "^1.9.0"
-            },
-            "optionalDependencies": {
-                "prettier": "^1.18.2 || ^2.0.0"
+                "@vue/compiler-dom": "3.2.37",
+                "@vue/shared": "3.2.37"
             }
         },
-        "node_modules/@vue/component-compiler-utils/node_modules/lru-cache": {
-            "version": "4.1.5",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
-            "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+        "node_modules/@vue/reactivity": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
+            "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
             "dependencies": {
-                "pseudomap": "^1.0.2",
-                "yallist": "^2.1.2"
+                "@vue/shared": "3.2.37"
             }
         },
-        "node_modules/@vue/component-compiler-utils/node_modules/picocolors": {
-            "version": "0.2.1",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-            "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-        },
-        "node_modules/@vue/component-compiler-utils/node_modules/postcss": {
-            "version": "7.0.39",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+        "node_modules/@vue/reactivity-transform": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
+            "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
             "dependencies": {
-                "picocolors": "^0.2.1",
-                "source-map": "^0.6.1"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/postcss/"
+                "@babel/parser": "^7.16.4",
+                "@vue/compiler-core": "3.2.37",
+                "@vue/shared": "3.2.37",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7"
             }
         },
-        "node_modules/@vue/component-compiler-utils/node_modules/yallist": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
-            "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A=="
+        "node_modules/@vue/runtime-core": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
+            "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+            "dependencies": {
+                "@vue/reactivity": "3.2.37",
+                "@vue/shared": "3.2.37"
+            }
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
+            "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+            "dependencies": {
+                "@vue/runtime-core": "3.2.37",
+                "@vue/shared": "3.2.37",
+                "csstype": "^2.6.8"
+            }
+        },
+        "node_modules/@vue/server-renderer": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
+            "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
+            "dependencies": {
+                "@vue/compiler-ssr": "3.2.37",
+                "@vue/shared": "3.2.37"
+            },
+            "peerDependencies": {
+                "vue": "3.2.37"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
+            "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+        },
+        "node_modules/@vueform/multiselect": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/@vueform/multiselect/-/multiselect-2.5.2.tgz",
+            "integrity": "sha512-TSnngBaXfNNV+anFYpqzLkJLTEFdkjBzHsffMBGcmkyPAH78WTbgE2wXLzw48dnCXRhxrP+1fNRXqf6JppPwWg=="
         },
         "node_modules/@webassemblyjs/ast": {
             "version": "1.11.1",
@@ -2525,6 +2588,11 @@
                 "node": ">=8"
             }
         },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+        },
         "node_modules/autoprefixer": {
             "version": "10.4.8",
             "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.8.tgz",
@@ -2558,11 +2626,12 @@
             }
         },
         "node_modules/axios": {
-            "version": "0.26.1",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
-            "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+            "version": "0.27.2",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+            "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
             "dependencies": {
-                "follow-redirects": "^1.14.8"
+                "follow-redirects": "^1.14.9",
+                "form-data": "^4.0.0"
             }
         },
         "node_modules/babel-loader": {
@@ -2680,11 +2749,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/bluebird": {
-            "version": "3.7.2",
-            "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
-            "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
-        },
         "node_modules/bn.js": {
             "version": "5.2.1",
             "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
@@ -2983,9 +3047,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001375",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001375.tgz",
-            "integrity": "sha512-kWIMkNzLYxSvnjy0hL8w1NOaWNr2rn39RTAVyIwcw8juu60bZDWiF1/loOYANzjtJmy6qPgNmn38ro5Pygagdw==",
+            "version": "1.0.30001382",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001382.tgz",
+            "integrity": "sha512-2rtJwDmSZ716Pxm1wCtbPvHtbDWAreTPxXbkc5RkKglow3Ig/4GNGazDI9/BVnXbG/wnv6r3B5FEbkfg9OcTGg==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -3220,15 +3284,26 @@
             "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "node_modules/colord": {
-            "version": "2.9.2",
-            "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
-            "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ=="
+            "version": "2.9.3",
+            "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+            "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
         },
         "node_modules/colorette": {
             "version": "2.0.19",
             "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
             "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
         },
+        "node_modules/combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
         "node_modules/commander": {
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
@@ -3325,17 +3400,6 @@
             "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
             "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA=="
         },
-        "node_modules/consolidate": {
-            "version": "0.15.1",
-            "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.15.1.tgz",
-            "integrity": "sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==",
-            "dependencies": {
-                "bluebird": "^3.1.1"
-            },
-            "engines": {
-                "node": ">= 0.10.0"
-            }
-        },
         "node_modules/constants-browserify": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
@@ -3554,6 +3618,7 @@
             "version": "6.7.1",
             "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.1.tgz",
             "integrity": "sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw==",
+            "dev": true,
             "dependencies": {
                 "icss-utils": "^5.1.0",
                 "postcss": "^8.4.7",
@@ -3639,9 +3704,9 @@
             }
         },
         "node_modules/cssnano": {
-            "version": "5.1.12",
-            "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.1.12.tgz",
-            "integrity": "sha512-TgvArbEZu0lk/dvg2ja+B7kYoD7BBCmn3+k58xD0qjrGHsFzXY/wKTo9M5egcUCabPol05e/PVoIu79s2JN4WQ==",
+            "version": "5.1.13",
+            "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.1.13.tgz",
+            "integrity": "sha512-S2SL2ekdEz6w6a2epXn4CmMKU4K3KpcyXLKfAYc9UQQqJRkD/2eLUG0vJ3Db/9OvO5GuAdgXw3pFbR6abqghDQ==",
             "dependencies": {
                 "cssnano-preset-default": "^5.2.12",
                 "lilconfig": "^2.0.3",
@@ -3723,14 +3788,14 @@
             }
         },
         "node_modules/csstype": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
-            "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+            "version": "2.6.20",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.20.tgz",
+            "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
         },
         "node_modules/date-fns": {
-            "version": "2.29.1",
-            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.29.1.tgz",
-            "integrity": "sha512-dlLD5rKaKxpFdnjrs+5azHDFOPEu4ANy/LTh04A1DTzMM7qoajmKCBc8pkKRFT41CNzw+4gQh79X5C+Jq27HAw==",
+            "version": "2.29.2",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.29.2.tgz",
+            "integrity": "sha512-0VNbwmWJDS/G3ySwFSJA3ayhbURMTJLtwM2DTxf9CWondCnh6DTNlO9JgRSq6ibf4eD0lfMJNBxUdEAHHix+bA==",
             "engines": {
                 "node": ">=0.11"
             },
@@ -3740,9 +3805,9 @@
             }
         },
         "node_modules/dayjs": {
-            "version": "1.11.4",
-            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.4.tgz",
-            "integrity": "sha512-Zj/lPM5hOvQ1Bf7uAvewDaUcsJoI6JmNqmHhHl3nyumwe0XHwt8sWdOVAPACJzCebL8gQCi+K49w7iKWnGwX9g=="
+            "version": "1.11.5",
+            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz",
+            "integrity": "sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA=="
         },
         "node_modules/de-indent": {
             "version": "1.0.2",
@@ -3776,6 +3841,88 @@
                 "node": ">= 10"
             }
         },
+        "node_modules/default-gateway/node_modules/execa": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+            "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+            "dependencies": {
+                "cross-spawn": "^7.0.3",
+                "get-stream": "^6.0.0",
+                "human-signals": "^2.1.0",
+                "is-stream": "^2.0.0",
+                "merge-stream": "^2.0.0",
+                "npm-run-path": "^4.0.1",
+                "onetime": "^5.1.2",
+                "signal-exit": "^3.0.3",
+                "strip-final-newline": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sindresorhus/execa?sponsor=1"
+            }
+        },
+        "node_modules/default-gateway/node_modules/human-signals": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+            "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+            "engines": {
+                "node": ">=10.17.0"
+            }
+        },
+        "node_modules/default-gateway/node_modules/is-stream": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/default-gateway/node_modules/mimic-fn": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/default-gateway/node_modules/npm-run-path": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+            "dependencies": {
+                "path-key": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/default-gateway/node_modules/onetime": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+            "dependencies": {
+                "mimic-fn": "^2.1.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/default-gateway/node_modules/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==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/define-lazy-prop": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
@@ -3804,6 +3951,14 @@
             "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
             "integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ=="
         },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
         "node_modules/depd": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -4025,9 +4180,9 @@
             "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.4.213",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.213.tgz",
-            "integrity": "sha512-+3DbGHGOCHTVB/Ms63bGqbyC1b8y7Fk86+7ltssB8NQrZtSCvZG6eooSl9U2Q0yw++fL2DpHKOdTU0NVEkFObg=="
+            "version": "1.4.226",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.226.tgz",
+            "integrity": "sha512-CvevLaSiUp0u12K0e+QhMX1hn724nSUNO9ToBek+FMHk/5RofrQs5MChjrD0re0IwqxDFxFMSZD+uic05i2Z5w=="
         },
         "node_modules/elliptic": {
             "version": "6.5.4",
@@ -4173,6 +4328,11 @@
                 "node": ">=4.0"
             }
         },
+        "node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+        },
         "node_modules/esutils": {
             "version": "2.0.3",
             "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -4212,22 +4372,23 @@
             }
         },
         "node_modules/execa": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-            "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-6.1.0.tgz",
+            "integrity": "sha512-QVWlX2e50heYJcCPG0iWtf8r0xjEYfz/OYLGDYH+IyjWezzPNxz63qNFOu0l4YftGWuizFVZHHs8PrLU5p2IDA==",
+            "dev": true,
             "dependencies": {
                 "cross-spawn": "^7.0.3",
-                "get-stream": "^6.0.0",
-                "human-signals": "^2.1.0",
-                "is-stream": "^2.0.0",
+                "get-stream": "^6.0.1",
+                "human-signals": "^3.0.1",
+                "is-stream": "^3.0.0",
                 "merge-stream": "^2.0.0",
-                "npm-run-path": "^4.0.1",
-                "onetime": "^5.1.2",
-                "signal-exit": "^3.0.3",
-                "strip-final-newline": "^2.0.0"
+                "npm-run-path": "^5.1.0",
+                "onetime": "^6.0.0",
+                "signal-exit": "^3.0.7",
+                "strip-final-newline": "^3.0.0"
             },
             "engines": {
-                "node": ">=10"
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
             },
             "funding": {
                 "url": "https://github.com/sindresorhus/execa?sponsor=1"
@@ -4495,6 +4656,19 @@
                 }
             }
         },
+        "node_modules/form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
         "node_modules/forwarded": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -4767,9 +4941,9 @@
             ]
         },
         "node_modules/hash-sum": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-            "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA=="
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+            "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg=="
         },
         "node_modules/hash.js": {
             "version": "1.1.7",
@@ -4990,23 +5164,24 @@
             "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg=="
         },
         "node_modules/human-signals": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-            "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-3.0.1.tgz",
+            "integrity": "sha512-rQLskxnM/5OCldHo+wNXbpVgDn5A17CUoKX+7Sokwaknlq7CdSnphy0W39GU8dw59XiCXmFXDg4fRuckQRKewQ==",
+            "dev": true,
             "engines": {
-                "node": ">=10.17.0"
+                "node": ">=12.20.0"
             }
         },
         "node_modules/husky": {
-            "version": "7.0.4",
-            "resolved": "https://registry.npmjs.org/husky/-/husky-7.0.4.tgz",
-            "integrity": "sha512-vbaCKN2QLtP/vD4yvs6iz6hBEo6wkSzs8HpRah1Z6aGmF2KW5PdYuAd7uX5a+OyBZHBhd+TFLqgjUgytQr4RvQ==",
+            "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.1.tgz",
+            "integrity": "sha512-xs7/chUH/CKdOCs7Zy0Aev9e/dKOMZf3K1Az1nar3tzlv0jfqnYtu235bstsWTmXOR0EfINrPa97yy4Lz6RiKw==",
             "dev": true,
             "bin": {
                 "husky": "lib/bin.js"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=14"
             },
             "funding": {
                 "url": "https://github.com/sponsors/typicode"
@@ -5296,11 +5471,12 @@
             }
         },
         "node_modules/is-stream": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+            "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+            "dev": true,
             "engines": {
-                "node": ">=8"
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
             },
             "funding": {
                 "url": "https://github.com/sponsors/sindresorhus"
@@ -5566,31 +5742,30 @@
             "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
         },
         "node_modules/lint-staged": {
-            "version": "12.5.0",
-            "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-12.5.0.tgz",
-            "integrity": "sha512-BKLUjWDsKquV/JuIcoQW4MSAI3ggwEImF1+sB4zaKvyVx1wBk3FsG7UK9bpnmBTN1pm7EH2BBcMwINJzCRv12g==",
+            "version": "13.0.3",
+            "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-13.0.3.tgz",
+            "integrity": "sha512-9hmrwSCFroTSYLjflGI8Uk+GWAwMB4OlpU4bMJEAT5d/llQwtYKoim4bLOyLCuWFAhWEupE0vkIFqtw/WIsPug==",
             "dev": true,
             "dependencies": {
                 "cli-truncate": "^3.1.0",
-                "colorette": "^2.0.16",
+                "colorette": "^2.0.17",
                 "commander": "^9.3.0",
                 "debug": "^4.3.4",
-                "execa": "^5.1.1",
+                "execa": "^6.1.0",
                 "lilconfig": "2.0.5",
                 "listr2": "^4.0.5",
                 "micromatch": "^4.0.5",
                 "normalize-path": "^3.0.0",
                 "object-inspect": "^1.12.2",
-                "pidtree": "^0.5.0",
+                "pidtree": "^0.6.0",
                 "string-argv": "^0.3.1",
-                "supports-color": "^9.2.2",
-                "yaml": "^1.10.2"
+                "yaml": "^2.1.1"
             },
             "bin": {
                 "lint-staged": "bin/lint-staged.js"
             },
             "engines": {
-                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+                "node": "^14.13.1 || >=16.0.0"
             },
             "funding": {
                 "url": "https://opencollective.com/lint-staged"
@@ -5614,16 +5789,13 @@
                 "node": ">=10"
             }
         },
-        "node_modules/lint-staged/node_modules/supports-color": {
-            "version": "9.2.2",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-9.2.2.tgz",
-            "integrity": "sha512-XC6g/Kgux+rJXmwokjm9ECpD6k/smUoS5LKlUCcsYr4IY3rW0XyAympon2RmxGrlnZURMpg5T18gWDP9CsHXFA==",
+        "node_modules/lint-staged/node_modules/yaml": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.1.1.tgz",
+            "integrity": "sha512-o96x3OPo8GjWeSLF+wOAbrPfhFOGY0W00GNaxCDv+9hkcDJEnev1yh8S7pgHF0ik6zc8sQLuL8hjHjJULZp8bw==",
             "dev": true,
             "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/supports-color?sponsor=1"
+                "node": ">= 14"
             }
         },
         "node_modules/listr2": {
@@ -5826,6 +5998,14 @@
                 "node": ">=10"
             }
         },
+        "node_modules/magic-string": {
+            "version": "0.25.9",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+            "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+            "dependencies": {
+                "sourcemap-codec": "^1.4.8"
+            }
+        },
         "node_modules/make-dir": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@@ -5897,14 +6077,6 @@
             "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
             "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
         },
-        "node_modules/merge-source-map": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz",
-            "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==",
-            "dependencies": {
-                "source-map": "^0.6.1"
-            }
-        },
         "node_modules/merge-stream": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -5986,11 +6158,15 @@
             }
         },
         "node_modules/mimic-fn": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+            "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+            "dev": true,
             "engines": {
-                "node": ">=6"
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
             }
         },
         "node_modules/mini-css-extract-plugin": {
@@ -6190,14 +6366,30 @@
             }
         },
         "node_modules/npm-run-path": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
+            "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==",
+            "dev": true,
             "dependencies": {
-                "path-key": "^3.0.0"
+                "path-key": "^4.0.0"
             },
             "engines": {
-                "node": ">=8"
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/npm-run-path/node_modules/path-key": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+            "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
             }
         },
         "node_modules/nth-check": {
@@ -6244,9 +6436,9 @@
             }
         },
         "node_modules/object.assign": {
-            "version": "4.1.3",
-            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.3.tgz",
-            "integrity": "sha512-ZFJnX3zltyjcYJL0RoCJuzb+11zWGyaDbjgxZbdV7rFEcHQuYxrZqhow67aA7xpes6LhojyFDaBKAFfogQrikA==",
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+            "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
             "dependencies": {
                 "call-bind": "^1.0.2",
                 "define-properties": "^1.1.4",
@@ -6293,14 +6485,15 @@
             }
         },
         "node_modules/onetime": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+            "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+            "dev": true,
             "dependencies": {
-                "mimic-fn": "^2.1.0"
+                "mimic-fn": "^4.0.0"
             },
             "engines": {
-                "node": ">=6"
+                "node": ">=12"
             },
             "funding": {
                 "url": "https://github.com/sponsors/sindresorhus"
@@ -6548,9 +6741,9 @@
             }
         },
         "node_modules/pidtree": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.5.0.tgz",
-            "integrity": "sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==",
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+            "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
             "dev": true,
             "bin": {
                 "pidtree": "bin/pidtree.js"
@@ -6578,14 +6771,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/portal-vue": {
-            "version": "2.1.7",
-            "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-2.1.7.tgz",
-            "integrity": "sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==",
-            "peerDependencies": {
-                "vue": "^2.5.18"
-            }
-        },
         "node_modules/postcss": {
             "version": "8.4.16",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
@@ -7164,7 +7349,7 @@
             "version": "2.7.1",
             "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
             "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
-            "devOptional": true,
+            "dev": true,
             "bin": {
                 "prettier": "bin-prettier.js"
             },
@@ -7216,11 +7401,6 @@
                 "node": ">= 0.10"
             }
         },
-        "node_modules/pseudomap": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
-            "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ=="
-        },
         "node_modules/public-encrypt": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
@@ -7586,6 +7766,30 @@
                 "node": ">=8"
             }
         },
+        "node_modules/restore-cursor/node_modules/mimic-fn": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/restore-cursor/node_modules/onetime": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+            "dev": true,
+            "dependencies": {
+                "mimic-fn": "^2.1.0"
+            },
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/retry": {
             "version": "0.13.1",
             "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
@@ -7975,9 +8179,9 @@
             }
         },
         "node_modules/sortablejs": {
-            "version": "1.10.2",
-            "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
-            "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
+            "version": "1.14.0",
+            "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz",
+            "integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
         },
         "node_modules/source-list-map": {
             "version": "2.0.1",
@@ -8009,6 +8213,11 @@
                 "source-map": "^0.6.0"
             }
         },
+        "node_modules/sourcemap-codec": {
+            "version": "1.4.8",
+            "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+            "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+        },
         "node_modules/spdy": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -8065,9 +8274,9 @@
             }
         },
         "node_modules/std-env": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.1.1.tgz",
-            "integrity": "sha512-/c645XdExBypL01TpFKiG/3RAa/Qmu+zRi0MwAmrdEkwHNuN0ebo8ccAXBBDa5Z0QOJgBskUIbuCK91x0sCVEw=="
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.2.1.tgz",
+            "integrity": "sha512-D/uYFWkI/31OrnKmXZqGAGK5GbQRPp/BWA1nuITcc6ICblhhuQUPHS5E2GSCVS7Hwhf4ciq8qsATwBUxv+lI6w=="
         },
         "node_modules/stream-browserify": {
             "version": "2.0.2",
@@ -8159,11 +8368,15 @@
             }
         },
         "node_modules/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==",
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+            "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+            "dev": true,
             "engines": {
-                "node": ">=6"
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
             }
         },
         "node_modules/style-loader": {
@@ -8335,15 +8548,15 @@
             }
         },
         "node_modules/terser-webpack-plugin": {
-            "version": "5.3.3",
-            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.3.tgz",
-            "integrity": "sha512-Fx60G5HNYknNTNQnzQ1VePRuu89ZVYWfjRAeT5rITuCY/1b08s49e5kSQwHDirKZWuoKOBRFS98EUUoZ9kLEwQ==",
+            "version": "5.3.5",
+            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.5.tgz",
+            "integrity": "sha512-AOEDLDxD2zylUGf/wxHxklEkOe2/r+seuyOWujejFrIxHf11brA1/dWQNIgXa1c6/Wkxgu7zvv0JhOWfc2ELEA==",
             "dependencies": {
-                "@jridgewell/trace-mapping": "^0.3.7",
+                "@jridgewell/trace-mapping": "^0.3.14",
                 "jest-worker": "^27.4.5",
                 "schema-utils": "^3.1.1",
                 "serialize-javascript": "^6.0.0",
-                "terser": "^5.7.2"
+                "terser": "^5.14.1"
             },
             "engines": {
                 "node": ">= 10.13.0"
@@ -8639,8 +8852,8 @@
         },
         "node_modules/v-clipboard": {
             "version": "2.2.3",
-            "resolved": "https://registry.npmjs.org/v-clipboard/-/v-clipboard-2.2.3.tgz",
-            "integrity": "sha512-Wg+ObZoYK6McHb5OOCFWvm0R7xHp0/p0G1ocx/8bO22jvA/yVY05rADbfiztwCokXBNfQuGv/XSd1ozcTFgekw=="
+            "resolved": "git+ssh://git@github.com/euvl/v-clipboard.git#3c0e520f75a6efec26a6bb61419080c5bcb225b8",
+            "license": "MIT"
         },
         "node_modules/vary": {
             "version": "1.1.2",
@@ -8656,91 +8869,37 @@
             "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
         },
         "node_modules/vue": {
-            "version": "2.7.8",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.8.tgz",
-            "integrity": "sha512-ncwlZx5qOcn754bCu5/tS/IWPhXHopfit79cx+uIlLMyt3vCMGcXai5yCG5y+I6cDmEj4ukRYyZail9FTQh7lQ==",
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
+            "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
             "dependencies": {
-                "@vue/compiler-sfc": "2.7.8",
-                "csstype": "^3.1.0"
+                "@vue/compiler-dom": "3.2.37",
+                "@vue/compiler-sfc": "3.2.37",
+                "@vue/runtime-dom": "3.2.37",
+                "@vue/server-renderer": "3.2.37",
+                "@vue/shared": "3.2.37"
             }
         },
-        "node_modules/vue-good-table": {
-            "version": "2.21.11",
-            "resolved": "https://registry.npmjs.org/vue-good-table/-/vue-good-table-2.21.11.tgz",
-            "integrity": "sha512-OpVPdxbBTahtfq1aXxEa5P1CMy1wiLcBg4mo7k6Qs537l9v8KVrvF+fXqbnxqNrAfmd1Mw9LidcjgTErjmVU8g==",
+        "node_modules/vue-good-table-next": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/vue-good-table-next/-/vue-good-table-next-0.2.1.tgz",
+            "integrity": "sha512-Zri8pQtUdb698FA+KSSOW4rxLthuJw8QUdWDdmArUPyxjVFH0wpXbK32r9RgPkHFMMPVUSsqchCqE2wE1tI0qg==",
             "dependencies": {
-                "date-fns": "^2.17.0",
+                "date-fns": "^2.25.0",
                 "lodash.isequal": "^4.5.0"
             }
         },
-        "node_modules/vue-hot-reload-api": {
-            "version": "2.3.4",
-            "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
-            "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog=="
-        },
         "node_modules/vue-loader": {
-            "version": "15.10.0",
-            "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.0.tgz",
-            "integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
+            "version": "17.0.0",
+            "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-17.0.0.tgz",
+            "integrity": "sha512-OWSXjrzIvbF2LtOUmxT3HYgwwubbfFelN8PAP9R9dwpIkj48TVioHhWWSx7W7fk+iF5cgg3CBJRxwTdtLU4Ecg==",
             "dependencies": {
-                "@vue/component-compiler-utils": "^3.1.0",
-                "hash-sum": "^1.0.2",
-                "loader-utils": "^1.1.0",
-                "vue-hot-reload-api": "^2.3.0",
-                "vue-style-loader": "^4.1.0"
+                "chalk": "^4.1.0",
+                "hash-sum": "^2.0.0",
+                "loader-utils": "^2.0.0"
             },
             "peerDependencies": {
-                "css-loader": "*",
-                "webpack": "^3.0.0 || ^4.1.0 || ^5.0.0-0"
-            },
-            "peerDependenciesMeta": {
-                "cache-loader": {
-                    "optional": true
-                },
-                "vue-template-compiler": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vue-loader/node_modules/json5": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-            "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-            "dependencies": {
-                "minimist": "^1.2.0"
-            },
-            "bin": {
-                "json5": "lib/cli.js"
-            }
-        },
-        "node_modules/vue-loader/node_modules/loader-utils": {
-            "version": "1.4.0",
-            "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-            "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
-            "dependencies": {
-                "big.js": "^5.2.2",
-                "emojis-list": "^3.0.0",
-                "json5": "^1.0.1"
-            },
-            "engines": {
-                "node": ">=4.0.0"
-            }
-        },
-        "node_modules/vue-multiselect": {
-            "version": "2.1.6",
-            "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-2.1.6.tgz",
-            "integrity": "sha512-s7jmZPlm9FeueJg1RwJtnE9KNPtME/7C8uRWSfp9/yEN4M8XcS/d+bddoyVwVnvFyRh9msFo0HWeW0vTL8Qv+w==",
-            "engines": {
-                "node": ">= 4.0.0",
-                "npm": ">= 3.0.0"
-            }
-        },
-        "node_modules/vue-notification": {
-            "version": "1.3.20",
-            "resolved": "https://registry.npmjs.org/vue-notification/-/vue-notification-1.3.20.tgz",
-            "integrity": "sha512-vPj67Ah72p8xvtyVE8emfadqVWguOScAjt6OJDEUdcW5hW189NsqvfkOrctxHUUO9UYl9cTbIkzAEcPnHu+zBQ==",
-            "peerDependencies": {
-                "vue": "^2.0.0"
+                "webpack": "^4.1.0 || ^5.0.0-0"
             }
         },
         "node_modules/vue-style-loader": {
@@ -8752,6 +8911,11 @@
                 "loader-utils": "^1.0.2"
             }
         },
+        "node_modules/vue-style-loader/node_modules/hash-sum": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+            "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA=="
+        },
         "node_modules/vue-style-loader/node_modules/json5": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
@@ -8777,25 +8941,23 @@
             }
         },
         "node_modules/vue-template-compiler": {
-            "version": "2.7.8",
-            "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.8.tgz",
-            "integrity": "sha512-eQqdcUpJKJpBRPDdxCNsqUoT0edNvdt1jFjtVnVS/LPPmr0BU2jWzXlrf6BVMeODtdLewB3j8j3WjNiB+V+giw==",
+            "version": "2.7.10",
+            "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.10.tgz",
+            "integrity": "sha512-QO+8R9YRq1Gudm8ZMdo/lImZLJVUIAM8c07Vp84ojdDAf8HmPJc7XB556PcXV218k2AkKznsRz6xB5uOjAC4EQ==",
             "dependencies": {
                 "de-indent": "^1.0.2",
                 "he": "^1.2.0"
             }
         },
-        "node_modules/vue-template-es2015-compiler": {
-            "version": "1.9.1",
-            "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
-            "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw=="
-        },
         "node_modules/vuedraggable": {
-            "version": "2.24.3",
-            "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
-            "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
+            "integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
             "dependencies": {
-                "sortablejs": "1.10.2"
+                "sortablejs": "1.14.0"
+            },
+            "peerDependencies": {
+                "vue": "^3.0.1"
             }
         },
         "node_modules/watchpack": {
@@ -8982,9 +9144,9 @@
             }
         },
         "node_modules/webpack-dev-server": {
-            "version": "4.9.3",
-            "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.9.3.tgz",
-            "integrity": "sha512-3qp/eoboZG5/6QgiZ3llN8TUzkSpYg1Ko9khWX1h40MIEUNS2mDoIa8aXsPfskER+GbTvs/IJZ1QTBBhhuetSw==",
+            "version": "4.10.0",
+            "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.10.0.tgz",
+            "integrity": "sha512-7dezwAs+k6yXVFZ+MaL8VnE+APobiO3zvpp3rBHe/HmWQ+avwh0Q3d0xxacOiBybZZ3syTZw9HXzpa3YNbAZDQ==",
             "dependencies": {
                 "@types/bonjour": "^3.5.9",
                 "@types/connect-history-api-fallback": "^1.3.5",
@@ -9338,25 +9500,25 @@
             }
         },
         "@babel/compat-data": {
-            "version": "7.18.8",
-            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.18.8.tgz",
-            "integrity": "sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ=="
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.18.13.tgz",
+            "integrity": "sha512-5yUzC5LqyTFp2HLmDoxGQelcdYgSpP9xsnMWBphAscOdFrHSAVbLNzWiy32sVNDqJRDiJK6klfDnAgu6PAGSHw=="
         },
         "@babel/core": {
-            "version": "7.18.10",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.18.10.tgz",
-            "integrity": "sha512-JQM6k6ENcBFKVtWvLavlvi/mPcpYZ3+R+2EySDEMSMbp7Mn4FexlbbJVrx2R7Ijhr01T8gyqrOaABWIOgxeUyw==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.18.13.tgz",
+            "integrity": "sha512-ZisbOvRRusFktksHSG6pjj1CSvkPkcZq/KHD45LAkVP/oiHJkNBZWfpvlLmX8OtHDG8IuzsFlVRWo08w7Qxn0A==",
             "requires": {
                 "@ampproject/remapping": "^2.1.0",
                 "@babel/code-frame": "^7.18.6",
-                "@babel/generator": "^7.18.10",
+                "@babel/generator": "^7.18.13",
                 "@babel/helper-compilation-targets": "^7.18.9",
                 "@babel/helper-module-transforms": "^7.18.9",
                 "@babel/helpers": "^7.18.9",
-                "@babel/parser": "^7.18.10",
+                "@babel/parser": "^7.18.13",
                 "@babel/template": "^7.18.10",
-                "@babel/traverse": "^7.18.10",
-                "@babel/types": "^7.18.10",
+                "@babel/traverse": "^7.18.13",
+                "@babel/types": "^7.18.13",
                 "convert-source-map": "^1.7.0",
                 "debug": "^4.1.0",
                 "gensync": "^1.0.0-beta.2",
@@ -9372,11 +9534,11 @@
             }
         },
         "@babel/generator": {
-            "version": "7.18.12",
-            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.18.12.tgz",
-            "integrity": "sha512-dfQ8ebCN98SvyL7IxNMCUtZQSq5R7kxgN+r8qYTGDmmSion1hX2C0zq2yo1bsCDhXixokv1SAWTZUMYbO/V5zg==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.18.13.tgz",
+            "integrity": "sha512-CkPg8ySSPuHTYPJYo7IRALdqyjM9HCbt/3uOBEFbzyGVP6Mn8bwFPB0jX6982JVNBlYzM1nnPkfjuXSOPtQeEQ==",
             "requires": {
-                "@babel/types": "^7.18.10",
+                "@babel/types": "^7.18.13",
                 "@jridgewell/gen-mapping": "^0.3.2",
                 "jsesc": "^2.5.1"
             },
@@ -9429,9 +9591,9 @@
             }
         },
         "@babel/helper-create-class-features-plugin": {
-            "version": "7.18.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.18.9.tgz",
-            "integrity": "sha512-WvypNAYaVh23QcjpMR24CwZY2Nz6hqdOcFdPbNpV56hL5H6KiFheO7Xm1aPdlLQ7d5emYZX7VZwPp9x3z+2opw==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.18.13.tgz",
+            "integrity": "sha512-hDvXp+QYxSRL+23mpAlSGxHMDyIGChm0/AwTfTAAK5Ufe40nCsyNdaYCGuK91phn/fVu9kqayImRDkvNAgdrsA==",
             "requires": {
                 "@babel/helper-annotate-as-pure": "^7.18.6",
                 "@babel/helper-environment-visitor": "^7.18.9",
@@ -9685,9 +9847,9 @@
             }
         },
         "@babel/parser": {
-            "version": "7.18.11",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.11.tgz",
-            "integrity": "sha512-9JKn5vN+hDt0Hdqn1PiJ2guflwP+B6Ga8qbDuoF0PzzVhrzsKIJo8yGqVk6CmMHiMei9w1C1Bp9IMJSIK+HPIQ=="
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.13.tgz",
+            "integrity": "sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg=="
         },
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
             "version": "7.18.6",
@@ -10029,9 +10191,9 @@
             }
         },
         "@babel/plugin-transform-destructuring": {
-            "version": "7.18.9",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.18.9.tgz",
-            "integrity": "sha512-p5VCYNddPLkZTq4XymQIaIfZNJwT9YsjkPOhkVEqt6QIpQFZVM9IltqqYpOEkJoN1DPznmxUDyZ5CTZs/ZCuHA==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.18.13.tgz",
+            "integrity": "sha512-TodpQ29XekIsex2A+YJPj5ax2plkGa8YYY6mFjCohk/IG9IY42Rtuj1FuDeemfg2ipxIFLzPeA83SIBnlhSIow==",
             "requires": {
                 "@babel/helper-plugin-utils": "^7.18.9"
             }
@@ -10395,26 +10557,26 @@
             }
         },
         "@babel/traverse": {
-            "version": "7.18.11",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.18.11.tgz",
-            "integrity": "sha512-TG9PiM2R/cWCAy6BPJKeHzNbu4lPzOSZpeMfeNErskGpTJx6trEvFaVCbDvpcxwy49BKWmEPwiW8mrysNiDvIQ==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.18.13.tgz",
+            "integrity": "sha512-N6kt9X1jRMLPxxxPYWi7tgvJRH/rtoU+dbKAPDM44RFHiMH8igdsaSBgFeskhSl/kLWLDUvIh1RXCrTmg0/zvA==",
             "requires": {
                 "@babel/code-frame": "^7.18.6",
-                "@babel/generator": "^7.18.10",
+                "@babel/generator": "^7.18.13",
                 "@babel/helper-environment-visitor": "^7.18.9",
                 "@babel/helper-function-name": "^7.18.9",
                 "@babel/helper-hoist-variables": "^7.18.6",
                 "@babel/helper-split-export-declaration": "^7.18.6",
-                "@babel/parser": "^7.18.11",
-                "@babel/types": "^7.18.10",
+                "@babel/parser": "^7.18.13",
+                "@babel/types": "^7.18.13",
                 "debug": "^4.1.0",
                 "globals": "^11.1.0"
             }
         },
         "@babel/types": {
-            "version": "7.18.10",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.10.tgz",
-            "integrity": "sha512-MJvnbEiiNkpjo+LknnmRrqbY1GPUUggjv+wQVjetM/AONoupqRALB7I6jGqNUAZsKcRIEu2J6FRFvsczljjsaQ==",
+            "version": "7.18.13",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.13.tgz",
+            "integrity": "sha512-ePqfTihzW0W6XAU+aMw2ykilisStJfDnsejDCXRchCcMJ4O0+8DhPXf2YUbZ6wjBlsEmZwLK/sPweWtu8hcJYQ==",
             "requires": {
                 "@babel/helper-string-parser": "^7.18.10",
                 "@babel/helper-validator-identifier": "^7.18.6",
@@ -10432,6 +10594,12 @@
             "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
             "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw=="
         },
+        "@headlessui/vue": {
+            "version": "1.6.7",
+            "resolved": "https://registry.npmjs.org/@headlessui/vue/-/vue-1.6.7.tgz",
+            "integrity": "sha512-5sTCBpkUoFE7zhANn/6Z+pf3PUA7MD6BBaTsJcQybq9E4fnNiMM9agOJI9meXbtcawE6Dm8EeB5A8HAJEnZCbQ==",
+            "requires": {}
+        },
         "@jridgewell/gen-mapping": {
             "version": "0.1.1",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -10478,14 +10646,20 @@
             "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
         },
         "@jridgewell/trace-mapping": {
-            "version": "0.3.14",
-            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz",
-            "integrity": "sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==",
+            "version": "0.3.15",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz",
+            "integrity": "sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==",
             "requires": {
                 "@jridgewell/resolve-uri": "^3.0.3",
                 "@jridgewell/sourcemap-codec": "^1.4.10"
             }
         },
+        "@kyvg/vue3-notification": {
+            "version": "2.3.6",
+            "resolved": "https://registry.npmjs.org/@kyvg/vue3-notification/-/vue3-notification-2.3.6.tgz",
+            "integrity": "sha512-uQcVOrJIyEYoXLctgJqlj2YPhCaZ80mXgF1xgQZwshqeneNgG08WE8Iw9U3IH8OgUITkRGII0YopdXwLeOXb3w==",
+            "requires": {}
+        },
         "@leichtgewicht/ip-codec": {
             "version": "2.0.4",
             "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz",
@@ -10515,9 +10689,9 @@
             }
         },
         "@popperjs/core": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
-            "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw=="
+            "version": "2.11.6",
+            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+            "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
         },
         "@trysound/sax": {
             "version": "0.2.0",
@@ -10605,9 +10779,9 @@
             }
         },
         "@types/eslint": {
-            "version": "8.4.5",
-            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.5.tgz",
-            "integrity": "sha512-dhsC09y1gpJWnK+Ff4SGvCuSnk9DaU0BJZSzOwa6GVSg65XtTugLBITDAAzRU5duGBoXBHpdR/9jHGxJjNflJQ==",
+            "version": "8.4.6",
+            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.6.tgz",
+            "integrity": "sha512-/fqTbjxyFUaYNO7VcW5g+4npmqVACz1bB7RTHYuLj+PRjw9hrCwrUXVQFpChUS0JsyEFvMZ7U/PfmvWgxJhI9g==",
             "requires": {
                 "@types/estree": "*",
                 "@types/json-schema": "*"
@@ -10722,9 +10896,9 @@
             "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ=="
         },
         "@types/node": {
-            "version": "18.6.5",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.6.5.tgz",
-            "integrity": "sha512-Xjt5ZGUa5WusGZJ4WJPbOT8QOqp6nDynVFRKcUt32bOgvXEoc6o085WNkYTMO7ifAj2isEfQQ2cseE+wT6jsRw=="
+            "version": "18.7.11",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.7.11.tgz",
+            "integrity": "sha512-KZhFpSLlmK/sdocfSAjqPETTMd0ug6HIMIAwkwUpU79olnZdQtMxpQP+G1wDzCH7na+FltSIhbaZuKdwZ8RDrw=="
         },
         "@types/parse-json": {
             "version": "4.0.0",
@@ -10784,62 +10958,110 @@
                 "@types/node": "*"
             }
         },
-        "@vue/compiler-sfc": {
-            "version": "2.7.8",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.8.tgz",
-            "integrity": "sha512-2DK4YWKfgLnW9VDR9gnju1gcYRk3flKj8UNsms7fsRmFcg35slVTZEkqwBtX+wJBXaamFfn6NxSsZh3h12Ix/Q==",
+        "@vue/compiler-core": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
+            "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
             "requires": {
-                "@babel/parser": "^7.18.4",
-                "postcss": "^8.4.14",
+                "@babel/parser": "^7.16.4",
+                "@vue/shared": "3.2.37",
+                "estree-walker": "^2.0.2",
                 "source-map": "^0.6.1"
             }
         },
-        "@vue/component-compiler-utils": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz",
-            "integrity": "sha512-97sfH2mYNU+2PzGrmK2haqffDpVASuib9/w2/noxiFi31Z54hW+q3izKQXXQZSNhtiUpAI36uSuYepeBe4wpHQ==",
+        "@vue/compiler-dom": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
+            "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
             "requires": {
-                "consolidate": "^0.15.1",
-                "hash-sum": "^1.0.2",
-                "lru-cache": "^4.1.2",
-                "merge-source-map": "^1.1.0",
-                "postcss": "^7.0.36",
-                "postcss-selector-parser": "^6.0.2",
-                "prettier": "^1.18.2 || ^2.0.0",
-                "source-map": "~0.6.1",
-                "vue-template-es2015-compiler": "^1.9.0"
-            },
-            "dependencies": {
-                "lru-cache": {
-                    "version": "4.1.5",
-                    "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
-                    "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
-                    "requires": {
-                        "pseudomap": "^1.0.2",
-                        "yallist": "^2.1.2"
-                    }
-                },
-                "picocolors": {
-                    "version": "0.2.1",
-                    "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-                    "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-                },
-                "postcss": {
-                    "version": "7.0.39",
-                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-                    "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-                    "requires": {
-                        "picocolors": "^0.2.1",
-                        "source-map": "^0.6.1"
-                    }
-                },
-                "yallist": {
-                    "version": "2.1.2",
-                    "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
-                    "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A=="
-                }
+                "@vue/compiler-core": "3.2.37",
+                "@vue/shared": "3.2.37"
             }
         },
+        "@vue/compiler-sfc": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
+            "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
+            "requires": {
+                "@babel/parser": "^7.16.4",
+                "@vue/compiler-core": "3.2.37",
+                "@vue/compiler-dom": "3.2.37",
+                "@vue/compiler-ssr": "3.2.37",
+                "@vue/reactivity-transform": "3.2.37",
+                "@vue/shared": "3.2.37",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7",
+                "postcss": "^8.1.10",
+                "source-map": "^0.6.1"
+            }
+        },
+        "@vue/compiler-ssr": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
+            "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+            "requires": {
+                "@vue/compiler-dom": "3.2.37",
+                "@vue/shared": "3.2.37"
+            }
+        },
+        "@vue/reactivity": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
+            "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+            "requires": {
+                "@vue/shared": "3.2.37"
+            }
+        },
+        "@vue/reactivity-transform": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
+            "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+            "requires": {
+                "@babel/parser": "^7.16.4",
+                "@vue/compiler-core": "3.2.37",
+                "@vue/shared": "3.2.37",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7"
+            }
+        },
+        "@vue/runtime-core": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
+            "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+            "requires": {
+                "@vue/reactivity": "3.2.37",
+                "@vue/shared": "3.2.37"
+            }
+        },
+        "@vue/runtime-dom": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
+            "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+            "requires": {
+                "@vue/runtime-core": "3.2.37",
+                "@vue/shared": "3.2.37",
+                "csstype": "^2.6.8"
+            }
+        },
+        "@vue/server-renderer": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
+            "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
+            "requires": {
+                "@vue/compiler-ssr": "3.2.37",
+                "@vue/shared": "3.2.37"
+            }
+        },
+        "@vue/shared": {
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
+            "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+        },
+        "@vueform/multiselect": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/@vueform/multiselect/-/multiselect-2.5.2.tgz",
+            "integrity": "sha512-TSnngBaXfNNV+anFYpqzLkJLTEFdkjBzHsffMBGcmkyPAH78WTbgE2wXLzw48dnCXRhxrP+1fNRXqf6JppPwWg=="
+        },
         "@webassemblyjs/ast": {
             "version": "1.11.1",
             "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -11191,6 +11413,11 @@
             "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
             "dev": true
         },
+        "asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+        },
         "autoprefixer": {
             "version": "10.4.8",
             "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.8.tgz",
@@ -11205,11 +11432,12 @@
             }
         },
         "axios": {
-            "version": "0.26.1",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
-            "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+            "version": "0.27.2",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+            "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
             "requires": {
-                "follow-redirects": "^1.14.8"
+                "follow-redirects": "^1.14.9",
+                "form-data": "^4.0.0"
             }
         },
         "babel-loader": {
@@ -11290,11 +11518,6 @@
             "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
             "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
         },
-        "bluebird": {
-            "version": "3.7.2",
-            "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
-            "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
-        },
         "bn.js": {
             "version": "5.2.1",
             "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
@@ -11542,9 +11765,9 @@
             }
         },
         "caniuse-lite": {
-            "version": "1.0.30001375",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001375.tgz",
-            "integrity": "sha512-kWIMkNzLYxSvnjy0hL8w1NOaWNr2rn39RTAVyIwcw8juu60bZDWiF1/loOYANzjtJmy6qPgNmn38ro5Pygagdw=="
+            "version": "1.0.30001382",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001382.tgz",
+            "integrity": "sha512-2rtJwDmSZ716Pxm1wCtbPvHtbDWAreTPxXbkc5RkKglow3Ig/4GNGazDI9/BVnXbG/wnv6r3B5FEbkfg9OcTGg=="
         },
         "chalk": {
             "version": "4.1.2",
@@ -11704,15 +11927,23 @@
             "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "colord": {
-            "version": "2.9.2",
-            "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
-            "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ=="
+            "version": "2.9.3",
+            "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+            "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
         },
         "colorette": {
             "version": "2.0.19",
             "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
             "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
         },
+        "combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "requires": {
+                "delayed-stream": "~1.0.0"
+            }
+        },
         "commander": {
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
@@ -11795,14 +12026,6 @@
             "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
             "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA=="
         },
-        "consolidate": {
-            "version": "0.15.1",
-            "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.15.1.tgz",
-            "integrity": "sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==",
-            "requires": {
-                "bluebird": "^3.1.1"
-            }
-        },
         "constants-browserify": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
@@ -11971,6 +12194,7 @@
             "version": "6.7.1",
             "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.7.1.tgz",
             "integrity": "sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw==",
+            "dev": true,
             "requires": {
                 "icss-utils": "^5.1.0",
                 "postcss": "^8.4.7",
@@ -12024,9 +12248,9 @@
             "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
         },
         "cssnano": {
-            "version": "5.1.12",
-            "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.1.12.tgz",
-            "integrity": "sha512-TgvArbEZu0lk/dvg2ja+B7kYoD7BBCmn3+k58xD0qjrGHsFzXY/wKTo9M5egcUCabPol05e/PVoIu79s2JN4WQ==",
+            "version": "5.1.13",
+            "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.1.13.tgz",
+            "integrity": "sha512-S2SL2ekdEz6w6a2epXn4CmMKU4K3KpcyXLKfAYc9UQQqJRkD/2eLUG0vJ3Db/9OvO5GuAdgXw3pFbR6abqghDQ==",
             "requires": {
                 "cssnano-preset-default": "^5.2.12",
                 "lilconfig": "^2.0.3",
@@ -12084,19 +12308,19 @@
             }
         },
         "csstype": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
-            "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+            "version": "2.6.20",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.20.tgz",
+            "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
         },
         "date-fns": {
-            "version": "2.29.1",
-            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.29.1.tgz",
-            "integrity": "sha512-dlLD5rKaKxpFdnjrs+5azHDFOPEu4ANy/LTh04A1DTzMM7qoajmKCBc8pkKRFT41CNzw+4gQh79X5C+Jq27HAw=="
+            "version": "2.29.2",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.29.2.tgz",
+            "integrity": "sha512-0VNbwmWJDS/G3ySwFSJA3ayhbURMTJLtwM2DTxf9CWondCnh6DTNlO9JgRSq6ibf4eD0lfMJNBxUdEAHHix+bA=="
         },
         "dayjs": {
-            "version": "1.11.4",
-            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.4.tgz",
-            "integrity": "sha512-Zj/lPM5hOvQ1Bf7uAvewDaUcsJoI6JmNqmHhHl3nyumwe0XHwt8sWdOVAPACJzCebL8gQCi+K49w7iKWnGwX9g=="
+            "version": "1.11.5",
+            "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz",
+            "integrity": "sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA=="
         },
         "de-indent": {
             "version": "1.0.2",
@@ -12117,6 +12341,60 @@
             "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==",
             "requires": {
                 "execa": "^5.0.0"
+            },
+            "dependencies": {
+                "execa": {
+                    "version": "5.1.1",
+                    "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+                    "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+                    "requires": {
+                        "cross-spawn": "^7.0.3",
+                        "get-stream": "^6.0.0",
+                        "human-signals": "^2.1.0",
+                        "is-stream": "^2.0.0",
+                        "merge-stream": "^2.0.0",
+                        "npm-run-path": "^4.0.1",
+                        "onetime": "^5.1.2",
+                        "signal-exit": "^3.0.3",
+                        "strip-final-newline": "^2.0.0"
+                    }
+                },
+                "human-signals": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+                    "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw=="
+                },
+                "is-stream": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+                    "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg=="
+                },
+                "mimic-fn": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+                    "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="
+                },
+                "npm-run-path": {
+                    "version": "4.0.1",
+                    "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+                    "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+                    "requires": {
+                        "path-key": "^3.0.0"
+                    }
+                },
+                "onetime": {
+                    "version": "5.1.2",
+                    "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+                    "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+                    "requires": {
+                        "mimic-fn": "^2.1.0"
+                    }
+                },
+                "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=="
+                }
             }
         },
         "define-lazy-prop": {
@@ -12138,6 +12416,11 @@
             "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
             "integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ=="
         },
+        "delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+        },
         "depd": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -12309,9 +12592,9 @@
             "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
         },
         "electron-to-chromium": {
-            "version": "1.4.213",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.213.tgz",
-            "integrity": "sha512-+3DbGHGOCHTVB/Ms63bGqbyC1b8y7Fk86+7ltssB8NQrZtSCvZG6eooSl9U2Q0yw++fL2DpHKOdTU0NVEkFObg=="
+            "version": "1.4.226",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.226.tgz",
+            "integrity": "sha512-CvevLaSiUp0u12K0e+QhMX1hn724nSUNO9ToBek+FMHk/5RofrQs5MChjrD0re0IwqxDFxFMSZD+uic05i2Z5w=="
         },
         "elliptic": {
             "version": "6.5.4",
@@ -12425,6 +12708,11 @@
             "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
             "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw=="
         },
+        "estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+        },
         "esutils": {
             "version": "2.0.3",
             "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -12455,19 +12743,20 @@
             }
         },
         "execa": {
-            "version": "5.1.1",
-            "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-            "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-6.1.0.tgz",
+            "integrity": "sha512-QVWlX2e50heYJcCPG0iWtf8r0xjEYfz/OYLGDYH+IyjWezzPNxz63qNFOu0l4YftGWuizFVZHHs8PrLU5p2IDA==",
+            "dev": true,
             "requires": {
                 "cross-spawn": "^7.0.3",
-                "get-stream": "^6.0.0",
-                "human-signals": "^2.1.0",
-                "is-stream": "^2.0.0",
+                "get-stream": "^6.0.1",
+                "human-signals": "^3.0.1",
+                "is-stream": "^3.0.0",
                 "merge-stream": "^2.0.0",
-                "npm-run-path": "^4.0.1",
-                "onetime": "^5.1.2",
-                "signal-exit": "^3.0.3",
-                "strip-final-newline": "^2.0.0"
+                "npm-run-path": "^5.1.0",
+                "onetime": "^6.0.0",
+                "signal-exit": "^3.0.7",
+                "strip-final-newline": "^3.0.0"
             }
         },
         "express": {
@@ -12663,6 +12952,16 @@
             "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
             "integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA=="
         },
+        "form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "requires": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            }
+        },
         "forwarded": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -12849,9 +13148,9 @@
             }
         },
         "hash-sum": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-            "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA=="
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+            "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg=="
         },
         "hash.js": {
             "version": "1.1.7",
@@ -13023,14 +13322,15 @@
             "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg=="
         },
         "human-signals": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-            "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw=="
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-3.0.1.tgz",
+            "integrity": "sha512-rQLskxnM/5OCldHo+wNXbpVgDn5A17CUoKX+7Sokwaknlq7CdSnphy0W39GU8dw59XiCXmFXDg4fRuckQRKewQ==",
+            "dev": true
         },
         "husky": {
-            "version": "7.0.4",
-            "resolved": "https://registry.npmjs.org/husky/-/husky-7.0.4.tgz",
-            "integrity": "sha512-vbaCKN2QLtP/vD4yvs6iz6hBEo6wkSzs8HpRah1Z6aGmF2KW5PdYuAd7uX5a+OyBZHBhd+TFLqgjUgytQr4RvQ==",
+            "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.1.tgz",
+            "integrity": "sha512-xs7/chUH/CKdOCs7Zy0Aev9e/dKOMZf3K1Az1nar3tzlv0jfqnYtu235bstsWTmXOR0EfINrPa97yy4Lz6RiKw==",
             "dev": true
         },
         "iconv-lite": {
@@ -13216,9 +13516,10 @@
             }
         },
         "is-stream": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg=="
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+            "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+            "dev": true
         },
         "is-wsl": {
             "version": "2.2.0",
@@ -13409,25 +13710,24 @@
             "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
         },
         "lint-staged": {
-            "version": "12.5.0",
-            "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-12.5.0.tgz",
-            "integrity": "sha512-BKLUjWDsKquV/JuIcoQW4MSAI3ggwEImF1+sB4zaKvyVx1wBk3FsG7UK9bpnmBTN1pm7EH2BBcMwINJzCRv12g==",
+            "version": "13.0.3",
+            "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-13.0.3.tgz",
+            "integrity": "sha512-9hmrwSCFroTSYLjflGI8Uk+GWAwMB4OlpU4bMJEAT5d/llQwtYKoim4bLOyLCuWFAhWEupE0vkIFqtw/WIsPug==",
             "dev": true,
             "requires": {
                 "cli-truncate": "^3.1.0",
-                "colorette": "^2.0.16",
+                "colorette": "^2.0.17",
                 "commander": "^9.3.0",
                 "debug": "^4.3.4",
-                "execa": "^5.1.1",
+                "execa": "^6.1.0",
                 "lilconfig": "2.0.5",
                 "listr2": "^4.0.5",
                 "micromatch": "^4.0.5",
                 "normalize-path": "^3.0.0",
                 "object-inspect": "^1.12.2",
-                "pidtree": "^0.5.0",
+                "pidtree": "^0.6.0",
                 "string-argv": "^0.3.1",
-                "supports-color": "^9.2.2",
-                "yaml": "^1.10.2"
+                "yaml": "^2.1.1"
             },
             "dependencies": {
                 "commander": {
@@ -13442,10 +13742,10 @@
                     "integrity": "sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==",
                     "dev": true
                 },
-                "supports-color": {
-                    "version": "9.2.2",
-                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-9.2.2.tgz",
-                    "integrity": "sha512-XC6g/Kgux+rJXmwokjm9ECpD6k/smUoS5LKlUCcsYr4IY3rW0XyAympon2RmxGrlnZURMpg5T18gWDP9CsHXFA==",
+                "yaml": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.1.1.tgz",
+                    "integrity": "sha512-o96x3OPo8GjWeSLF+wOAbrPfhFOGY0W00GNaxCDv+9hkcDJEnev1yh8S7pgHF0ik6zc8sQLuL8hjHjJULZp8bw==",
                     "dev": true
                 }
             }
@@ -13601,6 +13901,14 @@
                 "yallist": "^4.0.0"
             }
         },
+        "magic-string": {
+            "version": "0.25.9",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+            "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+            "requires": {
+                "sourcemap-codec": "^1.4.8"
+            }
+        },
         "make-dir": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@@ -13659,14 +13967,6 @@
             "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
             "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
         },
-        "merge-source-map": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz",
-            "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==",
-            "requires": {
-                "source-map": "^0.6.1"
-            }
-        },
         "merge-stream": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -13726,9 +14026,10 @@
             }
         },
         "mimic-fn": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+            "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+            "dev": true
         },
         "mini-css-extract-plugin": {
             "version": "1.6.2",
@@ -13882,11 +14183,20 @@
             "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A=="
         },
         "npm-run-path": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
+            "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==",
+            "dev": true,
             "requires": {
-                "path-key": "^3.0.0"
+                "path-key": "^4.0.0"
+            },
+            "dependencies": {
+                "path-key": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+                    "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+                    "dev": true
+                }
             }
         },
         "nth-check": {
@@ -13918,9 +14228,9 @@
             "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
         },
         "object.assign": {
-            "version": "4.1.3",
-            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.3.tgz",
-            "integrity": "sha512-ZFJnX3zltyjcYJL0RoCJuzb+11zWGyaDbjgxZbdV7rFEcHQuYxrZqhow67aA7xpes6LhojyFDaBKAFfogQrikA==",
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+            "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
             "requires": {
                 "call-bind": "^1.0.2",
                 "define-properties": "^1.1.4",
@@ -13955,11 +14265,12 @@
             }
         },
         "onetime": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+            "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+            "dev": true,
             "requires": {
-                "mimic-fn": "^2.1.0"
+                "mimic-fn": "^4.0.0"
             }
         },
         "open": {
@@ -14138,9 +14449,9 @@
             "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
         },
         "pidtree": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.5.0.tgz",
-            "integrity": "sha512-9nxspIM7OpZuhBxPg73Zvyq7j1QMPMPsGKTqRc2XOaFQauDvoNz9fM1Wdkjmeo7l9GXOZiRs97sPkuayl39wjA==",
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+            "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
             "dev": true
         },
         "pify": {
@@ -14156,12 +14467,6 @@
                 "find-up": "^4.0.0"
             }
         },
-        "portal-vue": {
-            "version": "2.1.7",
-            "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-2.1.7.tgz",
-            "integrity": "sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==",
-            "requires": {}
-        },
         "postcss": {
             "version": "8.4.16",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
@@ -14491,7 +14796,7 @@
             "version": "2.7.1",
             "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
             "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
-            "devOptional": true
+            "dev": true
         },
         "pretty-time": {
             "version": "1.1.0",
@@ -14524,11 +14829,6 @@
                 }
             }
         },
-        "pseudomap": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
-            "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ=="
-        },
         "public-encrypt": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
@@ -14809,6 +15109,23 @@
             "requires": {
                 "onetime": "^5.1.0",
                 "signal-exit": "^3.0.2"
+            },
+            "dependencies": {
+                "mimic-fn": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+                    "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+                    "dev": true
+                },
+                "onetime": {
+                    "version": "5.1.2",
+                    "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+                    "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+                    "dev": true,
+                    "requires": {
+                        "mimic-fn": "^2.1.0"
+                    }
+                }
             }
         },
         "retry": {
@@ -15117,9 +15434,9 @@
             }
         },
         "sortablejs": {
-            "version": "1.10.2",
-            "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
-            "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
+            "version": "1.14.0",
+            "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz",
+            "integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
         },
         "source-list-map": {
             "version": "2.0.1",
@@ -15145,6 +15462,11 @@
                 "source-map": "^0.6.0"
             }
         },
+        "sourcemap-codec": {
+            "version": "1.4.8",
+            "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+            "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+        },
         "spdy": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -15193,9 +15515,9 @@
             "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
         },
         "std-env": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.1.1.tgz",
-            "integrity": "sha512-/c645XdExBypL01TpFKiG/3RAa/Qmu+zRi0MwAmrdEkwHNuN0ebo8ccAXBBDa5Z0QOJgBskUIbuCK91x0sCVEw=="
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.2.1.tgz",
+            "integrity": "sha512-D/uYFWkI/31OrnKmXZqGAGK5GbQRPp/BWA1nuITcc6ICblhhuQUPHS5E2GSCVS7Hwhf4ciq8qsATwBUxv+lI6w=="
         },
         "stream-browserify": {
             "version": "2.0.2",
@@ -15265,9 +15587,10 @@
             }
         },
         "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=="
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+            "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+            "dev": true
         },
         "style-loader": {
             "version": "2.0.0",
@@ -15394,15 +15717,15 @@
             }
         },
         "terser-webpack-plugin": {
-            "version": "5.3.3",
-            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.3.tgz",
-            "integrity": "sha512-Fx60G5HNYknNTNQnzQ1VePRuu89ZVYWfjRAeT5rITuCY/1b08s49e5kSQwHDirKZWuoKOBRFS98EUUoZ9kLEwQ==",
+            "version": "5.3.5",
+            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.5.tgz",
+            "integrity": "sha512-AOEDLDxD2zylUGf/wxHxklEkOe2/r+seuyOWujejFrIxHf11brA1/dWQNIgXa1c6/Wkxgu7zvv0JhOWfc2ELEA==",
             "requires": {
-                "@jridgewell/trace-mapping": "^0.3.7",
+                "@jridgewell/trace-mapping": "^0.3.14",
                 "jest-worker": "^27.4.5",
                 "schema-utils": "^3.1.1",
                 "serialize-javascript": "^6.0.0",
-                "terser": "^5.7.2"
+                "terser": "^5.14.1"
             },
             "dependencies": {
                 "schema-utils": {
@@ -15597,9 +15920,8 @@
             "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
         },
         "v-clipboard": {
-            "version": "2.2.3",
-            "resolved": "https://registry.npmjs.org/v-clipboard/-/v-clipboard-2.2.3.tgz",
-            "integrity": "sha512-Wg+ObZoYK6McHb5OOCFWvm0R7xHp0/p0G1ocx/8bO22jvA/yVY05rADbfiztwCokXBNfQuGv/XSd1ozcTFgekw=="
+            "version": "git+ssh://git@github.com/euvl/v-clipboard.git#3c0e520f75a6efec26a6bb61419080c5bcb225b8",
+            "from": "v-clipboard@github:euvl/v-clipboard"
         },
         "vary": {
             "version": "1.1.2",
@@ -15612,71 +15934,36 @@
             "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
         },
         "vue": {
-            "version": "2.7.8",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.8.tgz",
-            "integrity": "sha512-ncwlZx5qOcn754bCu5/tS/IWPhXHopfit79cx+uIlLMyt3vCMGcXai5yCG5y+I6cDmEj4ukRYyZail9FTQh7lQ==",
+            "version": "3.2.37",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
+            "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
             "requires": {
-                "@vue/compiler-sfc": "2.7.8",
-                "csstype": "^3.1.0"
+                "@vue/compiler-dom": "3.2.37",
+                "@vue/compiler-sfc": "3.2.37",
+                "@vue/runtime-dom": "3.2.37",
+                "@vue/server-renderer": "3.2.37",
+                "@vue/shared": "3.2.37"
             }
         },
-        "vue-good-table": {
-            "version": "2.21.11",
-            "resolved": "https://registry.npmjs.org/vue-good-table/-/vue-good-table-2.21.11.tgz",
-            "integrity": "sha512-OpVPdxbBTahtfq1aXxEa5P1CMy1wiLcBg4mo7k6Qs537l9v8KVrvF+fXqbnxqNrAfmd1Mw9LidcjgTErjmVU8g==",
+        "vue-good-table-next": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/vue-good-table-next/-/vue-good-table-next-0.2.1.tgz",
+            "integrity": "sha512-Zri8pQtUdb698FA+KSSOW4rxLthuJw8QUdWDdmArUPyxjVFH0wpXbK32r9RgPkHFMMPVUSsqchCqE2wE1tI0qg==",
             "requires": {
-                "date-fns": "^2.17.0",
+                "date-fns": "^2.25.0",
                 "lodash.isequal": "^4.5.0"
             }
         },
-        "vue-hot-reload-api": {
-            "version": "2.3.4",
-            "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
-            "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog=="
-        },
         "vue-loader": {
-            "version": "15.10.0",
-            "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.0.tgz",
-            "integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
+            "version": "17.0.0",
+            "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-17.0.0.tgz",
+            "integrity": "sha512-OWSXjrzIvbF2LtOUmxT3HYgwwubbfFelN8PAP9R9dwpIkj48TVioHhWWSx7W7fk+iF5cgg3CBJRxwTdtLU4Ecg==",
             "requires": {
-                "@vue/component-compiler-utils": "^3.1.0",
-                "hash-sum": "^1.0.2",
-                "loader-utils": "^1.1.0",
-                "vue-hot-reload-api": "^2.3.0",
-                "vue-style-loader": "^4.1.0"
-            },
-            "dependencies": {
-                "json5": {
-                    "version": "1.0.1",
-                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-                    "requires": {
-                        "minimist": "^1.2.0"
-                    }
-                },
-                "loader-utils": {
-                    "version": "1.4.0",
-                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
-                    "requires": {
-                        "big.js": "^5.2.2",
-                        "emojis-list": "^3.0.0",
-                        "json5": "^1.0.1"
-                    }
-                }
+                "chalk": "^4.1.0",
+                "hash-sum": "^2.0.0",
+                "loader-utils": "^2.0.0"
             }
         },
-        "vue-multiselect": {
-            "version": "2.1.6",
-            "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-2.1.6.tgz",
-            "integrity": "sha512-s7jmZPlm9FeueJg1RwJtnE9KNPtME/7C8uRWSfp9/yEN4M8XcS/d+bddoyVwVnvFyRh9msFo0HWeW0vTL8Qv+w=="
-        },
-        "vue-notification": {
-            "version": "1.3.20",
-            "resolved": "https://registry.npmjs.org/vue-notification/-/vue-notification-1.3.20.tgz",
-            "integrity": "sha512-vPj67Ah72p8xvtyVE8emfadqVWguOScAjt6OJDEUdcW5hW189NsqvfkOrctxHUUO9UYl9cTbIkzAEcPnHu+zBQ==",
-            "requires": {}
-        },
         "vue-style-loader": {
             "version": "4.1.3",
             "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
@@ -15686,6 +15973,11 @@
                 "loader-utils": "^1.0.2"
             },
             "dependencies": {
+                "hash-sum": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+                    "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA=="
+                },
                 "json5": {
                     "version": "1.0.1",
                     "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
@@ -15707,25 +15999,20 @@
             }
         },
         "vue-template-compiler": {
-            "version": "2.7.8",
-            "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.8.tgz",
-            "integrity": "sha512-eQqdcUpJKJpBRPDdxCNsqUoT0edNvdt1jFjtVnVS/LPPmr0BU2jWzXlrf6BVMeODtdLewB3j8j3WjNiB+V+giw==",
+            "version": "2.7.10",
+            "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.10.tgz",
+            "integrity": "sha512-QO+8R9YRq1Gudm8ZMdo/lImZLJVUIAM8c07Vp84ojdDAf8HmPJc7XB556PcXV218k2AkKznsRz6xB5uOjAC4EQ==",
             "requires": {
                 "de-indent": "^1.0.2",
                 "he": "^1.2.0"
             }
         },
-        "vue-template-es2015-compiler": {
-            "version": "1.9.1",
-            "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
-            "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw=="
-        },
         "vuedraggable": {
-            "version": "2.24.3",
-            "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
-            "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
+            "integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
             "requires": {
-                "sortablejs": "1.10.2"
+                "sortablejs": "1.14.0"
             }
         },
         "watchpack": {
@@ -15873,9 +16160,9 @@
             }
         },
         "webpack-dev-server": {
-            "version": "4.9.3",
-            "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.9.3.tgz",
-            "integrity": "sha512-3qp/eoboZG5/6QgiZ3llN8TUzkSpYg1Ko9khWX1h40MIEUNS2mDoIa8aXsPfskER+GbTvs/IJZ1QTBBhhuetSw==",
+            "version": "4.10.0",
+            "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.10.0.tgz",
+            "integrity": "sha512-7dezwAs+k6yXVFZ+MaL8VnE+APobiO3zvpp3rBHe/HmWQ+avwh0Q3d0xxacOiBybZZ3syTZw9HXzpa3YNbAZDQ==",
             "requires": {
                 "@types/bonjour": "^3.5.9",
                 "@types/connect-history-api-fallback": "^1.3.5",
diff --git a/package.json b/package.json
index 3255687..f9c4953 100644
--- a/package.json
+++ b/package.json
@@ -13,31 +13,31 @@
         "pre-commit": "lint-staged"
     },
     "dependencies": {
+        "@headlessui/vue": "^1.6.7",
+        "@kyvg/vue3-notification": "^2.3.4",
+        "@vueform/multiselect": "^2.3.2",
         "autoprefixer": "^10.4.1",
-        "axios": "^0.26.0",
+        "axios": "^0.27.0",
         "cross-env": "^7.0.3",
         "dayjs": "^1.10.4",
         "laravel-mix": "^6.0.11",
         "lodash": "^4.17.20",
-        "portal-vue": "^2.1.7",
         "postcss": "^8.4.5",
         "postcss-import": "^14.0.0",
         "resolve-url-loader": "^5.0.0",
         "tailwindcss": "^3.0.11",
         "tippy.js": "^6.2.7",
-        "v-clipboard": "^2.2.3",
-        "vue": "^2.6.12",
-        "vue-good-table": "^2.21.3",
-        "vue-loader": "^15.9.6",
-        "vue-multiselect": "^2.1.6",
-        "vue-notification": "^1.3.20",
+        "v-clipboard": "github:euvl/v-clipboard",
+        "vue": "^3.0.0",
+        "vue-good-table-next": "^0.2.1",
+        "vue-loader": "^17.0.0",
         "vue-template-compiler": "^2.6.12",
-        "vuedraggable": "^2.24.2"
+        "vuedraggable": "^4.1.0"
     },
     "devDependencies": {
         "css-loader": "^6.0.0",
-        "husky": "^7.0.0",
-        "lint-staged": "^12.0.0",
+        "husky": "^8.0.0",
+        "lint-staged": "^13.0.0",
         "prettier": "^2.2.1"
     },
     "lint-staged": {
diff --git a/phpunit.xml b/phpunit.xml
index 4fbebf9..7f7f71b 100644
--- a/phpunit.xml
+++ b/phpunit.xml
@@ -26,7 +26,7 @@
         <env name="APP_ENV" value="testing"/>
         <env name="BCRYPT_ROUNDS" value="4"/>
         <env name="CACHE_DRIVER" value="array"/>
-        <env name="MAIL_DRIVER" value="array"/>
+        <env name="MAIL_MAILER" value="array"/>
         <env name="QUEUE_CONNECTION" value="sync"/>
         <env name="SESSION_DRIVER" value="array"/>
         <env name="DB_CONNECTION" value="sqlite"/>
diff --git a/resources/css/app.css b/resources/css/app.css
index 2fd41b0..57f0cb1 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -31,20 +31,27 @@ html {
   @apply bg-yellow-100 border-yellow-600 text-yellow-800;
 }
 
-.multiselect .multiselect__tag {
+.multiselect .multiselect-dropdown::-webkit-scrollbar {
+  @apply w-2 h-2;
+}
+
+.multiselect .multiselect-dropdown::-webkit-scrollbar-thumb {
+  @apply bg-indigo-500 rounded-full;
+}
+
+.multiselect .multiselect-dropdown::-webkit-scrollbar-track {
+  @apply bg-indigo-50;
+}
+
+.multiselect .multiselect-tag {
   @apply bg-indigo-100 text-indigo-900;
 }
 
-.multiselect .multiselect__tag-icon:focus,
-.multiselect .multiselect__tag-icon:hover {
-  @apply bg-indigo-400;
+.multiselect .multiselect-option.is-selected {
+  @apply bg-indigo-100 text-indigo-900;
 }
 
-.multiselect .multiselect__option--highlight {
-  @apply bg-indigo-500;
-}
-
-.multiselect .multiselect__option--selected.multiselect__option--highlight {
+.multiselect .multiselect-option.is-selected:hover {
   @apply bg-red-500;
 }
 
diff --git a/resources/js/app.js b/resources/js/app.js
index c8e6b61..37b5830 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -9,59 +9,58 @@ dayjs.extend(advancedFormat)
 dayjs.extend(relativeTime)
 dayjs.extend(utc)
 
-import Vue from 'vue'
+import { createApp } from 'vue'
 
-import PortalVue from 'portal-vue'
-import Clipboard from 'v-clipboard'
-import Notifications from 'vue-notification'
-import VueGoodTablePlugin from 'vue-good-table'
+import Clipboard from 'v-clipboard/src'
+import Notifications from '@kyvg/vue3-notification'
+import VueGoodTablePlugin from 'vue-good-table-next'
 
-Vue.use(PortalVue)
-Vue.use(Clipboard)
-Vue.use(Notifications)
-Vue.use(VueGoodTablePlugin)
-
-Vue.component('loader', require('./components/Loader.vue').default)
-Vue.component('dropdown', require('./components/DropdownNav.vue').default)
-Vue.component('icon', require('./components/Icon.vue').default)
-
-Vue.component('aliases', require('./pages/Aliases.vue').default)
-Vue.component('recipients', require('./pages/Recipients.vue').default)
-Vue.component('domains', require('./pages/Domains.vue').default)
-Vue.component('usernames', require('./pages/Usernames.vue').default)
-Vue.component('rules', require('./pages/Rules.vue').default)
-Vue.component('failed-deliveries', require('./pages/FailedDeliveries.vue').default)
-
-Vue.component(
-  'personal-access-tokens',
-  require('./components/sanctum/PersonalAccessTokens.vue').default
-)
-Vue.component('webauthn-keys', require('./components/WebauthnKeys.vue').default)
-
-Vue.filter('formatDate', value => {
-  return dayjs.utc(value).local().format('Do MMM YYYY')
-})
-
-Vue.filter('formatDateTime', value => {
-  return dayjs.utc(value).local().format('Do MMM YYYY h:mm A')
-})
-
-Vue.filter('timeAgo', value => {
-  return dayjs.utc(value).fromNow()
-})
-
-Vue.filter('truncate', (string, value) => {
-  if (value >= string.length) {
-    return string
-  }
-  return string.substring(0, value) + '...'
-})
-
-const app = new Vue({
-  el: '#app',
+const app = createApp({
   data() {
     return {
       mobileNavActive: false,
     }
   },
 })
+
+app.use(Clipboard)
+app.use(Notifications)
+app.use(VueGoodTablePlugin)
+
+app.component('loader', require('./components/Loader.vue').default)
+app.component('dropdown', require('./components/DropdownNav.vue').default)
+app.component('icon', require('./components/Icon.vue').default)
+
+app.component('aliases', require('./pages/Aliases.vue').default)
+app.component('recipients', require('./pages/Recipients.vue').default)
+app.component('domains', require('./pages/Domains.vue').default)
+app.component('usernames', require('./pages/Usernames.vue').default)
+app.component('rules', require('./pages/Rules.vue').default)
+app.component('failed-deliveries', require('./pages/FailedDeliveries.vue').default)
+
+app.component(
+  'personal-access-tokens',
+  require('./components/sanctum/PersonalAccessTokens.vue').default
+)
+app.component('webauthn-keys', require('./components/WebauthnKeys.vue').default)
+
+// Global filters
+app.config.globalProperties.$filters = {
+  formatDate(value) {
+    return dayjs.utc(value).local().format('Do MMM YYYY')
+  },
+  formatDateTime(value) {
+    return dayjs.utc(value).local().format('Do MMM YYYY h:mm A')
+  },
+  timeAgo(value) {
+    return dayjs.utc(value).fromNow()
+  },
+  truncate(value, length) {
+    if (length >= value.length) {
+      return value
+    }
+    return value.substring(0, length) + '...'
+  },
+}
+
+app.mount('#app')
diff --git a/resources/js/components/Modal.vue b/resources/js/components/Modal.vue
index 75340ef..ee05eec 100644
--- a/resources/js/components/Modal.vue
+++ b/resources/js/components/Modal.vue
@@ -1,148 +1,66 @@
+<!-- This example requires Tailwind CSS v2.0+ -->
 <template>
-  <portal to="modals">
-    <div
-      v-if="showModal"
-      class="fixed inset-0 flex justify-center"
-      :class="overflow ? 'overflow-auto' : 'items-center'"
-    >
-      <transition
-        @before-leave="backdropLeaving = true"
-        @after-leave="backdropLeaving = false"
-        enter-active-class="transition-all transition-fast ease-out-quad"
-        leave-active-class="transition-all transition-medium ease-in-quad"
-        enter-class="opacity-0"
-        enter-to-class="opacity-100"
-        leave-class="opacity-100"
-        leave-to-class="opacity-0"
-        appear
+  <TransitionRoot as="template" :show="open">
+    <Dialog as="div" class="relative z-10" @close="open = false">
+      <TransitionChild
+        as="template"
+        enter="ease-out duration-300"
+        enter-from="opacity-0"
+        enter-to="opacity-100"
+        leave="ease-in duration-200"
+        leave-from="opacity-100"
+        leave-to="opacity-0"
       >
-        <div v-if="showBackdrop">
-          <div
-            class="inset-0 bg-black opacity-25"
-            :class="overflow ? 'fixed pointer-events-none' : 'absolute'"
-            @click="close"
-          ></div>
-        </div>
-      </transition>
+        <div class="fixed inset-0 bg-grey-500 bg-opacity-75 transition-opacity" />
+      </TransitionChild>
 
-      <transition
-        @before-leave="cardLeaving = true"
-        @after-leave="cardLeaving = false"
-        enter-active-class="transition-all transition-fast ease-out-quad"
-        leave-active-class="transition-all transition-medium ease-in-quad"
-        enter-class="opacity-0 scale-70"
-        enter-to-class="opacity-100 scale-100"
-        leave-class="opacity-100 scale-100"
-        leave-to-class="opacity-0 scale-70"
-        appear
-      >
-        <div v-if="showContent" class="relative">
-          <slot></slot>
+      <div class="fixed z-10 inset-0 overflow-y-auto">
+        <div
+          class="flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0"
+        >
+          <TransitionChild
+            as="template"
+            enter="ease-out duration-300"
+            enter-from="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+            enter-to="opacity-100 translate-y-0 sm:scale-100"
+            leave="ease-in duration-200"
+            leave-from="opacity-100 translate-y-0 sm:scale-100"
+            leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+          >
+            <DialogPanel
+              class="relative bg-white rounded-lg px-4 pt-5 pb-4 text-left shadow-xl transform transition-all sm:my-8 sm:w-full sm:p-6"
+              :class="maxWidth ? maxWidth : 'sm:max-w-lg'"
+            >
+              <div class="mt-3 text-center sm:mt-0 sm:text-left">
+                <DialogTitle
+                  as="h2"
+                  class="text-2xl leading-tight font-medium text-grey-900 border-b-2 border-grey-100 pb-4"
+                >
+                  <slot name="title"></slot>
+                </DialogTitle>
+                <div class="mt-2">
+                  <slot name="content"></slot>
+                </div>
+              </div>
+            </DialogPanel>
+          </TransitionChild>
         </div>
-      </transition>
-    </div>
-  </portal>
+      </div>
+    </Dialog>
+  </TransitionRoot>
 </template>
 
 <script>
+import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'
+
 export default {
-  props: {
-    open: {
-      type: Boolean,
-      required: true,
-    },
-    overflow: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      showModal: false,
-      showBackdrop: false,
-      showContent: false,
-      backdropLeaving: false,
-      cardLeaving: false,
-    }
-  },
-  created() {
-    const onEscape = e => {
-      if (this.open && e.keyCode === 27) {
-        this.close()
-      }
-    }
-    document.addEventListener('keydown', onEscape)
-    this.$once('hook:destroyed', () => {
-      document.removeEventListener('keydown', onEscape)
-    })
-  },
-  watch: {
-    open: {
-      handler: function (newValue) {
-        if (newValue) {
-          this.show()
-        } else {
-          this.close()
-        }
-      },
-      immediate: true,
-    },
-    leaving(newValue) {
-      if (newValue === false) {
-        this.showModal = false
-        this.$emit('close')
-      }
-    },
-  },
-  computed: {
-    leaving() {
-      return this.backdropLeaving || this.cardLeaving
-    },
-  },
-  methods: {
-    show() {
-      this.showModal = true
-      this.showBackdrop = true
-      this.showContent = true
-    },
-    close() {
-      this.showBackdrop = false
-      this.showContent = false
-    },
+  props: ['open', 'maxWidth'],
+  components: {
+    Dialog,
+    DialogPanel,
+    DialogTitle,
+    TransitionChild,
+    TransitionRoot,
   },
 }
 </script>
-
-<style>
-.origin-top-right {
-  transform-origin: top right;
-}
-.transition-all {
-  transition-property: all;
-}
-.transition-fastest {
-  transition-duration: 50ms;
-}
-.transition-faster {
-  transition-duration: 100ms;
-}
-.transition-fast {
-  transition-duration: 150ms;
-}
-.transition-medium {
-  transition-duration: 200ms;
-}
-.ease-out-quad {
-  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-}
-.ease-in-quad {
-  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-}
-.scale-70 {
-  transform: scale(0.7);
-}
-.scale-100 {
-  transform: scale(1);
-}
-</style>
diff --git a/resources/js/components/MoreOptions.vue b/resources/js/components/MoreOptions.vue
index bae8afe..4f29cb1 100644
--- a/resources/js/components/MoreOptions.vue
+++ b/resources/js/components/MoreOptions.vue
@@ -1,65 +1,35 @@
 <template>
-  <div class="relative flex justify-end items-center" @keydown.escape="isOpen = false">
-    <button
-      ref="openOptions"
-      @click="isOpen = !isOpen"
-      :aria-expanded="isOpen"
-      id="project-options-menu-0"
-      aria-has-popup="true"
-      type="button"
-      class="w-8 h-8 bg-white inline-flex items-center justify-center text-grey-400 rounded-full hover:text-grey-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"
-    >
-      <span class="sr-only">Open options</span>
-
-      <icon
-        name="more"
-        class="block w-6 h-6 text-grey-300 fill-current cursor-pointer outline-none"
-        aria-hidden="true"
-      />
-    </button>
+  <Menu as="div" class="relative inline-block text-left">
+    <div>
+      <MenuButton class="flex items-center text-grey-400 hover:text-grey-600 focus:outline-none">
+        <span class="sr-only">Open options</span>
+        <icon
+          name="more"
+          class="block w-6 h-6 text-grey-300 fill-current cursor-pointer outline-none"
+          aria-hidden="true"
+        />
+      </MenuButton>
+    </div>
 
     <transition
       enter-active-class="transition ease-out duration-100"
-      enter-class="opacity-0 scale-95"
-      enter-to-class="opacity-100 scale-100"
+      enter-from-class="transform opacity-0 scale-95"
+      enter-to-class="transform opacity-100 scale-100"
       leave-active-class="transition ease-in duration-75"
-      leave-class="opacity-100 scale-100"
-      leave-to-class="opacity-0 scale-95"
+      leave-from-class="transform opacity-100 scale-100"
+      leave-to-class="transform opacity-0 scale-95"
     >
-      <div
-        v-show="isOpen"
-        class="mx-3 origin-top-right absolute right-7 top-0 w-48 mt-1 rounded-md shadow-lg z-10 bg-white ring-1 ring-black ring-opacity-5 divide-y divide-grey-200"
-        role="menu"
-        aria-orientation="vertical"
-        aria-labelledby="project-options-menu-0"
+      <MenuItems
+        class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"
       >
-        <slot></slot>
-      </div>
+        <div class="py-1">
+          <slot></slot>
+        </div>
+      </MenuItems>
     </transition>
-  </div>
+  </Menu>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      isOpen: false,
-    }
-  },
-  created() {
-    window.addEventListener('click', this.close)
-  },
-
-  beforeDestroy() {
-    window.removeEventListener('click', this.close)
-  },
-
-  methods: {
-    close(e) {
-      if (!this.$refs.openOptions.contains(e.target)) {
-        this.isOpen = false
-      }
-    },
-  },
-}
+<script setup>
+import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'
 </script>
diff --git a/resources/js/components/Toggle.vue b/resources/js/components/Toggle.vue
index a4d5b81..d90c1c6 100644
--- a/resources/js/components/Toggle.vue
+++ b/resources/js/components/Toggle.vue
@@ -1,19 +1,24 @@
 <template>
-  <button
+  <Switch
+    v-model="modelValue"
     @click="toggle"
-    type="button"
-    :aria-pressed="value.toString()"
-    :class="this.value ? 'bg-cyan-500' : 'bg-grey-300'"
-    class="relative inline-flex shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none"
+    :class="[
+      modelValue ? 'bg-cyan-500' : 'bg-grey-300',
+      'relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none',
+    ]"
   >
     <span class="sr-only">Use setting</span>
     <span
-      :class="this.value ? 'translate-x-5' : 'translate-x-0'"
-      class="relative inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition ease-in-out duration-200"
+      :class="[
+        modelValue ? 'translate-x-5' : 'translate-x-0',
+        'pointer-events-none relative inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200',
+      ]"
     >
       <span
-        :class="this.value ? 'opacity-0 ease-out duration-100' : 'opacity-100 ease-in duration-200'"
-        class="absolute inset-0 h-full w-full flex items-center justify-center transition-opacity"
+        :class="[
+          modelValue ? 'opacity-0 ease-out duration-100' : 'opacity-100 ease-in duration-200',
+          'absolute inset-0 h-full w-full flex items-center justify-center transition-opacity',
+        ]"
         aria-hidden="true"
       >
         <svg class="h-3 w-3 text-grey-400" fill="none" viewBox="0 0 12 12">
@@ -27,8 +32,10 @@
         </svg>
       </span>
       <span
-        :class="this.value ? 'opacity-100 ease-in duration-200' : 'opacity-0 ease-out duration-100'"
-        class="absolute inset-0 h-full w-full flex items-center justify-center transition-opacity"
+        :class="[
+          modelValue ? 'opacity-100 ease-in duration-200' : 'opacity-0 ease-out duration-100',
+          'absolute inset-0 h-full w-full flex items-center justify-center transition-opacity',
+        ]"
         aria-hidden="true"
       >
         <svg class="h-3 w-3 text-cyan-500" fill="currentColor" viewBox="0 0 12 12">
@@ -38,16 +45,21 @@
         </svg>
       </span>
     </span>
-  </button>
+  </Switch>
 </template>
 
 <script>
+import { Switch } from '@headlessui/vue'
+
 export default {
-  props: ['value'],
+  props: ['modelValue'],
+  components: {
+    Switch,
+  },
   methods: {
     toggle() {
-      this.$emit('input', !this.value)
-      this.value ? this.$emit('off') : this.$emit('on')
+      this.$emit('update:modelValue', !this.modelValue)
+      this.modelValue ? this.$emit('off') : this.$emit('on')
     },
   },
 }
diff --git a/resources/js/components/WebauthnKeys.vue b/resources/js/components/WebauthnKeys.vue
index e0e7b89..013d7b6 100644
--- a/resources/js/components/WebauthnKeys.vue
+++ b/resources/js/components/WebauthnKeys.vue
@@ -25,7 +25,7 @@
           </div>
           <div v-for="key in keys" :key="key.id" class="table-row even:bg-grey-50 odd:bg-white">
             <div class="table-cell p-1 md:p-4">{{ key.name }}</div>
-            <div class="table-cell p-1 md:p-4">{{ key.created_at | timeAgo }}</div>
+            <div class="table-cell p-1 md:p-4">{{ $filters.timeAgo(key.created_at) }}</div>
             <div class="table-cell p-1 md:p-4">
               <Toggle v-model="key.enabled" @on="enableKey(key.id)" @off="disableKey(key.id)" />
             </div>
@@ -43,12 +43,8 @@
     </div>
 
     <Modal :open="deleteKeyModalOpen" @close="closeDeleteKeyModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Remove Hardware Key
-        </h2>
+      <template v-slot:title> Remove Hardware Key </template>
+      <template v-slot:content>
         <p v-if="keys.length === 1" class="my-4 text-grey-700">
           Once this key is removed, <b>Two-Factor Authentication</b> will be disabled on your
           account.
@@ -74,7 +70,7 @@
             Close
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
   </div>
 </template>
diff --git a/resources/js/components/sanctum/PersonalAccessTokens.vue b/resources/js/components/sanctum/PersonalAccessTokens.vue
index 8e52172..352f1e9 100644
--- a/resources/js/components/sanctum/PersonalAccessTokens.vue
+++ b/resources/js/components/sanctum/PersonalAccessTokens.vue
@@ -77,13 +77,13 @@
             class="table-row even:bg-grey-50 odd:bg-white"
           >
             <div class="table-cell p-1 md:p-4">{{ token.name }}</div>
-            <div class="table-cell p-1 md:p-4">{{ token.created_at | timeAgo }}</div>
+            <div class="table-cell p-1 md:p-4">{{ $filters.timeAgo(token.created_at) }}</div>
             <div v-if="token.last_used_at" class="table-cell p-1 md:p-4">
-              {{ token.last_used_at | timeAgo }}
+              {{ $filters.timeAgo(token.last_used_at) }}
             </div>
             <div v-else class="table-cell p-1 md:p-4">Not used yet</div>
             <div v-if="token.expires_at" class="table-cell p-1 md:p-4">
-              {{ token.expires_at | formatDate }}
+              {{ $filters.formatDate(token.expires_at) }}
             </div>
             <div v-else class="table-cell p-1 md:p-4">Does not expire</div>
             <div class="table-cell p-1 md:p-4 text-right">
@@ -100,125 +100,122 @@
     </div>
 
     <Modal :open="createTokenModalOpen" @close="closeCreateTokenModal">
-      <div v-if="!accessToken" class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Create New Token
-        </h2>
-        <p class="mt-4 text-grey-700">
-          What's this token going to be used for? Give it a short name so that you remember later.
-          You can also select an expiry date for the token if you wish.
-        </p>
-        <div class="mt-6">
-          <div v-if="isObject(form.errors)" class="mb-3 text-red-500">
-            <ul>
-              <li v-for="error in form.errors" :key="error[0]">
-                {{ error[0] }}
-              </li>
-            </ul>
-          </div>
-          <label for="create-token-name" class="block text-grey-700 text-sm my-2"> Name: </label>
-          <input
-            v-model="form.name"
-            type="text"
-            id="create-token-name"
-            class="w-full appearance-none bg-grey-100 border border-transparent text-grey-700 focus:outline-none rounded p-3 mb-4"
-            :class="form.errors.name ? 'border-red-500' : ''"
-            placeholder="e.g. Firefox extension"
-            autofocus
-          />
-          <label for="create-token-name" class="block text-grey-700 text-sm my-2">
-            Expiration:
-          </label>
-          <div class="block relative mb-6">
-            <select
-              v-model="form.expiration"
-              class="block appearance-none w-full text-grey-700 bg-grey-100 p-3 pr-8 rounded shadow focus:ring"
-              :class="form.errors.expiration ? 'border border-red-500' : ''"
-            >
-              <option value="day">1 day</option>
-              <option value="week">1 week</option>
-              <option value="month">1 month</option>
-              <option value="year">1 year</option>
-              <option :value="null">No expiration</option>
-            </select>
-            <div
-              class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700"
-            >
-              <svg
-                class="fill-current h-4 w-4"
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 20 20"
-              >
-                <path
-                  d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
-                />
-              </svg>
+      <template v-if="!accessToken" v-slot:title> Create New Token </template>
+      <template v-else v-slot:title> Personal Access Token </template>
+      <template v-slot:content>
+        <div v-show="!accessToken">
+          <p class="mt-4 text-grey-700">
+            What's this token going to be used for? Give it a short name so that you remember later.
+            You can also select an expiry date for the token if you wish.
+          </p>
+          <div class="mt-6">
+            <div v-if="isObject(form.errors)" class="mb-3 text-red-500">
+              <ul>
+                <li v-for="error in form.errors" :key="error[0]">
+                  {{ error[0] }}
+                </li>
+              </ul>
             </div>
+            <label for="create-token-name" class="block text-grey-700 text-sm my-2"> Name: </label>
+            <input
+              v-model="form.name"
+              type="text"
+              id="create-token-name"
+              class="w-full appearance-none bg-grey-100 border border-transparent text-grey-700 focus:outline-none rounded p-3 mb-4"
+              :class="form.errors.name ? 'border-red-500' : ''"
+              placeholder="e.g. Firefox extension"
+              autofocus
+            />
+            <label for="create-token-name" class="block text-grey-700 text-sm my-2">
+              Expiration:
+            </label>
+            <div class="block relative mb-6">
+              <select
+                v-model="form.expiration"
+                class="block appearance-none w-full text-grey-700 bg-grey-100 p-3 pr-8 rounded shadow focus:ring"
+                :class="form.errors.expiration ? 'border border-red-500' : ''"
+              >
+                <option value="day">1 day</option>
+                <option value="week">1 week</option>
+                <option value="month">1 month</option>
+                <option value="year">1 year</option>
+                <option :value="null">No expiration</option>
+              </select>
+              <div
+                class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700"
+              >
+                <svg
+                  class="fill-current h-4 w-4"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 20 20"
+                >
+                  <path
+                    d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
+                  />
+                </svg>
+              </div>
+            </div>
+            <button
+              @click="store"
+              class="bg-cyan-400 hover:bg-cyan-300 text-cyan-900 font-bold py-3 px-4 rounded focus:outline-none"
+              :class="loading ? 'cursor-not-allowed' : ''"
+              :disabled="loading"
+            >
+              Create Token
+              <loader v-if="loading" />
+            </button>
+            <button
+              @click="closeCreateTokenModal"
+              class="ml-4 px-4 py-3 text-grey-800 font-semibold bg-white hover:bg-grey-50 border border-grey-100 rounded focus:outline-none"
+            >
+              Close
+            </button>
           </div>
-          <button
-            @click="store"
-            class="bg-cyan-400 hover:bg-cyan-300 text-cyan-900 font-bold py-3 px-4 rounded focus:outline-none"
-            :class="loading ? 'cursor-not-allowed' : ''"
-            :disabled="loading"
-          >
-            Create Token
-            <loader v-if="loading" />
-          </button>
-          <button
-            @click="closeCreateTokenModal"
-            class="ml-4 px-4 py-3 text-grey-800 font-semibold bg-white hover:bg-grey-50 border border-grey-100 rounded focus:outline-none"
-          >
-            Close
-          </button>
         </div>
-      </div>
-      <div v-else class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Personal Access Token
-        </h2>
-        <p class="my-4 text-grey-700">
-          This is your new personal access token. This is the only time the token will ever be
-          displayed, so please make a note of it in a safe place (e.g. password manager)!
-        </p>
-        <textarea
-          v-model="accessToken"
-          @click="selectTokenTextArea"
-          id="token-text-area"
-          class="w-full appearance-none bg-grey-100 border border-transparent text-grey-700 focus:outline-none rounded p-3 text-md break-all"
-          rows="1"
-          readonly
-        >
-        </textarea>
-        <div class="mt-6">
-          <button
-            class="bg-cyan-400 hover:bg-cyan-300 text-cyan-900 font-bold py-3 px-4 rounded focus:outline-none"
-            v-clipboard="() => accessToken"
-            v-clipboard:success="clipboardSuccess"
-            v-clipboard:error="clipboardError"
+        <div v-show="accessToken">
+          <p class="my-4 text-grey-700">
+            This is your new personal access token. This is the only time the token will ever be
+            displayed, so please make a note of it in a safe place (e.g. password manager)!
+          </p>
+          <textarea
+            v-model="accessToken"
+            @click="selectTokenTextArea"
+            id="token-text-area"
+            class="w-full appearance-none bg-grey-100 border border-transparent text-grey-700 focus:outline-none rounded p-3 text-md break-all"
+            rows="1"
+            readonly
           >
-            Copy To Clipboard
-          </button>
-          <button
-            @click="closeCreateTokenModal"
-            class="ml-4 px-4 py-3 text-grey-800 font-semibold bg-white hover:bg-grey-50 border border-grey-100 rounded focus:outline-none"
-          >
-            Close
-          </button>
+          </textarea>
+          <div class="text-center">
+            <img :src="qrCode" class="inline-block" alt="QR Code" />
+            <p class="text-left text-sm text-grey-700">
+              You can scan this QR code to automatically login to the AnonAddy for Android mobile
+              app.
+            </p>
+          </div>
+          <div class="mt-6">
+            <button
+              class="bg-cyan-400 hover:bg-cyan-300 text-cyan-900 font-bold py-3 px-4 rounded focus:outline-none"
+              v-clipboard="() => accessToken"
+              v-clipboard:success="clipboardSuccess"
+              v-clipboard:error="clipboardError"
+            >
+              Copy To Clipboard
+            </button>
+            <button
+              @click="closeCreateTokenModal"
+              class="ml-4 px-4 py-3 text-grey-800 font-semibold bg-white hover:bg-grey-50 border border-grey-100 rounded focus:outline-none"
+            >
+              Close
+            </button>
+          </div>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="revokeTokenModalOpen" @close="closeRevokeTokenModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Revoke API Access Token
-        </h2>
+      <template v-slot:title> ARevoke API Access Token </template>
+      <template v-slot:content>
         <p class="my-4 text-grey-700">
           Any browser extension, application or script using this API access token will no longer be
           able to access the API. This action cannot be undone.
@@ -240,7 +237,7 @@
             Close
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
   </div>
 </template>
@@ -255,6 +252,7 @@ export default {
   data() {
     return {
       accessToken: null,
+      qrCode: null,
       createTokenModalOpen: false,
       revokeTokenModalOpen: false,
       tokens: [],
@@ -285,6 +283,7 @@ export default {
     store() {
       this.loading = true
       this.accessToken = null
+      this.qrCode = null
       this.form.errors = {}
 
       axios
@@ -297,6 +296,7 @@ export default {
 
           this.tokens.push(response.data.token)
           this.accessToken = response.data.accessToken
+          this.qrCode = response.data.qrCode
         })
         .catch(error => {
           this.loading = false
@@ -330,6 +330,7 @@ export default {
     },
     openCreateTokenModal() {
       this.accessToken = null
+      this.qrCode = null
       this.createTokenModalOpen = true
     },
     closeCreateTokenModal() {
diff --git a/resources/js/pages/Aliases.vue b/resources/js/pages/Aliases.vue
index d10c999..552537a 100644
--- a/resources/js/pages/Aliases.vue
+++ b/resources/js/pages/Aliases.vue
@@ -98,7 +98,7 @@
         />
         <icon
           v-if="search"
-          @click.native="search = ''"
+          @click="search = ''"
           name="close-circle"
           class="absolute right-0 inset-y-0 w-5 h-full text-grey-300 fill-current mr-2 flex items-center cursor-pointer"
         />
@@ -146,9 +146,9 @@
 
     <vue-good-table
       v-if="initialAliases.length"
-      @on-search="debounceToolips"
-      @on-page-change="debounceToolips"
-      @on-per-page-change="debounceToolips"
+      v-on:search="debounceToolips"
+      v-on:page-change="debounceToolips"
+      v-on:per-page-change="debounceToolips"
       :columns="columns"
       :rows="rows"
       :search-options="{
@@ -169,10 +169,10 @@
       }"
       styleClass="vgt-table"
     >
-      <div slot="emptystate" class="flex items-center justify-center h-24 text-lg text-grey-700">
+      <template #emptystate class="flex items-center justify-center h-24 text-lg text-grey-700">
         No aliases found for that search!
-      </div>
-      <template slot="table-row" slot-scope="props">
+      </template>
+      <template #table-row="props">
         <span v-if="props.column.field == 'created_at'" class="flex items-center">
           <span
             :class="`bg-${getAliasStatus(props.row).colour}-100`"
@@ -187,8 +187,8 @@
           </span>
           <span
             class="tooltip outline-none text-sm whitespace-nowrap"
-            :data-tippy-content="rows[props.row.originalIndex].created_at | formatDate"
-            >{{ props.row.created_at | timeAgo }}
+            :data-tippy-content="$filters.formatDate(rows[props.row.originalIndex].created_at)"
+            >{{ $filters.timeAgo(props.row.created_at) }}
           </span>
         </span>
         <span v-else-if="props.column.field == 'email'" class="block">
@@ -199,10 +199,10 @@
             v-clipboard:success="clipboardSuccess"
             v-clipboard:error="clipboardError"
             ><span class="font-semibold text-indigo-800">{{
-              getAliasLocalPart(props.row) | truncate(60)
+              $filters.truncate(getAliasLocalPart(props.row), 60)
             }}</span
             ><span v-if="getAliasLocalPart(props.row).length <= 60">{{
-              ('@' + props.row.domain) | truncate(60 - getAliasLocalPart(props.row).length)
+              $filters.truncate('@' + props.row.domain, 60 - getAliasLocalPart(props.row).length)
             }}</span>
           </span>
           <div v-if="aliasIdToEdit === props.row.id" class="flex items-center">
@@ -220,22 +220,22 @@
             <icon
               name="close"
               class="inline-block w-6 h-6 text-red-300 fill-current cursor-pointer"
-              @click.native="aliasIdToEdit = aliasDescriptionToEdit = ''"
+              @click="aliasIdToEdit = aliasDescriptionToEdit = ''"
             />
             <icon
               name="save"
               class="inline-block w-6 h-6 text-cyan-500 fill-current cursor-pointer"
-              @click.native="editAlias(rows[props.row.originalIndex])"
+              @click="editAlias(rows[props.row.originalIndex])"
             />
           </div>
           <div v-else-if="props.row.description" class="flex items-center">
             <span class="inline-block text-grey-400 text-sm py-1 border border-transparent">
-              {{ props.row.description | truncate(60) }}
+              {{ $filters.truncate(props.row.description, 60) }}
             </span>
             <icon
               name="edit"
               class="inline-block w-6 h-6 ml-2 text-grey-300 fill-current cursor-pointer"
-              @click.native="
+              @click="
                 ;(aliasIdToEdit = props.row.id), (aliasDescriptionToEdit = props.row.description)
               "
             />
@@ -279,7 +279,7 @@
           <icon
             name="edit"
             class="ml-2 inline-block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-            @click.native="openAliasRecipientsModal(props.row)"
+            @click="openAliasRecipientsModal(props.row)"
           />
         </span>
         <span
@@ -311,16 +311,18 @@
         <span v-else class="flex items-center justify-center outline-none" tabindex="-1">
           <more-options>
             <div role="none">
-              <span
-                @click="openSendFromModal(props.row)"
-                class="group cursor-pointer flex items-center px-4 py-3 text-sm text-grey-700 hover:bg-grey-100 hover:text-grey-900"
-                role="menuitem"
-              >
-                <icon name="send" class="block mr-3 w-5 h-5 text-grey-300 outline-none" />
-                Send From
-              </span>
+              <MenuItem>
+                <span
+                  @click="openSendFromModal(props.row)"
+                  class="group cursor-pointer flex items-center px-4 py-3 text-sm text-grey-700 hover:bg-grey-100 hover:text-grey-900"
+                  role="menuitem"
+                >
+                  <icon name="send" class="block mr-3 w-5 h-5 text-grey-300 outline-none" />
+                  Send From
+                </span>
+              </MenuItem>
             </div>
-            <div v-if="props.row.deleted_at" role="none">
+            <MenuItem v-if="props.row.deleted_at">
               <span
                 @click="openRestoreModal(props.row.id)"
                 class="group cursor-pointer flex items-center px-4 py-3 text-sm text-grey-700 hover:bg-grey-100 hover:text-grey-900"
@@ -332,8 +334,8 @@
                 />
                 Restore
               </span>
-            </div>
-            <div v-else role="none">
+            </MenuItem>
+            <MenuItem v-else>
               <span
                 @click="openDeleteModal(props.row)"
                 class="group cursor-pointer flex items-center px-4 py-3 text-sm text-grey-700 hover:bg-grey-100 hover:text-grey-900"
@@ -345,8 +347,8 @@
                 />
                 Delete
               </span>
-            </div>
-            <div role="none">
+            </MenuItem>
+            <MenuItem>
               <span
                 @click="openForgetModal(props.row)"
                 class="group cursor-pointer flex items-center px-4 py-3 text-sm text-grey-700 hover:bg-grey-100 hover:text-grey-900"
@@ -358,7 +360,7 @@
                 />
                 Forget
               </span>
-            </div>
+            </MenuItem>
           </more-options>
         </span>
       </template>
@@ -411,12 +413,8 @@
     </div>
 
     <Modal :open="generateAliasModalOpen" @close="generateAliasModalOpen = false">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Create new alias
-        </h2>
+      <template v-slot:title> Create new alias </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Other aliases e.g. alias@{{ subdomain }} can also be created automatically when they
           receive their first email.
@@ -524,6 +522,8 @@
         <multiselect
           id="alias_recipient_ids"
           v-model="generateAliasRecipientIds"
+          mode="tags"
+          value-prop="id"
           :options="recipientOptions"
           :multiple="true"
           :close-on-select="true"
@@ -533,8 +533,6 @@
           placeholder="Select recipient(s) (optional)..."
           label="email"
           track-by="email"
-          :preselect-first="false"
-          :show-labels="false"
         >
         </multiselect>
 
@@ -555,33 +553,29 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="editAliasRecipientsModalOpen" @close="closeAliasRecipientsModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Update Alias Recipients
-        </h2>
+      <template v-slot:title> Update Alias Recipients </template>
+      <template v-slot:content>
         <p class="my-4 text-grey-700">
           Select the recipients for this alias. You can choose multiple recipients. Leave it empty
           if you would like to use the default recipient.
         </p>
         <multiselect
           v-model="aliasRecipientsToEdit"
+          mode="tags"
+          value-prop="id"
           :options="recipientOptions"
           :multiple="true"
           :close-on-select="true"
           :clear-on-select="false"
           :searchable="true"
           :max="10"
-          placeholder="Select recipients"
+          placeholder="Select recipient(s)"
           label="email"
           track-by="email"
-          :preselect-first="false"
-          :show-labels="false"
         >
         </multiselect>
         <div class="mt-6">
@@ -602,16 +596,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="restoreAliasModalOpen" @close="closeRestoreModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Restore alias
-        </h2>
+      <template v-slot:title> Restore alias </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Are you sure you want to restore this alias? Once restored it will be
           <b>able to receive emails again</b>.
@@ -634,16 +624,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="deleteAliasModalOpen" @close="closeDeleteModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Delete alias
-        </h2>
+      <template v-slot:title> Delete alias </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Are you sure you want to delete <b class="break-words">{{ aliasToDelete.email }}</b
           >? You can restore it if you later change your mind. Once deleted,
@@ -668,16 +654,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="forgetAliasModalOpen" @close="closeForgetModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Forget alias
-        </h2>
+      <template v-slot:title> Forget alias </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Are you sure you want to forget <b class="break-words">{{ aliasToForget.email }}</b
           >? Forgetting an alias will disassociate it from your account.
@@ -705,16 +687,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="sendFromAliasModalOpen" @close="closeSendFromModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Send from alias
-        </h2>
+      <template v-slot:title> Send from alias </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Use this to automatically create the correct address to send an email to in order to send
           an <b>email from this alias</b>.
@@ -811,7 +789,7 @@
             Close
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
   </div>
 </template>
@@ -824,7 +802,8 @@ import { roundArrow } from 'tippy.js'
 import 'tippy.js/dist/svg-arrow.css'
 import 'tippy.js/dist/tippy.css'
 import tippy from 'tippy.js'
-import Multiselect from 'vue-multiselect'
+import Multiselect from '@vueform/multiselect'
+import { MenuItem } from '@headlessui/vue'
 
 export default {
   props: {
@@ -886,6 +865,7 @@ export default {
     Toggle,
     Multiselect,
     MoreOptions,
+    MenuItem,
   },
   data() {
     return {
@@ -1134,7 +1114,7 @@ export default {
     openAliasRecipientsModal(alias) {
       this.editAliasRecipientsModalOpen = true
       this.recipientsAliasToEdit = alias
-      this.aliasRecipientsToEdit = alias.recipients
+      this.aliasRecipientsToEdit = _.map(alias.recipients, recipient => recipient.id)
     },
     closeAliasRecipientsModal() {
       this.editAliasRecipientsModalOpen = false
@@ -1149,7 +1129,7 @@ export default {
           '/api/v1/alias-recipients',
           JSON.stringify({
             alias_id: this.recipientsAliasToEdit.id,
-            recipient_ids: _.map(this.aliasRecipientsToEdit, recipient => recipient.id),
+            recipient_ids: this.aliasRecipientsToEdit,
           }),
           {
             headers: { 'Content-Type': 'application/json' },
@@ -1157,7 +1137,9 @@ export default {
         )
         .then(response => {
           let alias = _.find(this.rows, ['id', this.recipientsAliasToEdit.id])
-          alias.recipients = this.aliasRecipientsToEdit
+          alias.recipients = _.filter(this.recipientOptions, recipient =>
+            this.aliasRecipientsToEdit.includes(recipient.id)
+          )
 
           this.editAliasRecipientsModalOpen = false
           this.editAliasRecipientsLoading = false
@@ -1362,4 +1344,4 @@ export default {
 }
 </script>
 
-<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>
+<style src="@vueform/multiselect/themes/default.css"></style>
diff --git a/resources/js/pages/Domains.vue b/resources/js/pages/Domains.vue
index 5af1015..97390c0 100644
--- a/resources/js/pages/Domains.vue
+++ b/resources/js/pages/Domains.vue
@@ -12,7 +12,7 @@
         />
         <icon
           v-if="search"
-          @click.native="search = ''"
+          @click="search = ''"
           name="close-circle"
           class="absolute right-0 inset-y-0 w-5 h-full text-grey-300 fill-current mr-2 flex items-center cursor-pointer"
         />
@@ -34,7 +34,7 @@
 
     <vue-good-table
       v-if="initialDomains.length"
-      @on-search="debounceToolips"
+      v-on:search="debounceToolips"
       :columns="columns"
       :rows="rows"
       :search-options="{
@@ -48,15 +48,15 @@
       }"
       styleClass="vgt-table"
     >
-      <div slot="emptystate" class="flex items-center justify-center h-24 text-lg text-grey-700">
+      <template #emptystate class="flex items-center justify-center h-24 text-lg text-grey-700">
         No domains found for that search!
-      </div>
-      <template slot="table-row" slot-scope="props">
+      </template>
+      <template #table-row="props">
         <span
           v-if="props.column.field == 'created_at'"
           class="tooltip outline-none text-sm"
-          :data-tippy-content="rows[props.row.originalIndex].created_at | formatDate"
-          >{{ props.row.created_at | timeAgo }}
+          :data-tippy-content="$filters.formatDate(rows[props.row.originalIndex].created_at)"
+          >{{ $filters.timeAgo(props.row.created_at) }}
         </span>
         <span v-else-if="props.column.field == 'domain'">
           <span
@@ -65,7 +65,7 @@
             v-clipboard="() => rows[props.row.originalIndex].domain"
             v-clipboard:success="clipboardSuccess"
             v-clipboard:error="clipboardError"
-            >{{ props.row.domain | truncate(30) }}</span
+            >{{ $filters.truncate(props.row.domain, 30) }}</span
           >
         </span>
         <span v-else-if="props.column.field == 'description'">
@@ -86,20 +86,20 @@
             <icon
               name="close"
               class="inline-block w-6 h-6 text-red-300 fill-current cursor-pointer"
-              @click.native="domainIdToEdit = domainDescriptionToEdit = ''"
+              @click="domainIdToEdit = domainDescriptionToEdit = ''"
             />
             <icon
               name="save"
               class="inline-block w-6 h-6 text-cyan-500 fill-current cursor-pointer"
-              @click.native="editDomain(rows[props.row.originalIndex])"
+              @click="editDomain(rows[props.row.originalIndex])"
             />
           </div>
           <div v-else-if="props.row.description" class="flex items-centers">
-            <span class="outline-none">{{ props.row.description | truncate(60) }}</span>
+            <span class="outline-none">{{ $filters.truncate(props.row.description, 60) }}</span>
             <icon
               name="edit"
               class="inline-block w-6 h-6 text-grey-300 fill-current cursor-pointer ml-2"
-              @click.native="
+              @click="
                 ;(domainIdToEdit = props.row.id), (domainDescriptionToEdit = props.row.description)
               "
             />
@@ -108,24 +108,24 @@
             <icon
               name="plus"
               class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-              @click.native=";(domainIdToEdit = props.row.id), (domainDescriptionToEdit = '')"
+              @click=";(domainIdToEdit = props.row.id), (domainDescriptionToEdit = '')"
             />
           </div>
         </span>
         <span v-else-if="props.column.field === 'default_recipient'">
           <div v-if="props.row.default_recipient">
-            {{ props.row.default_recipient.email | truncate(30) }}
+            {{ $filters.truncate(props.row.default_recipient.email, 30) }}
             <icon
               name="edit"
               class="ml-2 inline-block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-              @click.native="openDomainDefaultRecipientModal(props.row)"
+              @click="openDomainDefaultRecipientModal(props.row)"
             />
           </div>
           <div class="flex justify-center" v-else>
             <icon
               name="plus"
               class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-              @click.native="openDomainDefaultRecipientModal(props.row)"
+              @click="openDomainDefaultRecipientModal(props.row)"
             />
           </div>
         </span>
@@ -234,7 +234,7 @@
           <icon
             name="trash"
             class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-            @click.native="openDeleteModal(props.row.id)"
+            @click="openDeleteModal(props.row.id)"
           />
         </span>
       </template>
@@ -265,12 +265,9 @@
     </div>
 
     <Modal :open="addDomainModalOpen" @close="closeCheckRecordsModal">
-      <div v-if="!domainToCheck" class="max-w-2xl w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Add new domain
-        </h2>
+      <template v-if="!domainToCheck" v-slot:title> Add new domain </template>
+      <template v-else v-slot:title> Check DNS records </template>
+      <template v-if="!domainToCheck" v-slot:content>
         <p class="mt-4 mb-2 text-grey-700">
           To verify ownership of the domain, please add the following TXT record and then click Add
           Domain below.
@@ -315,8 +312,8 @@
             Cancel
           </button>
         </div>
-      </div>
-      <div v-else class="max-w-2xl w-full bg-white rounded-lg shadow-2xl p-6">
+      </template>
+      <template v-else v-slot:content>
         <h2
           class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
         >
@@ -370,25 +367,22 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="domainDefaultRecipientModalOpen" @close="closeDomainDefaultRecipientModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Update Default Recipient
-        </h2>
+      <template v-slot:title> Update Default Recipient </template>
+      <template v-slot:content>
         <p class="my-4 text-grey-700">
           Select the default recipient for this domain. This overrides the default recipient in your
           account settings. Leave it empty if you would like to use the default recipient in your
           account settings.
         </p>
         <multiselect
-          v-model="defaultRecipient"
+          v-model="defaultRecipientId"
           :options="recipientOptions"
-          :multiple="false"
+          mode="single"
+          value-prop="id"
           :close-on-select="true"
           :clear-on-select="false"
           :searchable="false"
@@ -396,8 +390,6 @@
           placeholder="Select recipient"
           label="email"
           track-by="email"
-          :preselect-first="false"
-          :show-labels="false"
         >
         </multiselect>
         <div class="mt-6">
@@ -418,16 +410,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="deleteDomainModalOpen" @close="closeDeleteModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Delete domain
-        </h2>
+      <template v-slot:title> Delete domain </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Are you sure you want to delete this domain? This will also delete all aliases associated
           with this domain. You will no longer be able to receive any emails at this domain.
@@ -450,7 +438,7 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
   </div>
 </template>
@@ -462,7 +450,7 @@ import { roundArrow } from 'tippy.js'
 import 'tippy.js/dist/svg-arrow.css'
 import 'tippy.js/dist/tippy.css'
 import tippy from 'tippy.js'
-import Multiselect from 'vue-multiselect'
+import Multiselect from '@vueform/multiselect'
 
 export default {
   props: {
@@ -507,7 +495,7 @@ export default {
       checkRecordsLoading: false,
       domainDefaultRecipientModalOpen: false,
       defaultRecipientDomainToEdit: {},
-      defaultRecipient: {},
+      defaultRecipientId: null,
       editDefaultRecipientLoading: false,
       errors: {},
       columns: [
@@ -667,20 +655,20 @@ export default {
     openDomainDefaultRecipientModal(domain) {
       this.domainDefaultRecipientModalOpen = true
       this.defaultRecipientDomainToEdit = domain
-      this.defaultRecipient = domain.default_recipient
+      this.defaultRecipientId = domain.default_recipient_id
     },
     closeDomainDefaultRecipientModal() {
       this.domainDefaultRecipientModalOpen = false
       this.defaultRecipientDomainToEdit = {}
-      this.defaultRecipient = {}
+      this.defaultRecipientId = null
     },
     openCheckRecordsModal(domain) {
       this.domainToCheck = domain
       this.addDomainModalOpen = true
     },
     closeCheckRecordsModal() {
-      this.domainToCheck = null
       this.addDomainModalOpen = false
+      _.delay(() => (this.domainToCheck = null), 300)
     },
     editDomain(domain) {
       if (this.domainDescriptionToEdit.length > 200) {
@@ -716,7 +704,7 @@ export default {
         .patch(
           `/api/v1/domains/${this.defaultRecipientDomainToEdit.id}/default-recipient`,
           JSON.stringify({
-            default_recipient: this.defaultRecipient ? this.defaultRecipient.id : '',
+            default_recipient: this.defaultRecipientId,
           }),
           {
             headers: { 'Content-Type': 'application/json' },
@@ -724,17 +712,18 @@ export default {
         )
         .then(response => {
           let domain = _.find(this.rows, ['id', this.defaultRecipientDomainToEdit.id])
-          domain.default_recipient = this.defaultRecipient
+          domain.default_recipient = _.find(this.recipientOptions, ['id', this.defaultRecipientId])
+          domain.default_recipient_id = this.defaultRecipientId
 
           this.domainDefaultRecipientModalOpen = false
           this.editDefaultRecipientLoading = false
-          this.defaultRecipient = {}
+          this.defaultRecipientId = null
           this.success("Domain's default recipient updated")
         })
         .catch(error => {
           this.domainDefaultRecipientModalOpen = false
           this.editDefaultRecipientLoading = false
-          this.defaultRecipient = {}
+          this.defaultRecipientId = null
           this.error()
         })
     },
diff --git a/resources/js/pages/FailedDeliveries.vue b/resources/js/pages/FailedDeliveries.vue
index 326594b..84369a9 100644
--- a/resources/js/pages/FailedDeliveries.vue
+++ b/resources/js/pages/FailedDeliveries.vue
@@ -12,7 +12,7 @@
         />
         <icon
           v-if="search"
-          @click.native="search = ''"
+          @click="search = ''"
           name="close-circle"
           class="absolute right-0 inset-y-0 w-5 h-full text-grey-300 fill-current mr-2 flex items-center cursor-pointer"
         />
@@ -26,7 +26,7 @@
 
     <vue-good-table
       v-if="initialFailedDeliveries.length"
-      @on-search="debounceToolips"
+      v-on:search="debounceToolips"
       :columns="columns"
       :rows="rows"
       :search-options="{
@@ -40,15 +40,15 @@
       }"
       styleClass="vgt-table"
     >
-      <div slot="emptystate" class="flex items-center justify-center h-24 text-lg text-grey-700">
+      <template #emptystate class="flex items-center justify-center h-24 text-lg text-grey-700">
         No failed deliveries found for that search!
-      </div>
-      <template slot="table-row" slot-scope="props">
+      </template>
+      <template #table-row="props">
         <span
           v-if="props.column.field == 'created_at'"
           class="tooltip outline-none text-sm"
-          :data-tippy-content="rows[props.row.originalIndex].created_at | formatDate"
-          >{{ props.row.created_at | timeAgo }}
+          :data-tippy-content="$filters.formatDate(rows[props.row.originalIndex].created_at)"
+          >{{ $filters.timeAgo(props.row.created_at) }}
         </span>
         <span v-else-if="props.column.field == 'recipient'">
           <span
@@ -106,14 +106,14 @@
         <span
           v-else-if="props.column.field == 'attempted_at'"
           class="tooltip outline-none text-sm"
-          :data-tippy-content="rows[props.row.originalIndex].attempted_at | formatDateTime"
-          >{{ props.row.attempted_at | timeAgo }}
+          :data-tippy-content="$filters.formatDateTime(rows[props.row.originalIndex].attempted_at)"
+          >{{ $filters.timeAgo(props.row.attempted_at) }}
         </span>
         <span v-else class="flex items-center justify-center outline-none" tabindex="-1">
           <icon
             name="trash"
             class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-            @click.native="openDeleteModal(props.row.id)"
+            @click="openDeleteModal(props.row.id)"
           />
         </span>
       </template>
@@ -137,12 +137,8 @@
     </div>
 
     <Modal :open="deleteFailedDeliveryModalOpen" @close="closeDeleteModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Delete Failed Delivery
-        </h2>
+      <template v-slot:title> Delete Failed Delivery </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">Are you sure you want to delete this failed delivery?</p>
         <p class="mt-4 text-grey-700">
           Failed deliveries are automatically removed when they are more than 3 days old.
@@ -165,7 +161,7 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
   </div>
 </template>
diff --git a/resources/js/pages/Recipients.vue b/resources/js/pages/Recipients.vue
index 5436c39..a32a989 100644
--- a/resources/js/pages/Recipients.vue
+++ b/resources/js/pages/Recipients.vue
@@ -12,7 +12,7 @@
         />
         <icon
           v-if="search"
-          @click.native="search = ''"
+          @click="search = ''"
           name="close-circle"
           class="absolute right-0 inset-y-0 w-5 h-full text-grey-300 fill-current mr-2 flex items-center cursor-pointer"
         />
@@ -33,7 +33,7 @@
     </div>
 
     <vue-good-table
-      @on-search="debounceToolips"
+      v-on:search="debounceToolips"
       :columns="columns"
       :rows="rows"
       :search-options="{
@@ -47,10 +47,10 @@
       }"
       styleClass="vgt-table"
     >
-      <div slot="emptystate" class="flex items-center justify-center h-24 text-lg text-grey-700">
+      <template #emptystate class="flex items-center justify-center h-24 text-lg text-grey-700">
         No recipients found for that search!
-      </div>
-      <template slot="table-column" slot-scope="props">
+      </template>
+      <template #table-column="props">
         <span v-if="props.column.label == 'Key'">
           Key
           <span
@@ -82,12 +82,12 @@
           {{ props.column.label }}
         </span>
       </template>
-      <template slot="table-row" slot-scope="props">
+      <template #table-row="props">
         <span
           v-if="props.column.field == 'created_at'"
           class="tooltip outline-none text-sm"
-          :data-tippy-content="rows[props.row.originalIndex].created_at | formatDate"
-          >{{ props.row.created_at | timeAgo }}
+          :data-tippy-content="$filters.formatDate(rows[props.row.originalIndex].created_at)"
+          >{{ $filters.timeAgo(props.row.created_at) }}
         </span>
         <span v-else-if="props.column.field == 'key'">
           {{ props.row.key }}
@@ -99,7 +99,7 @@
             v-clipboard="() => rows[props.row.originalIndex].email"
             v-clipboard:success="clipboardSuccess"
             v-clipboard:error="clipboardError"
-            >{{ props.row.email | truncate(30) }}</span
+            >{{ $filters.truncate(props.row.email, 30) }}</span
           >
 
           <span
@@ -115,7 +115,7 @@
             v-if="props.row.aliases.length"
             class="tooltip outline-none"
             :data-tippy-content="aliasesTooltip(props.row.aliases, isDefault(props.row.id))"
-            >{{ props.row.aliases[0].email | truncate(40) }}
+            >{{ $filters.truncate(props.row.aliases[0].email, 40) }}
             <span
               v-if="isDefault(props.row.id) && aliasesUsingDefaultCount > 1"
               class="block text-grey-500 text-sm"
@@ -156,7 +156,7 @@
             <icon
               name="delete"
               class="tooltip outline-none cursor-pointer block w-6 h-6 text-grey-300 fill-current"
-              @click.native="openDeleteRecipientKeyModal(props.row)"
+              @click="openDeleteRecipientKeyModal(props.row)"
               data-tippy-content="Remove public key"
             />
           </span>
@@ -213,19 +213,15 @@
             v-if="!isDefault(props.row.id)"
             name="trash"
             class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-            @click.native="openDeleteModal(props.row)"
+            @click="openDeleteModal(props.row)"
           />
         </span>
       </template>
     </vue-good-table>
 
     <Modal :open="addRecipientModalOpen" @close="addRecipientModalOpen = false">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Add new recipient
-        </h2>
+      <template v-slot:title> Add new recipient </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Enter the individual email of the new recipient you'd like to add.
         </p>
@@ -261,16 +257,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="addRecipientKeyModalOpen" @close="closeRecipientKeyModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Add Public GPG Key
-        </h2>
+      <template v-slot:title> Add Public GPG Key </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">Enter your <b>PUBLIC</b> key data in the text area below.</p>
         <p class="mt-4 text-grey-700">Make sure to remove <b>Comment:</b> and <b>Version:</b></p>
         <div class="mt-6">
@@ -303,16 +295,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="deleteRecipientKeyModalOpen" @close="closeDeleteRecipientKeyModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Remove recipient public key
-        </h2>
+      <template v-slot:title> Remove recipient public key </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Are you sure you want to remove the public key for this recipient? It will also be removed
           from any other recipients using the same key.
@@ -335,16 +323,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="deleteRecipientModalOpen" @close="closeDeleteModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Delete recipient
-        </h2>
+      <template v-slot:title> Delete recipient </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">Are you sure you want to delete this recipient?</p>
         <div class="mt-6">
           <button
@@ -364,7 +348,7 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
   </div>
 </template>
@@ -461,6 +445,7 @@ export default {
           field: 'should_encrypt',
           type: 'boolean',
           globalSearchDisabled: true,
+          sortable: false,
         },
         {
           label: 'Inline Encryption',
diff --git a/resources/js/pages/Rules.vue b/resources/js/pages/Rules.vue
index fec116f..a0db534 100644
--- a/resources/js/pages/Rules.vue
+++ b/resources/js/pages/Rules.vue
@@ -15,32 +15,30 @@
 
     <div v-if="initialRules.length" class="bg-white shadow">
       <draggable
-        tag="ul"
+        :component-data="{ name: 'flip-list' }"
+        item-key="id"
         v-model="rows"
-        v-bind="dragOptions"
+        :group="{ name: 'description' }"
+        ghost-class="ghost"
         handle=".handle"
         @change="reorderRules"
       >
-        <transition-group type="transition" name="flip-list">
-          <li
-            class="relative flex items-center py-3 px-5 border-b border-grey-100"
-            v-for="row in rows"
-            :key="row.name"
-          >
+        <template #item="{ element }">
+          <div class="relative flex items-center py-3 px-5 border-b border-grey-100">
             <div class="flex items-center w-3/5">
               <icon
                 name="menu"
                 class="handle block w-6 h-6 text-grey-300 fill-current cursor-pointer"
               />
 
-              <span class="m-4">{{ row.name }} </span>
+              <span class="m-4">{{ element.name }} </span>
             </div>
 
             <div class="w-1/5 relative flex">
               <Toggle
-                v-model="row.active"
-                @on="activateRule(row.id)"
-                @off="deactivateRule(row.id)"
+                v-model="element.active"
+                @on="activateRule(element.id)"
+                @off="deactivateRule(element.id)"
               />
             </div>
 
@@ -48,16 +46,16 @@
               <icon
                 name="edit"
                 class="block w-6 h-6 mr-3 text-grey-300 fill-current cursor-pointer"
-                @click.native="openEditModal(row)"
+                @click="openEditModal(element)"
               />
               <icon
                 name="trash"
                 class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-                @click.native="openDeleteModal(row.id)"
+                @click="openDeleteModal(element.id)"
               />
             </div>
-          </li>
-        </transition-group>
+          </div>
+        </template>
       </draggable>
     </div>
 
@@ -81,12 +79,8 @@
     </div>
 
     <Modal :open="createRuleModalOpen" @close="createRuleModalOpen = false" :overflow="true">
-      <div class="max-w-2xl w-full bg-white rounded-lg shadow-2xl p-6 my-12">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Create new rule
-        </h2>
+      <template v-slot:title> Create new rule </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Rules work on all emails, including replies and also send froms. New conditions and
           actions will be added over time.
@@ -234,7 +228,7 @@
                     v-if="createRuleObject.conditions.length > 1"
                     name="trash"
                     class="block ml-4 w-6 h-6 text-grey-300 fill-current cursor-pointer"
-                    @click.native="deleteCondition(createRuleObject, key)"
+                    @click="deleteCondition(createRuleObject, key)"
                   />
                 </div>
               </div>
@@ -248,7 +242,7 @@
                     <icon
                       name="close"
                       class="inline-block w-4 h-4 text-grey-900 fill-current cursor-pointer"
-                      @click.native="createRuleObject.conditions[key].values.splice(index, 1)"
+                      @click="createRuleObject.conditions[key].values.splice(index, 1)"
                     />
                   </span>
                   <span
@@ -377,7 +371,7 @@
                     v-if="createRuleObject.actions.length > 1"
                     name="trash"
                     class="block ml-4 w-6 h-6 text-grey-300 fill-current cursor-pointer"
-                    @click.native="deleteAction(createRuleObject, key)"
+                    @click="deleteAction(createRuleObject, key)"
                   />
                 </div>
               </div>
@@ -449,16 +443,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="editRuleModalOpen" @close="closeEditModal" :overflow="true">
-      <div class="max-w-2xl w-full bg-white rounded-lg shadow-2xl p-6 my-12">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Edit rule
-        </h2>
+      <template v-slot:title> Edit rule </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Rules work on all emails, including replies and also send froms. New conditions and
           actions will be added over time.
@@ -603,7 +593,7 @@
                     v-if="editRuleObject.conditions.length > 1"
                     name="trash"
                     class="block ml-4 w-6 h-6 text-grey-300 fill-current cursor-pointer"
-                    @click.native="deleteCondition(editRuleObject, key)"
+                    @click="deleteCondition(editRuleObject, key)"
                   />
                 </div>
               </div>
@@ -614,7 +604,7 @@
                     <icon
                       name="close"
                       class="inline-block w-4 h-4 text-grey-900 fill-current cursor-pointer"
-                      @click.native="editRuleObject.conditions[key].values.splice(index, 1)"
+                      @click="editRuleObject.conditions[key].values.splice(index, 1)"
                     />
                   </span>
                   <span
@@ -740,7 +730,7 @@
                     v-if="editRuleObject.actions.length > 1"
                     name="trash"
                     class="block ml-4 w-6 h-6 text-grey-300 fill-current cursor-pointer"
-                    @click.native="deleteAction(editRuleObject, key)"
+                    @click="deleteAction(editRuleObject, key)"
                   />
                 </div>
               </div>
@@ -812,16 +802,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="deleteRuleModalOpen" @close="closeDeleteModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Delete rule
-        </h2>
+      <template v-slot:title> Delete rule </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">Are you sure you want to delete this rule?</p>
         <div class="mt-6">
           <button
@@ -841,7 +827,7 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
   </div>
 </template>
@@ -945,14 +931,6 @@ export default {
     activeRules() {
       return _.filter(this.rows, rule => rule.active)
     },
-    dragOptions() {
-      return {
-        animation: 0,
-        group: 'description',
-        disabled: false,
-        ghostClass: 'ghost',
-      }
-    },
     rowsIds() {
       return _.map(this.rows, row => row.id)
     },
diff --git a/resources/js/pages/Usernames.vue b/resources/js/pages/Usernames.vue
index c15208c..a3ccc79 100644
--- a/resources/js/pages/Usernames.vue
+++ b/resources/js/pages/Usernames.vue
@@ -12,7 +12,7 @@
         />
         <icon
           v-if="search"
-          @click.native="search = ''"
+          @click="search = ''"
           name="close-circle"
           class="absolute right-0 inset-y-0 w-5 h-full text-grey-300 fill-current mr-2 flex items-center cursor-pointer"
         />
@@ -34,7 +34,7 @@
 
     <vue-good-table
       v-if="initialUsernames.length"
-      @on-search="debounceToolips"
+      v-on:search="debounceToolips"
       :columns="columns"
       :rows="rows"
       :search-options="{
@@ -48,15 +48,15 @@
       }"
       styleClass="vgt-table"
     >
-      <div slot="emptystate" class="flex items-center justify-center h-24 text-lg text-grey-700">
+      <template #emptystate class="flex items-center justify-center h-24 text-lg text-grey-700">
         No usernames found for that search!
-      </div>
-      <template slot="table-row" slot-scope="props">
+      </template>
+      <template #table-row="props">
         <span
           v-if="props.column.field == 'created_at'"
           class="tooltip outline-none text-sm"
-          :data-tippy-content="rows[props.row.originalIndex].created_at | formatDate"
-          >{{ props.row.created_at | timeAgo }}
+          :data-tippy-content="$filters.formatDate(rows[props.row.originalIndex].created_at)"
+          >{{ $filters.timeAgo(props.row.created_at) }}
         </span>
         <span v-else-if="props.column.field == 'username'">
           <span
@@ -65,7 +65,7 @@
             v-clipboard="() => rows[props.row.originalIndex].username"
             v-clipboard:success="clipboardSuccess"
             v-clipboard:error="clipboardError"
-            >{{ props.row.username | truncate(30) }}</span
+            >{{ $filters.truncate(props.row.username, 30) }}</span
           >
           <span
             v-if="isDefault(props.row.id)"
@@ -92,20 +92,20 @@
             <icon
               name="close"
               class="inline-block w-6 h-6 text-red-300 fill-current cursor-pointer"
-              @click.native="usernameIdToEdit = usernameDescriptionToEdit = ''"
+              @click="usernameIdToEdit = usernameDescriptionToEdit = ''"
             />
             <icon
               name="save"
               class="inline-block w-6 h-6 text-cyan-500 fill-current cursor-pointer"
-              @click.native="editUsername(rows[props.row.originalIndex])"
+              @click="editUsername(rows[props.row.originalIndex])"
             />
           </div>
           <div v-else-if="props.row.description" class="flex items-centers">
-            <span class="outline-none">{{ props.row.description | truncate(60) }}</span>
+            <span class="outline-none">{{ $filters.truncate(props.row.description, 60) }}</span>
             <icon
               name="edit"
               class="inline-block w-6 h-6 text-grey-300 fill-current cursor-pointer ml-2"
-              @click.native="
+              @click="
                 ;(usernameIdToEdit = props.row.id),
                   (usernameDescriptionToEdit = props.row.description)
               "
@@ -115,24 +115,24 @@
             <icon
               name="plus"
               class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-              @click.native=";(usernameIdToEdit = props.row.id), (usernameDescriptionToEdit = '')"
+              @click=";(usernameIdToEdit = props.row.id), (usernameDescriptionToEdit = '')"
             />
           </div>
         </span>
         <span v-else-if="props.column.field === 'default_recipient'">
           <div v-if="props.row.default_recipient">
-            {{ props.row.default_recipient.email | truncate(30) }}
+            {{ $filters.truncate(props.row.default_recipient.email, 30) }}
             <icon
               name="edit"
               class="ml-2 inline-block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-              @click.native="openUsernameDefaultRecipientModal(props.row)"
+              @click="openUsernameDefaultRecipientModal(props.row)"
             />
           </div>
           <div class="flex justify-center" v-else>
             <icon
               name="plus"
               class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-              @click.native="openUsernameDefaultRecipientModal(props.row)"
+              @click="openUsernameDefaultRecipientModal(props.row)"
             />
           </div>
         </span>
@@ -158,7 +158,7 @@
             v-if="!isDefault(props.row.id)"
             name="trash"
             class="block w-6 h-6 text-grey-300 fill-current cursor-pointer"
-            @click.native="openDeleteModal(props.row.id)"
+            @click="openDeleteModal(props.row.id)"
           />
         </span>
       </template>
@@ -187,12 +187,8 @@
     </div>
 
     <Modal :open="addUsernameModalOpen" @close="addUsernameModalOpen = false">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Add new username
-        </h2>
+      <template v-slot:title> Add new username </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Please choose usernames carefully as you can only add a maximum of
           {{ usernameCount }}. You can login with any of your usernames.
@@ -225,25 +221,22 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="usernameDefaultRecipientModalOpen" @close="closeUsernameDefaultRecipientModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl px-6 py-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Update Default Recipient
-        </h2>
+      <template v-slot:title> Update Default Recipient </template>
+      <template v-slot:content>
         <p class="my-4 text-grey-700">
           Select the default recipient for this username. This overrides the default recipient in
           your account settings. Leave it empty if you would like to use the default recipient in
           your account settings.
         </p>
         <multiselect
-          v-model="defaultRecipient"
+          v-model="defaultRecipientId"
           :options="recipientOptions"
-          :multiple="false"
+          mode="single"
+          value-prop="id"
           :close-on-select="true"
           :clear-on-select="false"
           :searchable="false"
@@ -251,8 +244,6 @@
           placeholder="Select recipient"
           label="email"
           track-by="email"
-          :preselect-first="false"
-          :show-labels="false"
         >
         </multiselect>
         <div class="mt-6">
@@ -273,16 +264,12 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
 
     <Modal :open="deleteUsernameModalOpen" @close="closeDeleteModal">
-      <div class="max-w-lg w-full bg-white rounded-lg shadow-2xl p-6">
-        <h2
-          class="font-semibold text-grey-900 text-2xl leading-tight border-b-2 border-grey-100 pb-4"
-        >
-          Delete username
-        </h2>
+      <template v-slot:title> Delete username </template>
+      <template v-slot:content>
         <p class="mt-4 text-grey-700">
           Are you sure you want to delete this username? This will also delete all aliases
           associated with this username. You will no longer be able to receive any emails at this
@@ -307,7 +294,7 @@
             Cancel
           </button>
         </div>
-      </div>
+      </template>
     </Modal>
   </div>
 </template>
@@ -319,7 +306,7 @@ import { roundArrow } from 'tippy.js'
 import 'tippy.js/dist/svg-arrow.css'
 import 'tippy.js/dist/tippy.css'
 import tippy from 'tippy.js'
-import Multiselect from 'vue-multiselect'
+import Multiselect from '@vueform/multiselect'
 
 export default {
   props: {
@@ -358,7 +345,7 @@ export default {
       deleteUsernameModalOpen: false,
       usernameDefaultRecipientModalOpen: false,
       defaultRecipientUsernameToEdit: {},
-      defaultRecipient: {},
+      defaultRecipientId: null,
       editDefaultRecipientLoading: false,
       errors: {},
       columns: [
@@ -492,12 +479,12 @@ export default {
     openUsernameDefaultRecipientModal(username) {
       this.usernameDefaultRecipientModalOpen = true
       this.defaultRecipientUsernameToEdit = username
-      this.defaultRecipient = username.default_recipient
+      this.defaultRecipientId = username.default_recipient_id
     },
     closeUsernameDefaultRecipientModal() {
       this.usernameDefaultRecipientModalOpen = false
       this.defaultRecipientUsernameToEdit = {}
-      this.defaultRecipient = {}
+      this.defaultRecipientId = null
     },
     editUsername(username) {
       if (this.usernameDescriptionToEdit.length > 200) {
@@ -532,7 +519,7 @@ export default {
         .patch(
           `/api/v1/usernames/${this.defaultRecipientUsernameToEdit.id}/default-recipient`,
           JSON.stringify({
-            default_recipient: this.defaultRecipient ? this.defaultRecipient.id : '',
+            default_recipient: this.defaultRecipientId,
           }),
           {
             headers: { 'Content-Type': 'application/json' },
@@ -540,16 +527,21 @@ export default {
         )
         .then(response => {
           let username = _.find(this.rows, ['id', this.defaultRecipientUsernameToEdit.id])
-          username.default_recipient = this.defaultRecipient
+          username.default_recipient = _.find(this.recipientOptions, [
+            'id',
+            this.defaultRecipientId,
+          ])
+          username.default_recipient_id = this.defaultRecipientId
+
           this.usernameDefaultRecipientModalOpen = false
           this.editDefaultRecipientLoading = false
-          this.defaultRecipient = {}
+          this.defaultRecipientId = null
           this.success("Username's default recipient updated")
         })
         .catch(error => {
           this.usernameDefaultRecipientModalOpen = false
           this.editDefaultRecipientLoading = false
-          this.defaultRecipient = {}
+          this.defaultRecipientId = null
           this.error()
         })
     },
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 2735e16..2570f59 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -41,6 +41,11 @@
                                     {{ $errors->first('username') }}
                                 </p>
                             @endif
+                            @if ($errors->has('id'))
+                                <p class="text-red-500 text-xs italic mt-4">
+                                    {{ $errors->first('id') }}
+                                </p>
+                            @endif
                         </div>
 
                         <div class="flex flex-wrap mb-2">
diff --git a/resources/views/domains/index.blade.php b/resources/views/domains/index.blade.php
index 23b6ca8..0688f78 100644
--- a/resources/views/domains/index.blade.php
+++ b/resources/views/domains/index.blade.php
@@ -4,6 +4,6 @@
     <div class="container py-8">
         @include('shared.status')
 
-        <domains :initial-domains="{{json_encode($domains)}}" domain-name="{{config('anonaddy.domain')}}" hostname="{{config('anonaddy.hostname')}}" :recipient-options="{{ json_encode(Auth::user()->verifiedRecipients) }}" aa-verify="{{ sha1(config('anonaddy.secret') . Auth::user()->id . Auth::user()->domains->count()) }}" />
+        <domains :initial-domains="{{json_encode($domains)}}" domain-name="{{config('anonaddy.domain')}}" hostname="{{config('anonaddy.hostname')}}" :recipient-options="{{ json_encode(Auth::user()->verifiedRecipients()->select(['id', 'email'])->get()) }}" aa-verify="{{ sha1(config('anonaddy.secret') . Auth::user()->id . Auth::user()->domains->count()) }}" />
     </div>
 @endsection
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index c74f5b9..87aabec 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -27,7 +27,6 @@
 
         @yield('content')
 
-        <portal-target name="modals"></portal-target>
         <notifications position="bottom right" />
     </div>
 
diff --git a/resources/views/usernames/index.blade.php b/resources/views/usernames/index.blade.php
index ac585b3..2e6b34a 100644
--- a/resources/views/usernames/index.blade.php
+++ b/resources/views/usernames/index.blade.php
@@ -4,6 +4,6 @@
     <div class="container py-8">
         @include('shared.status')
 
-        <usernames :user="{{json_encode(Auth::user())}}" :initial-usernames="{{json_encode($usernames)}}" :username-count="{{config('anonaddy.additional_username_limit')}}" :recipient-options="{{ json_encode(Auth::user()->verifiedRecipients) }}" />
+        <usernames :user="{{json_encode(Auth::user())}}" :initial-usernames="{{json_encode($usernames)}}" :username-count="{{config('anonaddy.additional_username_limit')}}" :recipient-options="{{ json_encode(Auth::user()->verifiedRecipients()->select(['id', 'email'])->get()) }}" />
     </div>
 @endsection
\ No newline at end of file
diff --git a/routes/api.php b/routes/api.php
index dbbaa09..10f5556 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -8,6 +8,7 @@ use App\Http\Controllers\Api\ActiveUsernameController;
 use App\Http\Controllers\Api\AliasController;
 use App\Http\Controllers\Api\AliasRecipientController;
 use App\Http\Controllers\Api\AllowedRecipientController;
+use App\Http\Controllers\Api\ApiTokenDetailController;
 use App\Http\Controllers\Api\AppVersionController;
 use App\Http\Controllers\Api\CatchAllDomainController;
 use App\Http\Controllers\Api\CatchAllUsernameController;
@@ -156,4 +157,6 @@ Route::group([
     Route::get('/account-details', [AccountDetailController::class, 'index']);
 
     Route::get('/app-version', [AppVersionController::class, 'index']);
+
+    Route::get('api-token-details', [ApiTokenDetailController::class, 'show']);
 });
diff --git a/routes/web.php b/routes/web.php
index bba58fd..96123b7 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\AliasExportController;
+use App\Http\Controllers\Auth\ApiAuthenticationController;
 use App\Http\Controllers\Auth\BackupCodeController;
 use App\Http\Controllers\Auth\ForgotUsernameController;
 use App\Http\Controllers\Auth\PersonalAccessTokenController;
@@ -42,13 +43,16 @@ use Illuminate\Support\Facades\Route;
 
 Auth::routes(['verify' => true, 'register' => config('anonaddy.enable_registration')]);
 
+// Get API access token
+Route::post('api/auth/login', [ApiAuthenticationController::class, 'login']);
+Route::post('api/auth/mfa', [ApiAuthenticationController::class, 'mfa']);
 
 Route::controller(ForgotUsernameController::class)->group(function () {
     Route::get('/username/reminder', 'show')->name('username.reminder.show');
     Route::post('/username/email', 'sendReminderEmail')->name('username.email');
 });
 
-Route::post('/login/2fa', [TwoFactorAuthController::class, 'authenticateTwoFactor'])->name('login.2fa')->middleware(['2fa', 'throttle', 'auth']);
+Route::post('/login/2fa', [TwoFactorAuthController::class, 'authenticateTwoFactor'])->name('login.2fa')->middleware(['2fa', 'throttle:3,1', 'auth']);
 
 Route::controller(BackupCodeController::class)->group(function () {
     Route::get('/login/backup-code', 'index')->name('login.backup_code.index');
diff --git a/tests/Feature/Api/AliasesTest.php b/tests/Feature/Api/AliasesTest.php
index df42bc0..fe119dc 100644
--- a/tests/Feature/Api/AliasesTest.php
+++ b/tests/Feature/Api/AliasesTest.php
@@ -297,8 +297,6 @@ class AliasesTest extends TestCase
     /** @test */
     public function user_can_forget_alias()
     {
-        $this->withoutExceptionHandling();
-
         $alias = Alias::factory()->create([
             'user_id' => $this->user->id
         ]);
@@ -316,8 +314,6 @@ class AliasesTest extends TestCase
     /** @test */
     public function user_can_forget_shared_domain_alias()
     {
-        $this->withoutExceptionHandling();
-
         $sharedDomainAlias = Alias::factory()->create([
             'user_id' => $this->user->id,
             'domain' => 'anonaddy.me',
diff --git a/tests/Feature/Api/ApiTokenDetailsTest.php b/tests/Feature/Api/ApiTokenDetailsTest.php
new file mode 100644
index 0000000..7be53d1
--- /dev/null
+++ b/tests/Feature/Api/ApiTokenDetailsTest.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace Tests\Feature\Api;
+
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class ApiTokenDetailsTest extends TestCase
+{
+    use RefreshDatabase;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+    }
+
+    /** @test */
+    public function user_can_get_account_details()
+    {
+        $user = User::factory()->create();
+        $token = $user->createToken('New');
+
+        $response = $this->withHeaders([
+            'Authorization' => 'Bearer ' . $token->plainTextToken,
+        ])->json('GET', '/api/v1/api-token-details');
+
+        $response->assertSuccessful();
+
+        $this->assertEquals($token->accessToken->name, $response->json()['name']);
+        $this->assertEquals($token->accessToken->created_at, $response->json()['created_at']);
+        $this->assertEquals($token->accessToken->expires_at, $response->json()['expires_at']);
+    }
+}
diff --git a/tests/Feature/ApiAuthenticationTest.php b/tests/Feature/ApiAuthenticationTest.php
new file mode 100644
index 0000000..1816578
--- /dev/null
+++ b/tests/Feature/ApiAuthenticationTest.php
@@ -0,0 +1,178 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Routing\Middleware\ThrottleRequestsWithRedis;
+use Illuminate\Support\Facades\Hash;
+use Tests\TestCase;
+
+class ApiAuthenticationTest extends TestCase
+{
+    use RefreshDatabase;
+
+    protected $user;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->user = User::factory()->create([
+            'password' => Hash::make('mypassword')
+        ]);
+
+        $this->user->usernames()->save($this->user->defaultUsername);
+        $this->user->defaultUsername->username = 'johndoe';
+        $this->user->defaultUsername->save();
+    }
+
+    /** @test */
+    public function user_can_retreive_valid_access_token()
+    {
+        $this->withoutMiddleware(ThrottleRequestsWithRedis::class);
+
+        $response = $this->json('POST', '/api/auth/login', [
+            'username' => 'johndoe',
+            'password' => 'mypassword',
+            'device_name' => 'Firefox'
+        ]);
+
+        $response->assertSuccessful();
+        $this->assertEquals($this->user->tokens[0]->token, hash('sha256', $response->json()['api_key']));
+    }
+
+    /** @test */
+    public function user_password_must_be_correct_to_get_access_token()
+    {
+        $this->withoutMiddleware(ThrottleRequestsWithRedis::class);
+
+        $response = $this->json('POST', '/api/auth/login', [
+            'username' => 'johndoe',
+            'password' => 'myincorrectpassword',
+            'device_name' => 'Firefox'
+        ]);
+
+        $response->assertUnauthorized();
+    }
+
+    /** @test */
+    public function user_must_exist_to_get_access_token()
+    {
+        $this->withoutMiddleware(ThrottleRequestsWithRedis::class);
+
+        $response = $this->json('POST', '/api/auth/login', [
+            'username' => 'doesnotexist',
+            'password' => 'mypassword',
+            'device_name' => 'Firefox'
+        ]);
+
+        $response->assertUnauthorized();
+        $response->assertExactJson(['error' => 'The provided credentials are incorrect']);
+    }
+
+    /** @test */
+    public function user_is_throttled_by_middleware_for_too_many_requests()
+    {
+        $this->json('POST', '/api/auth/login', [
+            'username' => 'johndoe',
+            'password' => 'incorrect1',
+            'device_name' => 'Firefox'
+        ]);
+
+        $this->json('POST', '/api/auth/login', [
+            'username' => 'johndoe',
+            'password' => 'incorrect2',
+            'device_name' => 'Firefox'
+        ]);
+
+        $this->json('POST', '/api/auth/login', [
+            'username' => 'johndoe',
+            'password' => 'incorrect3',
+            'device_name' => 'Firefox'
+        ]);
+
+        $response = $this->json('POST', '/api/auth/login', [
+            'username' => 'johndoe',
+            'password' => 'incorrect4',
+            'device_name' => 'Firefox'
+        ]);
+
+        $response->assertStatus(429);
+    }
+
+    /** @test */
+    public function user_cannot_get_access_token_with_webauthn_enabled()
+    {
+        $this->withoutMiddleware(ThrottleRequestsWithRedis::class);
+
+        $this->user->webauthnKeys()->create([
+            'name' => 'key',
+            'enabled' => true,
+            'credentialId' => 'xyz',
+            'type' => 'public-key',
+            'transports' => [],
+            'attestationType' => 'none',
+            'trustPath' => '{"type":"Webauthn\\TrustPath\\EmptyTrustPath"}',
+            'aaguid' => '00000000-0000-0000-0000-000000000000',
+            'credentialPublicKey' => 'xyz',
+            'counter' => 0
+        ]);
+
+        $response = $this->json('POST', '/api/auth/login', [
+            'username' => 'johndoe',
+            'password' => 'mypassword',
+            'device_name' => 'Firefox'
+        ]);
+
+        $response->assertForbidden();
+        $response->assertExactJson(['error' => 'WebAuthn authentication is not currently supported from the extension or mobile apps, please use an API key to login instead']);
+    }
+
+    /** @test */
+    public function user_must_provide_correct_otp_if_enabled()
+    {
+        $this->withoutMiddleware(ThrottleRequestsWithRedis::class);
+
+        $secret = app('pragmarx.google2fa')->generateSecretKey();
+        $this->user->update([
+            'two_factor_secret' => $secret,
+            'two_factor_enabled' => true
+        ]);
+
+        $response = $this->json('POST', '/api/auth/login', [
+            'username' => 'johndoe',
+            'password' => 'mypassword',
+            'device_name' => 'Firefox'
+        ]);
+
+        $response->assertStatus(422);
+
+        $mfaKey = $response->json()['mfa_key'];
+        $csrfToken = $response->json()['csrf_token'];
+        $this->assertNotNull($mfaKey);
+        $this->assertNotNull($csrfToken);
+
+        $response2 = $this->withHeaders([
+            'X-CSRF-TOKEN' => $csrfToken,
+        ])->json('POST', '/api/auth/mfa', [
+            'mfa_key' => $mfaKey,
+            'otp' => '000000',
+            'device_name' => 'Firefox'
+        ]);
+
+        $response2->assertUnauthorized();
+        $response2->assertExactJson(['error' => 'The \'One Time Password\' typed was wrong']);
+
+        $response3 = $this->withHeaders([
+            'X-CSRF-TOKEN' => $csrfToken,
+        ])->json('POST', '/api/auth/mfa', [
+            'mfa_key' => $mfaKey,
+            'otp' => app('pragmarx.google2fa')->getCurrentOtp($secret),
+            'device_name' => 'Firefox'
+        ]);
+
+        $response3->assertSuccessful();
+        $this->assertEquals($this->user->tokens[0]->token, hash('sha256', $response3->json()['api_key']));
+    }
+}
diff --git a/tests/Feature/LoginTest.php b/tests/Feature/LoginTest.php
index d2c91df..6d92a88 100644
--- a/tests/Feature/LoginTest.php
+++ b/tests/Feature/LoginTest.php
@@ -99,6 +99,8 @@ class LoginTest extends TestCase
     /** @test */
     public function user_can_receive_username_reminder_email()
     {
+        $this->withoutMiddleware();
+
         Notification::fake();
 
         $recipient = $this->user->recipients[0];
@@ -116,6 +118,8 @@ class LoginTest extends TestCase
     /** @test */
     public function username_reminder_email_not_sent_for_unkown_email()
     {
+        $this->withoutMiddleware();
+
         Notification::fake();
 
         $this->post('/username/email', [
diff --git a/tests/Feature/ShowFailedDeliveriesTest.php b/tests/Feature/ShowFailedDeliveriesTest.php
index 9a1ed32..d581989 100644
--- a/tests/Feature/ShowFailedDeliveriesTest.php
+++ b/tests/Feature/ShowFailedDeliveriesTest.php
@@ -28,7 +28,6 @@ class ShowFailedDeliveriesTest extends TestCase
     /** @test */
     public function user_can_view_failed_deliveries_from_the_failed_deliveries_page()
     {
-        $this->withoutExceptionHandling();
         $failedDeliveries = FailedDelivery::factory()->count(3)->create([
             'user_id' => $this->user->id
         ]);
diff --git a/tests/Feature/ShowRecipientsTest.php b/tests/Feature/ShowRecipientsTest.php
index 3442c8d..20c9d86 100644
--- a/tests/Feature/ShowRecipientsTest.php
+++ b/tests/Feature/ShowRecipientsTest.php
@@ -32,7 +32,6 @@ class ShowRecipientsTest extends TestCase
     /** @test */
     public function user_can_view_recipients_from_the_recipients_page()
     {
-        $this->withoutExceptionHandling();
         $recipients = Recipient::factory()->count(5)->create([
             'user_id' => $this->user->id
         ]);