From 8ed5c729457e5f0f01e2eb025c6f3b7edb298318 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Fri, 16 Dec 2022 14:44:54 +0100
Subject: [PATCH] Refactor and redesign client

---
 .eslintrc.json                                |    6 +-
 client/.eslintrc.json                         |    6 +-
 client/.gitignore                             |    1 +
 client/package.json                           |   22 +-
 client/public/img/bottom-peertube-logo-v3.svg |   13 -
 client/public/img/peertube-logo.svg           |   42 -
 .../public}/img/sepia-search.svg              |    0
 client/src/components/ActorMiniature.vue      |   75 +-
 client/src/components/ChannelResult.vue       |  147 +-
 client/src/components/Filters.vue             |  458 ++++
 client/src/components/Footer.vue              |  184 +-
 client/src/components/Header.vue              |  109 +-
 .../components/InterfaceLanguageDropdown.vue  |    2 +-
 client/src/components/Pagination.vue          |   56 +-
 client/src/components/PlaylistResult.vue      |  251 +-
 client/src/components/SafeHTML.vue            |   50 +
 client/src/components/SearchInput.vue         |  142 ++
 client/src/components/SearchWarning.vue       |   50 +-
 client/src/components/SortButton.vue          |  104 +
 client/src/components/VideoResult.vue         |  191 +-
 client/src/components/icons/IconWarning.vue   |   12 +
 client/src/env.d.ts                           |   13 +-
 client/src/main.ts                            |   33 +-
 client/src/mixins/CommonMixins.ts             |    9 +
 client/src/models/search-url.model.ts         |    8 +-
 client/src/scss/_bootstrap-mixins.scss        |    7 +
 client/src/scss/_bootstrap-variables.scss     |   24 +
 client/src/scss/_mixins.scss                  |    8 +
 client/src/scss/_variables.scss               |   29 +-
 client/src/scss/bootstrap.scss                |   51 +
 client/src/scss/classes.scss                  |  301 +++
 client/src/scss/main.scss                     |  273 +--
 client/src/scss/progress.scss                 |   10 +-
 client/src/shared/html-parser.ts              |   40 +
 client/src/shared/search.ts                   |   42 +-
 client/src/shared/utils.ts                    |   46 +-
 client/src/views/Home.vue                     |  129 ++
 client/src/views/Search.vue                   | 1166 ++--------
 client/tsconfig.json                          |    2 +
 client/vite.config.ts                         |   13 +-
 client/yarn.lock                              | 2013 ++++++++---------
 config/test.yaml                              |    1 -
 package.json                                  |    1 +
 themes/framasoft/index.css                    |   37 -
 yarn.lock                                     |   35 +-
 45 files changed, 3029 insertions(+), 3183 deletions(-)
 delete mode 100644 client/public/img/bottom-peertube-logo-v3.svg
 delete mode 100644 client/public/img/peertube-logo.svg
 rename {themes/framasoft => client/public}/img/sepia-search.svg (100%)
 create mode 100644 client/src/components/Filters.vue
 create mode 100644 client/src/components/SafeHTML.vue
 create mode 100644 client/src/components/SearchInput.vue
 create mode 100644 client/src/components/SortButton.vue
 create mode 100644 client/src/components/icons/IconWarning.vue
 create mode 100644 client/src/mixins/CommonMixins.ts
 create mode 100644 client/src/scss/_bootstrap-mixins.scss
 create mode 100644 client/src/scss/_bootstrap-variables.scss
 create mode 100644 client/src/scss/_mixins.scss
 create mode 100644 client/src/scss/bootstrap.scss
 create mode 100644 client/src/scss/classes.scss
 create mode 100644 client/src/shared/html-parser.ts
 create mode 100644 client/src/views/Home.vue

diff --git a/.eslintrc.json b/.eslintrc.json
index 57ecfe4..100f593 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -42,7 +42,9 @@
       2,
       {
         "SwitchCase": 1,
-        "MemberExpression": "off"
+        "MemberExpression": "off",
+        // https://github.com/eslint/eslint/issues/15299
+        "ignoredNodes": ["PropertyDefinition"]
       }
     ],
     "@typescript-eslint/consistent-type-assertions": [
@@ -85,6 +87,8 @@
     "@typescript-eslint/no-namespace": "off",
     "@typescript-eslint/no-empty-interface": "off",
     "@typescript-eslint/no-extraneous-class": "off",
+    "@typescript-eslint/prefer-nullish-coalescing": "off",
+    "@typescript-eslint/consistent-indexed-object-style": "off",
     // bugged but useful
     "@typescript-eslint/restrict-plus-operands": "off"
   },
diff --git a/client/.eslintrc.json b/client/.eslintrc.json
index cefaa25..2a0eb10 100644
--- a/client/.eslintrc.json
+++ b/client/.eslintrc.json
@@ -12,7 +12,11 @@
   ],
   "rules": {
     "vue/multi-word-component-names": "off",
+    "vue/max-attributes-per-line": "off",
+    "vue/html-self-closing": "off",
+    "vue/singleline-html-element-content-newline": "off",
     "vue/require-default-prop": "off",
-    "@typescript-eslint/no-explicit-any": "off"
+    "vue/html-indent": "off",
+    "vue/multiline-html-element-content-newline": "off"
   }
 }
diff --git a/client/.gitignore b/client/.gitignore
index 57db099..d25625b 100644
--- a/client/.gitignore
+++ b/client/.gitignore
@@ -1,2 +1,3 @@
 src/locale/**/*~
 dist/
+stats.html
diff --git a/client/package.json b/client/package.json
index 45594de..44c8561 100644
--- a/client/package.json
+++ b/client/package.json
@@ -12,25 +12,29 @@
   },
   "dependencies": {},
   "devDependencies": {
+    "@babel/types": "^7.20.5",
+    "@popperjs/core": "^2.11.6",
     "@sipec/vue3-tags-input": "^3.0.4",
     "@types/axios": "^0.14.0",
     "@types/markdown-it": "^12.2.3",
     "@typescript-eslint/eslint-plugin": "^5.12.1",
     "@typescript-eslint/parser": "^5.12.1",
-    "@vitejs/plugin-vue": "^2.2.2",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "axios": "^0.26.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "axios": "^1.2.1",
+    "bootstrap": "^5.2.3",
     "eslint": "^8.9.0",
-    "eslint-plugin-vue": "^8.5.0",
-    "markdown-it": "^12.3.2",
+    "eslint-plugin-vue": "^9.8.0",
+    "markdown-it": "^13.0.1",
     "nprogress": "^0.2.0",
+    "rollup-plugin-visualizer": "^5.8.3",
     "sass": "^1.49.8",
-    "typescript": "~4.5.5",
-    "vite": "^2.8.4",
+    "typescript": "~4.9.4",
+    "vite": "^4.0.1",
     "vue": "^3.2.31",
     "vue-matomo": "^4.1.0",
     "vue-router": "^4.0.12",
-    "vue-tsc": "^0.31.4",
-    "vue3-gettext": "2.2.0-alpha.1"
+    "vue-tsc": "^1.0.13",
+    "vue3-gettext": "2.3.4"
   }
 }
diff --git a/client/public/img/bottom-peertube-logo-v3.svg b/client/public/img/bottom-peertube-logo-v3.svg
deleted file mode 100644
index c078291..0000000
--- a/client/public/img/bottom-peertube-logo-v3.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="520px" height="100px" viewBox="0 0 520 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Peertube_V3_logo Copy</title>
-    <g id="Peertube_V3_logo-Copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Group">
-            <path d="M102.165607,80.0076894 L107.52554,57.572536 L110.258054,57.572536 C115.162568,57.572536 119.646695,57.0561714 123.710435,56.0234421 C127.774175,54.9907128 131.277399,53.4060075 134.220107,51.2693262 C137.162816,49.132645 139.457427,46.4083764 141.103943,43.0965204 C142.750458,39.7846644 143.573716,35.8852211 143.573716,31.3981904 C143.573716,28.7629502 143.170845,26.3235724 142.365103,24.0800571 C141.559362,21.8365417 140.263169,19.8957229 138.476525,18.2576006 C136.68988,16.6194783 134.412785,15.3552752 131.645238,14.4649913 C128.877691,13.5747075 125.567144,13.1295656 121.713597,13.1295656 C119.471534,13.1295656 116.896664,13.2542053 113.988988,13.5034848 C111.081312,13.7527643 107.980959,14.1622948 104.687928,14.7320765 L104.687928,14.7320765 L89.2387097,80.0076894 L102.165607,80.0076894 Z M114.123582,47.2510573 L110.972712,47.2510573 L116.014104,24.3913387 C116.994375,24.2389406 117.799597,24.1436917 118.429772,24.1055922 C119.059946,24.0674927 119.865168,24.0484429 120.845439,24.0484429 C124.90656,24.0484429 127.672324,24.8866326 129.14273,26.563012 C130.613136,28.2393913 131.348339,30.5253632 131.348339,33.4209275 C131.348339,37.7642741 129.895438,41.1551323 126.989636,43.5935023 C124.083833,46.0318723 119.795149,47.2510573 114.123582,47.2510573 L114.123582,47.2510573 Z M163.12277,81.372549 C166.429061,81.372549 169.476036,81.0244269 172.263693,80.3281827 C175.05135,79.6319385 177.22313,78.8859626 178.779031,78.0902549 L178.779031,78.0902549 L178.00108,68.8401534 C176.898983,69.3706251 175.181009,69.9176741 172.847156,70.4813004 C170.513303,71.0449267 168.049792,71.3267398 165.456623,71.3267398 C163.252429,71.3267398 161.421003,71.1443901 159.962345,70.7796908 C158.503687,70.4149914 157.336761,69.9010969 156.461566,69.2380072 C155.586371,68.5749175 154.954286,67.7626326 154.565311,66.8011525 C154.176335,65.8396724 153.981847,64.7621516 153.981847,63.5685901 C158.455065,63.5685901 162.620343,63.2370452 166.477683,62.5739555 C170.335023,61.9108658 173.689936,60.8499223 176.542423,59.3911249 C179.394909,57.9323275 181.631518,56.0259446 183.252249,53.6719761 C184.87298,51.3180076 185.683345,48.4501445 185.683345,45.068387 C185.683345,41.0235397 184.257102,37.8738635 181.404616,35.6193585 C178.552129,33.3648534 174.889277,32.2376009 170.416059,32.2376009 C165.942842,32.2376009 161.972051,33.0664631 158.503687,34.7241874 C155.035323,36.3819117 152.085592,38.5701077 149.654496,41.2887756 C147.223399,44.0074434 145.375766,47.1736968 144.111596,50.7875358 C142.847426,54.4013747 142.215341,58.1312544 142.215341,61.9771748 C142.215341,64.8284606 142.604316,67.4310877 143.382267,69.7850562 C144.160218,72.1390247 145.391973,74.1780256 147.077533,75.9020588 C148.763094,77.6260921 150.934873,78.9688488 153.592872,79.9303289 C156.250871,80.891809 159.427503,81.372549 163.12277,81.372549 Z M153.082342,55.4402153 C154.127246,50.6838862 156.004807,47.2200377 158.715027,45.0486701 C161.425247,42.8773024 164.282406,41.7916186 167.286505,41.7916186 C169.2457,41.7916186 170.764076,42.2224455 171.841633,43.0840994 C172.91919,43.9457532 173.457969,45.1693016 173.457969,46.7547447 C173.457969,47.6508647 173.16409,48.615917 172.576331,49.6499016 C171.988573,50.6838862 170.943669,51.6317054 169.441619,52.4933592 C167.93957,53.355013 165.866089,54.0615692 163.221175,54.6130276 C160.576262,55.1644861 157.196651,55.4402153 153.082342,55.4402153 Z M209.307525,81.372549 C212.613816,81.372549 215.660791,81.0244269 218.448448,80.3281827 C221.236105,79.6319385 223.407885,78.8859626 224.963786,78.0902549 L224.963786,78.0902549 L224.185836,68.8401534 C223.083738,69.3706251 221.365764,69.9176741 219.031911,70.4813004 C216.698058,71.0449267 214.234547,71.3267398 211.641378,71.3267398 C209.437184,71.3267398 207.605758,71.1443901 206.1471,70.7796908 C204.688442,70.4149914 203.521516,69.9010969 202.646321,69.2380072 C201.771126,68.5749175 201.139041,67.7626326 200.750066,66.8011525 C200.36109,65.8396724 200.166602,64.7621516 200.166602,63.5685901 C204.63982,63.5685901 208.805099,63.2370452 212.662438,62.5739555 C216.519778,61.9108658 219.874691,60.8499223 222.727178,59.3911249 C225.579664,57.9323275 227.816273,56.0259446 229.437004,53.6719761 C231.057735,51.3180076 231.8681,48.4501445 231.8681,45.068387 C231.8681,41.0235397 230.441857,37.8738635 227.589371,35.6193585 C224.736884,33.3648534 221.074032,32.2376009 216.600815,32.2376009 C212.127597,32.2376009 208.156806,33.0664631 204.688442,34.7241874 C201.220078,36.3819117 198.270347,38.5701077 195.839251,41.2887756 C193.408154,44.0074434 191.560521,47.1736968 190.296351,50.7875358 C189.032181,54.4013747 188.400096,58.1312544 188.400096,61.9771748 C188.400096,64.8284606 188.789071,67.4310877 189.567022,69.7850562 C190.344973,72.1390247 191.576728,74.1780256 193.262289,75.9020588 C194.947849,77.6260921 197.119628,78.9688488 199.777627,79.9303289 C202.435626,80.891809 205.612259,81.372549 209.307525,81.372549 Z M200.625472,55.4402153 C201.670376,50.6838862 203.547938,47.2200377 206.258157,45.0486701 C208.968377,42.8773024 211.825536,41.7916186 214.829635,41.7916186 C216.78883,41.7916186 218.307206,42.2224455 219.384763,43.0840994 C220.462321,43.9457532 221.001099,45.1693016 221.001099,46.7547447 C221.001099,47.6508647 220.70722,48.615917 220.119461,49.6499016 C219.531703,50.6838862 218.486799,51.6317054 216.98475,52.4933592 C215.4827,53.355013 213.409219,54.0615692 210.764306,54.6130276 C208.119393,55.1644861 204.739781,55.4402153 200.625472,55.4402153 Z M246.775247,80.0076894 L255.001287,45.3020719 C256.520958,44.770185 258.189291,44.3878913 260.006288,44.1551908 C261.823285,43.9224903 263.590727,43.8061401 265.308615,43.8061401 C267.819374,43.8061401 269.933698,43.9391118 271.651585,44.2050552 C273.369473,44.4709987 274.856107,44.8366709 276.111487,45.3020719 L276.111487,45.3020719 L280.769606,34.0327191 C278.787427,33.5008322 276.623549,33.0686741 274.277972,32.7362449 C271.932394,32.4038156 268.909572,32.2376009 265.209506,32.2376009 C262.038021,32.2376009 258.651799,32.5866517 255.050842,33.2847532 C251.449885,33.9828547 248.0967,34.9635211 244.991287,36.2267524 L244.991287,36.2267524 L234.584851,80.0076894 L246.775247,80.0076894 Z M303.887422,80.0076894 L303.887422,23.1197106 L324.237611,23.1197106 L324.237611,13.1295656 L271.26098,13.1295656 L271.26098,23.1197106 L291.611168,23.1197106 L291.611168,80.0076894 L303.887422,80.0076894 Z M338.645706,81.372549 C342.322996,81.372549 345.726102,81.0746067 348.855024,80.478722 C351.983946,79.8828373 354.645143,79.2869526 356.838614,78.691068 L356.838614,78.691068 L356.838614,33.6024606 L344.839036,33.6024606 L344.839036,70.2493683 C343.032648,70.5804154 341.22626,70.7459389 339.419872,70.7459389 C336.516748,70.7459389 334.565204,69.7031407 333.565239,67.6175443 C332.565275,65.531948 332.065292,62.337344 332.065292,58.0337324 L332.065292,58.0337324 L332.065292,33.6024606 L320.162485,33.6024606 L320.162485,59.6227582 C320.162485,62.8008099 320.420541,65.7140238 320.936651,68.3624002 C321.452762,71.0107765 322.404342,73.3115535 323.79139,75.2647311 C325.178438,77.2179086 327.065468,78.7241727 329.452481,79.7835232 C331.839494,80.8428737 334.903902,81.372549 338.645706,81.372549 Z M384.525496,81.372549 C388.121195,81.372549 391.317372,80.7965976 394.114026,79.6446948 C396.910681,78.4927919 399.27452,76.8636722 401.205544,74.7573356 C403.136567,72.6509989 404.601481,70.1003569 405.600287,67.1054095 C406.599092,64.1104622 407.098495,60.7699439 407.098495,57.0838548 C407.098495,53.4635887 406.698973,50.1724378 405.899928,47.2104019 C405.100884,44.248366 403.918965,41.697724 402.35417,39.5584759 C400.789375,37.4192277 398.841705,35.7736523 396.511159,34.6217494 C394.180613,33.4698466 391.483839,32.8938951 388.420836,32.8938951 C386.822748,32.8938951 385.224659,33.0419969 383.626571,33.3382005 C382.028483,33.6344041 380.363807,34.177444 378.632545,34.9673203 L378.632545,34.9673203 L378.632545,11.7647059 L366.34724,13.838131 L366.34724,78.9041858 C368.611199,79.628239 371.407853,80.2206462 374.737204,80.6814073 C378.066555,81.1421685 381.329319,81.372549 384.525496,81.372549 Z M384.277792,70.4536717 C383.530686,70.4536717 382.630762,70.4210585 381.578022,70.3558323 C380.525281,70.290606 379.523479,70.1601535 378.572616,69.9644747 L378.572616,69.9644747 L378.572616,45.0154269 C379.523479,44.4936168 380.661118,44.0533395 381.985534,43.694595 C383.30995,43.3358505 384.651345,43.1564783 386.00972,43.1564783 C388.998146,43.1564783 391.222485,44.297938 392.682738,46.5808574 C394.142992,48.8637768 394.873118,52.1577033 394.873118,56.4626371 C394.873118,61.550286 393.922256,65.1540373 392.02053,67.2738911 C390.118805,69.3937448 387.537892,70.4536717 384.277792,70.4536717 Z M438.923284,81.372549 C441.834088,81.372549 444.453811,81.123386 446.782454,80.62506 C449.111097,80.1267339 451.310372,79.5121318 453.380276,78.7812536 L453.380276,78.7812536 L451.730821,68.3164066 C450.243077,68.8479544 448.415739,69.3795022 446.248807,69.91105 C444.081875,70.4425978 441.801745,70.7083716 439.408418,70.7083716 C435.527346,70.7083716 432.357804,69.8279956 429.899792,68.0672436 C427.44178,66.3064916 426.212774,63.8979157 426.212774,60.8415159 L426.212774,60.8415159 L455.805946,60.8415159 C455.870631,60.3099682 455.919144,59.6123117 455.951487,58.7485465 C455.983829,57.8847814 456,57.054238 456,56.2569163 C456,48.4165865 454.253518,42.4532849 450.760553,38.3670113 C447.267588,34.2807377 442.15751,32.2376009 435.430319,32.2376009 C432.713569,32.2376009 430.061503,32.7691487 427.474122,33.8322443 C424.886741,34.8953398 422.59044,36.4733723 420.585219,38.5663417 C418.579999,40.6593111 416.962886,43.2672174 415.73388,46.3900606 C414.504873,49.5129038 413.89037,53.1340731 413.89037,57.2535684 C413.89037,61.2401768 414.472531,64.7284591 415.636853,67.7184154 C416.801174,70.7083716 418.466801,73.2166127 420.633733,75.2431387 C422.800665,77.2696646 425.420388,78.7978645 428.492903,79.8277383 C431.565418,80.8576121 435.042212,81.372549 438.923284,81.372549 Z M445.132999,52.710496 L426.115747,52.710496 C426.250621,51.4880964 426.537228,50.2978652 426.975569,49.1398025 C427.41391,47.9817397 428.020844,46.9523506 428.79637,46.0516352 C429.571896,45.1509197 430.549734,44.4432147 431.729882,43.9285201 C432.910031,43.4138256 434.30935,43.1564783 435.92784,43.1564783 C437.613766,43.1564783 439.029944,43.4299098 440.176375,43.9767727 C441.322805,44.5236357 442.266924,45.2474249 443.008731,46.1481404 C443.750539,47.0488559 444.290036,48.0621608 444.627221,49.1880551 C444.964406,50.3139494 445.132999,51.4880964 445.132999,52.710496 L445.132999,52.710496 Z" id="PeerTube" fill="#000000" fill-rule="nonzero"></path>
-            <polygon id="Triangle" fill="#000000" transform="translate(19.000000, 25.000000) rotate(90.000000) translate(-19.000000, -25.000000) " points="19 6 44 44 -6 44"></polygon>
-            <polygon id="Triangle-Copy" fill="#737373" transform="translate(19.000000, 75.000000) rotate(90.000000) translate(-19.000000, -75.000000) " points="19 56 44 94 -6 94"></polygon>
-            <polygon id="Triangle-Copy-2" fill="#F1680D" transform="translate(57.000000, 50.000000) rotate(90.000000) translate(-57.000000, -50.000000) " points="57 31 82 69 32 69"></polygon>
-        </g>
-        <path d="M482.998907,45.3560372 C484.071403,44.1011352 485.236066,42.5820433 486.492896,40.7987616 C487.749727,39.0154799 488.9898,37.0918473 490.213115,35.0278638 C491.43643,32.9638803 492.601093,30.8173375 493.707104,28.5882353 C494.813115,26.3591331 495.768306,24.1878225 496.572678,22.0743034 L496.572678,22.0743034 L489.936612,22.0743034 C489.567942,23.2961816 489.065209,24.6501548 488.428415,26.1362229 C487.791621,27.622291 487.096175,29.1166151 486.342077,30.619195 C485.587978,32.121775 484.808743,33.5583075 484.004372,34.9287926 C483.2,36.2992776 482.445902,37.4798762 481.742077,38.4705882 C481.574499,37.2817337 481.415301,35.9772962 481.264481,34.5572755 C481.113661,33.1372549 480.979599,31.7089783 480.862295,30.2724458 C480.744991,28.8359133 480.652823,27.4076367 480.585792,25.9876161 C480.518761,24.5675955 480.468488,23.2631579 480.434973,22.0743034 L480.434973,22.0743034 L474,22.0743034 C474.268124,26.7636739 474.712204,31.0650155 475.33224,34.9783282 C475.952277,38.8916409 476.647723,42.3508772 477.418579,45.3560372 L477.418579,45.3560372 L482.998907,45.3560372 Z M504.314754,46 C506.7949,46 508.897996,45.7027864 510.624044,45.1083591 C512.350091,44.5139319 513.749362,43.7296182 514.821858,42.755418 C515.894353,41.7812178 516.665209,40.6914345 517.134426,39.4860681 C517.603643,38.2807018 517.838251,37.0670795 517.838251,35.8452012 C517.838251,34.4582043 517.469581,33.1785346 516.73224,32.006192 C515.9949,30.8338493 514.855373,29.9009288 513.313661,29.2074303 C515.62623,28.3157895 517.318761,27.1434469 518.391257,25.6904025 C519.463752,24.2373581 520,22.6026832 520,20.7863777 C520,19.630547 519.765392,18.6315789 519.296175,17.7894737 C518.826958,16.9473684 518.181785,16.245614 517.360656,15.6842105 C516.539526,15.122807 515.584335,14.7017544 514.495082,14.4210526 C513.405829,14.1403509 512.241166,14 511.001093,14 C509.660474,14 508.210929,14.2146543 506.652459,14.6439628 C505.093989,15.0732714 503.610929,15.6511868 502.203279,16.377709 L502.203279,16.377709 L503.761749,20.8359133 C504.834244,20.2414861 505.90674,19.7874097 506.979235,19.4736842 C508.05173,19.1599587 509.023679,19.003096 509.895082,19.003096 C511.068124,19.003096 512.031694,19.2672859 512.785792,19.7956656 C513.539891,20.3240454 513.91694,21.0835913 513.91694,22.0743034 C513.91694,22.998968 513.707468,23.7667699 513.288525,24.377709 C512.869581,24.9886481 512.333333,25.4840041 511.679781,25.8637771 C511.02623,26.2435501 510.322404,26.5077399 509.568306,26.6563467 C508.814208,26.8049536 508.102004,26.879257 507.431694,26.879257 L507.431694,26.879257 L504.86776,26.879257 L503.610929,31.6842105 L505.672131,31.6842105 C507.548998,31.6842105 509.015301,31.997936 510.071038,32.625387 C511.126776,33.252838 511.654645,34.2435501 511.654645,35.5975232 C511.654645,36.621259 511.461931,37.4798762 511.076503,38.1733746 C510.691075,38.8668731 510.179964,39.4282766 509.543169,39.8575851 C508.906375,40.2868937 508.169035,40.5923633 507.331148,40.7739938 C506.49326,40.9556244 505.6051,41.0464396 504.666667,41.0464396 C503.326047,41.0464396 502.018944,40.8648091 500.745355,40.501548 C499.471767,40.1382869 498.365756,39.6759546 497.427322,39.1145511 L497.427322,39.1145511 L495.315847,43.869969 C496.689982,44.629515 498.122769,45.1744066 499.614208,45.504644 C501.105647,45.8348813 502.672495,46 504.314754,46 Z" id="v3" fill="#F1680D" fill-rule="nonzero"></path>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/client/public/img/peertube-logo.svg b/client/public/img/peertube-logo.svg
deleted file mode 100644
index 59452dc..0000000
--- a/client/public/img/peertube-logo.svg
+++ /dev/null
@@ -1,42 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="2799 -911 16 22" version="1.1" id="svg13" sodipodi:docname="logo.svg" width="16" height="22" inkscape:version="0.92.2 5c3e80d, 2017-08-06">
-  <metadata id="metadata17">
-    <rdf:RDF>
-      <cc:Work rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
-        <dc:title/>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1916" inkscape:window-height="1040" id="namedview15" showgrid="false" inkscape:zoom="29.790476" inkscape:cx="-1.1827326" inkscape:cy="12.088" inkscape:window-x="0" inkscape:window-y="18" inkscape:window-maximized="0" inkscape:current-layer="svg13"/>
-  <defs id="defs4">
-    <style id="style2">
-      .cls-3 {
-        fill: #211f20;
-      }
-
-      .cls-4 {
-        fill: #737373;
-      }
-
-      .cls-5 {
-        fill: #f1680d;
-      }
-
-      .cls-6 {
-        fill: rgba(255, 255, 255, 0);
-      }
-    </style>
-  </defs>
-  <g id="Artboard_1" data-name="Artboard – 1" class="cls-1" transform="translate(0.03356777,-1.9929667)">
-    <g id="Symbol_3_1" data-name="Symbol 3 – 1" transform="translate(2759,-975)">
-      <g id="Group_44" data-name="Group 44" transform="translate(0,2.333)">
-        <path id="Path_4" data-name="Path 4" class="cls-3" d="m -949,-500 v 10.667 l 8,-5.333" transform="translate(989,564)" inkscape:connector-curvature="0" style="fill:#211f20"/>
-        <path id="Path_5" data-name="Path 5" class="cls-4" d="m -949,-500 v 10.667 l 8,-5.333" transform="translate(989,574.667)" inkscape:connector-curvature="0" style="fill:#737373"/>
-        <path id="Path_6" data-name="Path 6" class="cls-5" d="m -949,-500 v 10.667 l 8,-5.333" transform="translate(997,569.333)" inkscape:connector-curvature="0" style="fill:#f1680d"/>
-        <path id="Path_7" data-name="Path 7" class="cls-6" d="M 0,0 V 10.667 L 8,5.333 Z" transform="rotate(180,24,40)" inkscape:connector-curvature="0" style="fill:rgba(255,255,255,0)"/>
-      </g>
-    </g>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/themes/framasoft/img/sepia-search.svg b/client/public/img/sepia-search.svg
similarity index 100%
rename from themes/framasoft/img/sepia-search.svg
rename to client/public/img/sepia-search.svg
diff --git a/client/src/components/ActorMiniature.vue b/client/src/components/ActorMiniature.vue
index 50d8245..15a47a3 100644
--- a/client/src/components/ActorMiniature.vue
+++ b/client/src/components/ActorMiniature.vue
@@ -1,34 +1,20 @@
 <template>
-  <a
-    :href="actor.url"
-    rel="nofollow noreferrer noopener"
-    target="_blank"
-    class="actor"
-    :title="linkTitle"
-  >
-    <img
-      v-if="avatarUrl && !avatarError"
-      :src="avatarUrl"
-      alt=""
-      :class="{ account: isAccount }"
-      @error="setAvatarError()"
-    >
+  <span class="actor">
+    <img v-if="avatarUrl && !avatarError" :src="avatarUrl" alt="" :class="{ account: isAccount }" @error="setAvatarError()" />
 
-    <strong>{{ actor.displayName }}</strong>
-
-    <span class="actor-handle">
-      {{ actor.name }}@{{ actor.host }}
-    </span>
-  </a>
+    <a
+      :href="actor.url" :title="linkTitle"
+      class="peertube-link wrap-text" rel="nofollow noreferrer noopener" target="_blank"
+    >{{ actor.displayName }}</a>
+  </span>
 </template>
 
 <script lang="ts">
-  import { defineComponent, PropType } from 'vue'
-  import { AccountSummary, VideoChannelSummary } from '../../../PeerTube/shared/models'
+  import { defineComponent } from 'vue'
 
   export default defineComponent({
     props: {
-      actor: Object as PropType<AccountSummary | VideoChannelSummary>,
+      actor: Object,
       type: String
     },
 
@@ -39,7 +25,7 @@
     },
 
     computed: {
-      avatarUrl (): string {
+      avatarUrl () {
         const avatars = this.actor.avatars
         if (avatars.length === 0) return ''
 
@@ -53,13 +39,13 @@
         return avatars[0].url
       },
 
-      linkTitle (): string {
+      linkTitle () {
         if (this.type === 'channel') return this.$gettext('Go on this channel page')
 
         return this.$gettext('Go on this account page')
       },
 
-      isAccount (): boolean {
+      isAccount () {
         return this.type === 'account'
       }
     },
@@ -72,49 +58,24 @@
   })
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import '../scss/_variables';
 
   .actor {
-    font-size: inherit;
-    color: #000;
-    text-decoration: none;
-    display: flex;
-    flex-wrap: wrap;
-
-    &:hover {
-      text-decoration: underline;
-    }
+    $size: 20px;
 
     img {
       object-fit: cover;
-      width: 20px;
-      height: 20px;
-      min-width: 20px;
-      min-height: 20px;
+      width: $size;
+      height: $size;
+      min-width: $size;
+      min-height: $size;
       margin-right: 5px;
 
       &.account {
         border-radius: 50%;
       }
     }
-
-    .actor-handle {
-      color: $grey;
-      margin: 0 5px;
-    }
-
-    strong,
-    .actor-handle {
-      vertical-align: super;
-    }
-
-    @media screen and (max-width: $small-view) {
-      .actor-handle {
-        display: block;
-        margin: 0 0 10px 0;
-      }
-    }
   }
 
 </style>
diff --git a/client/src/components/ChannelResult.vue b/client/src/components/ChannelResult.vue
index 06538e6..11df3ee 100644
--- a/client/src/components/ChannelResult.vue
+++ b/client/src/components/ChannelResult.vue
@@ -1,55 +1,42 @@
 <template>
-  <div class="channel root-result">
-    <a
-      target="_blank"
-      rel="nofollow noreferrer noopener"
-      :href="channel.url"
-      :title="discoverChannelMessage"
-      class="avatar"
-    >
-      <img
-        v-if="channel.avatar"
-        :src="channel.avatar.url"
-        alt=""
-      >
-      <img
-        v-else
-        src="/img/default-avatar.png"
-        alt=""
-      >
+  <div class="channel search-card-result">
+
+    <a class="image-container" target="_blank" rel="nofollow noreferrer noopener" :href="channel.url" :title="discoverChannelMessage">
+      <img v-if="hasAvatar()" :src="getAvatarUrl()" alt="" />
+      <img v-else src="/img/default-avatar.png" alt="" />
     </a>
 
-    <div class="information">
-      <div class="title-block">
-        <h5 class="title">
-          <a
-            target="_blank"
-            rel="nofollow noreferrer noopener"
-            :href="channel.url"
-            :title="discoverChannelMessage"
-          >
+    <div class="flex-grow-1">
+      <h4>
+        <strong>
+          <a target="_blank" rel="nofollow noreferrer noopener" class="wrap-text" :href="channel.url" :title="discoverChannelMessage">
             {{ channel.displayName }}
           </a>
-        </h5>
+        </strong>
+      </h4>
 
-        <span class="handle">{{ channel.name }}@{{ channel.host }}</span>
-      </div>
+      <div class="small-separator"></div>
 
-      <div class="additional-information">
-        <div class="followers-count">
-          {{ followersCountMessage }}
+      <!-- eslint-disable vue/no-v-html -->
+      <div
+        class="description wrap-text mb-3"
+        v-html="descriptionHTML"
+      ></div>
+      <!-- eslint-enable -->
+
+      <div class="metadata">
+        <div>
+          <label>{{ $gettext('Channel created on platform') }}</label>
+
+          <a class="peertube-link" target="_blank" rel="nofollow noreferrer noopener" :href="platformUrl">{{ host }}</a>
         </div>
       </div>
 
-      <div class="description">
-        {{ channel.description }}
-      </div>
-
-      <div class="button">
+      <div class="button-link-container">
         <a
-          class="button-link"
-          rel="nofollow noreferrer noopener"
+          class="peertube-button peertube-primary-button peertube-button-link"
           target="_blank"
+          rel="nofollow noreferrer noopener"
           :href="channel.url"
         >
           {{ discoverChannelMessage }}
@@ -60,51 +47,89 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, PropType } from 'vue'
-  import { VideoChannel } from '../../../PeerTube/shared/models'
+  import { defineComponent } from 'vue'
 
   export default defineComponent({
     props: {
-      channel: Object as PropType<VideoChannel>
+      channel: Object
+    },
+
+    data () {
+      return {
+        descriptionHTML: ''
+      }
     },
 
     computed: {
-      host (): string {
+      host () {
         const url = this.channel.url
 
-        return new URL(url as string).host
+        return new URL(url).host
       },
 
-      discoverChannelMessage (): string {
-        return this.$gettextInterpolate(this.$gettext('Discover this channel on %{host}'), { host: this.host })
+      platformUrl () {
+        const url = this.channel.url
+
+        const parsed = new URL(url)
+
+        return parsed.protocol + '//' + parsed.host
       },
 
-      followersCountMessage (): string {
-        const translated = this.$ngettext('%{ n } follower', '%{ n } followers', this.channel.followersCount)
+      discoverChannelMessage () {
+        return this.$gettext('Discover this channel on %{host}', { host: this.host })
+      }
+    },
 
-        return this.$gettextInterpolate(translated, { n: this.channel.followersCount })
+    mounted () {
+      this.lazyRenderMarkdown(this.channel.description)
+        .then(html => this.descriptionHTML = html)
+    },
+
+    methods: {
+      hasAvatar () {
+        if (this.channel.avatar) return true
+
+        if (!Array.isArray(this.channel.avatars)) return false
+
+        return this.channel.avatars.length !== 0
+      },
+
+      getAvatarUrl () {
+        if (!Array.isArray(this.channel.avatars)) {
+          if (!this.channel.avatar) return ''
+
+          return this.channel.avatar.url
+        }
+
+        if (this.channel.avatar.length === 0) return ''
+
+        const biggestAvatar = [ ...this.channel.avatars ].sort((a1, a2) => {
+          if (a1.width < a2.width) return 1
+          if (a1.width === a2.width) return 0
+          return -1
+        })[0]
+
+        return biggestAvatar.url
       }
     }
   })
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import '../scss/_variables';
 
   .channel {
-    .avatar {
-      width: $thumbnail-width;
-      min-width: $thumbnail-width;
-      margin-right: 20px;
-      display: flex;
-      justify-content: center;
+    $size: 140px;
 
+    .image-container {
       img {
         object-fit: cover;
-        width: 110px;
-        height: 110px;
-        min-width: 110px;
-        min-height: 110px;
+        max-width: $size;
+        max-height: $size;
+        min-width: $size;
+        min-height: $size;
+        box-shadow: 4px 4px 0 0 $beige-700;
+        border-radius: 5px;
       }
     }
   }
diff --git a/client/src/components/Filters.vue b/client/src/components/Filters.vue
new file mode 100644
index 0000000..826d76a
--- /dev/null
+++ b/client/src/components/Filters.vue
@@ -0,0 +1,458 @@
+<template>
+  <div class="filters-content">
+    <div class="form-group small-height">
+      <div class="radio-label label-container">
+        <label>{{ $gettext('Display sensitive content') }}</label>
+
+        <button v-if="formNSFW !== undefined" class="reset-button" @click="resetField('nsfw')">
+          {{ $gettext('Reset') }}
+        </button>
+      </div>
+
+      <div class="peertube-radio-container">
+        <input id="sensitiveContentYes" v-model="formNSFW" type="radio" name="sensitiveContent" value="both">
+        <label for="sensitiveContentYes" class="radio">{{ $gettext('Yes') }}</label>
+      </div>
+
+      <div class="peertube-radio-container">
+        <input id="sensitiveContentNo" v-model="formNSFW" type="radio" name="sensitiveContent" value="false">
+        <label for="sensitiveContentNo" class="radio">{{ $gettext('No') }}</label>
+      </div>
+    </div>
+
+    <div class="form-group small-height">
+      <div class="radio-label label-container">
+        <label>{{ $gettext('Display only') }}</label>
+
+        <button v-if="formIsLive !== undefined" class="reset-button" @click="resetField('isLive')">{{ $gettext('Reset') }}</button>
+      </div>
+
+      <div class="peertube-radio-container">
+        <input id="isLiveYes" v-model="formIsLive" type="radio" name="isLive" value="both">
+        <label for="isLiveYes" class="radio">{{ $gettext('Live videos') }}</label>
+      </div>
+
+      <div class="peertube-radio-container">
+        <input id="isLiveNo" v-model="formIsLive" type="radio" name="isLive" value="false">
+        <label for="isLiveNo" class="radio">{{ $gettext('VOD videos') }}</label>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <div class="radio-label label-container">
+        <label>{{ $gettext('Published date') }}</label>
+
+        <button v-if="formPublishedDateRange !== undefined" class="reset-button" @click="resetField('publishedDateRange')">
+          {{ $gettext('Reset') }}
+        </button>
+      </div>
+
+      <div v-for="date in publishedDateRanges" :key="date.id" class="peertube-radio-container">
+        <input :id="date.id" v-model="formPublishedDateRange" type="radio" name="publishedDateRange" :value="date.id">
+        <label :for="date.id" class="radio">{{ date.label }}</label>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <div class="radio-label label-container">
+        <label>{{ $gettext('Duration') }}</label>
+        <button v-if="formDurationRange !== undefined" class="reset-button" @click="resetField('durationRange')">
+          {{ $gettext('Reset') }}
+        </button>
+      </div>
+
+      <div v-for="duration in durationRanges" :key="duration.id" class="peertube-radio-container">
+        <input :id="duration.id" v-model="formDurationRange" type="radio" name="durationRange" :value="duration.id">
+        <label :for="duration.id" class="radio">{{ duration.label }}</label>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <label for="category">{{ $gettext('Category') }}</label>
+      <button v-if="formCategoryOneOf !== undefined" class="reset-button" @click="resetField('categoryOneOf')">
+        {{ $gettext('Reset') }}
+      </button>
+
+      <div class="select-container">
+        <select id="category" v-model="formCategoryOneOf" name="category">
+          <option :value="undefined">
+            {{ $gettext('Display all categories') }}
+          </option>
+
+          <option v-for="category in videoCategories" :key="category.id" :value="category.id">
+            {{ category.label }}
+          </option>
+        </select>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <label for="licence">{{ $gettext('Licence') }}</label>
+      <button v-if="formLicenceOneOf !== undefined" class="reset-button" @click="resetField('licenceOneOf')">
+        {{ $gettext('Reset') }}
+      </button>
+
+      <div class="select-container">
+        <select id="licence" v-model="formLicenceOneOf" name="licence">
+          <option :value="undefined">
+            {{ $gettext('Display all licenses') }}
+          </option>
+
+          <option v-for="licence in videoLicences" :key="licence.id" :value="licence.id">
+            {{ licence.label }}
+          </option>
+        </select>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <label for="language">{{ $gettext('Language') }}</label>
+      <button v-if="formLanguageOneOf !== undefined" class="reset-button" @click="resetField('languageOneOf')">
+        {{ $gettext('Reset') }}
+      </button>
+
+      <div class="select-container">
+        <select id="language" v-model="formLanguageOneOf" name="language">
+          <option :value="undefined">
+            {{ $gettext('Display all languages') }}
+          </option>
+
+          <option v-for="language in videoLanguages" :key="language.id" :value="language.id">
+            {{ language.label }}
+          </option>
+        </select>
+      </div>
+    </div>
+
+    <div class="form-group">
+      <label for="host">{{ $gettext('PeerTube instance') }}</label>
+
+      <input id="host" v-model="formHost" type="text" name="host" class="classic-input-text" />
+    </div>
+
+    <div class="form-group">
+      <label for="tagsAllOf">{{ $gettext('All of these tags') }}</label>
+      <button v-if="formTagsAllOf.length !== 0" class="reset-button" @click="resetField('tagsAllOf')">
+        {{ $gettext('Reset') }}
+      </button>
+
+      <vue-tags-input
+        v-model="formTagAllOf" :placeholder="tagsPlaceholder" :tags="formTagsAllOf"
+        @tags-changed="newTags => formTagsAllOf = newTags"
+      />
+    </div>
+
+    <div class="form-group">
+      <label for="tagsOneOf">{{ $gettext('One of these tags') }}</label>
+      <button v-if="formTagsOneOf.length !== 0" class="reset-button" @click="resetField('tagsOneOf')">
+        {{ $gettext('Reset') }}
+      </button>
+
+      <vue-tags-input
+        v-model="formTagOneOf" :placeholder="tagsPlaceholder" :tags="formTagsOneOf"
+        @tags-changed="newTags => formTagsOneOf = newTags"
+      />
+    </div>
+
+    <div class="button-block mt-3">
+      <router-link class="peertube-button peertube-button-link peertube-primary-button" :to="{ path: '/search', query: { ...getUrlQuery() } }">
+        {{ applyFiltersLabel }}
+      </router-link>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'vue'
+  import VueTagsInput from '@sipec/vue3-tags-input'
+  import { SearchUrl } from '@/models/search-url.model'
+  import { extractTagsFromQuery } from '@/shared/utils'
+
+  export default defineComponent({
+    components: {
+      'vue-tags-input': VueTagsInput,
+    },
+
+    data () {
+      return {
+        formNSFW: undefined,
+        formHost: '',
+        formPublishedDateRange: undefined,
+        formDurationRange: undefined,
+        formCategoryOneOf: undefined,
+        formLicenceOneOf: undefined,
+        formLanguageOneOf: undefined,
+
+        formTagAllOf: '',
+        formTagOneOf: '',
+        formTagsAllOf: [],
+        formTagsOneOf: [],
+
+        formIsLive: undefined,
+
+        activeFilters: 0
+      }
+    },
+
+    computed: {
+      applyFiltersLabel (): string {
+        return this.$gettext('Apply filters')
+      },
+
+      inputPlaceholder (): string {
+        return this.$gettext('Keyword, channel, video, playlist, etc.')
+      },
+
+      tagsPlaceholder (): string {
+        return this.$gettext('Add tag')
+      },
+
+      publishedDateRanges (): { id: string, label: string }[] {
+        return [
+          {
+            id: 'any_published_date',
+            label: this.$gettext('Any')
+          },
+          {
+            id: 'today',
+            label: this.$gettext('Today')
+          },
+          {
+            id: 'last_7days',
+            label: this.$gettext('Last 7 days')
+          },
+          {
+            id: 'last_30days',
+            label: this.$gettext('Last 30 days')
+          },
+          {
+            id: 'last_365days',
+            label: this.$gettext('Last 365 days')
+          }
+        ]
+      },
+
+      durationRanges (): { id: string, label: string }[] {
+        return [
+          {
+            id: 'any_duration',
+            label: this.$gettext('Any')
+          },
+          {
+            id: 'short',
+            label: this.$gettext('Short (< 4 min)')
+          },
+          {
+            id: 'medium',
+            label: this.$gettext('Medium (4-10 min)')
+          },
+          {
+            id: 'long',
+            label: this.$gettext('Long (> 10 min)')
+          }
+        ]
+      },
+
+      videoCategories (): { id: string, label: string }[] {
+        return [
+          { id: '1', label: this.$gettext('Music') },
+          { id: '2', label: this.$gettext('Films') },
+          { id: '3', label: this.$gettext('Vehicles') },
+          { id: '4', label: this.$gettext('Art') },
+          { id: '5', label: this.$gettext('Sports') },
+          { id: '6', label: this.$gettext('Travels') },
+          { id: '7', label: this.$gettext('Gaming') },
+          { id: '8', label: this.$gettext('People') },
+          { id: '9', label: this.$gettext('Comedy') },
+          { id: '10', label: this.$gettext('Entertainment') },
+          { id: '11', label: this.$gettext('News & Politics') },
+          { id: '12', label: this.$gettext('How To') },
+          { id: '13', label: this.$gettext('Education') },
+          { id: '14', label: this.$gettext('Activism') },
+          { id: '15', label: this.$gettext('Science & Technology') },
+          { id: '16', label: this.$gettext('Animals') },
+          { id: '17', label: this.$gettext('Kids') },
+          { id: '18', label: this.$gettext('Food') }
+        ]
+      },
+
+      videoLicences (): { id: string, label: string }[] {
+        return [
+          { id: '1', label: this.$gettext('Attribution') },
+          { id: '2', label: this.$gettext('Attribution - Share Alike') },
+          { id: '3', label: this.$gettext('Attribution - No Derivatives') },
+          { id: '4', label: this.$gettext('Attribution - Non Commercial') },
+          { id: '5', label: this.$gettext('Attribution - Non Commercial - Share Alike') },
+          { id: '6', label: this.$gettext('Attribution - Non Commercial - No Derivatives') },
+          { id: '7', label: this.$gettext('Public Domain Dedication') }
+        ]
+      },
+
+      videoLanguages (): { id: string, label: string }[] {
+        return [
+          { id: 'en', label: this.$gettext('English') },
+          { id: 'fr', label: this.$gettext('Français') },
+          { id: 'ja', label: this.$gettext('日本語') },
+          { id: 'eu', label: this.$gettext('Euskara') },
+          { id: 'ca', label: this.$gettext('Català') },
+          { id: 'cs', label: this.$gettext('Čeština') },
+          { id: 'eo', label: this.$gettext('Esperanto') },
+          { id: 'el', label: this.$gettext('ελληνικά') },
+          { id: 'de', label: this.$gettext('Deutsch') },
+          { id: 'it', label: this.$gettext('Italiano') },
+          { id: 'nl', label: this.$gettext('Nederlands') },
+          { id: 'es', label: this.$gettext('Español') },
+          { id: 'oc', label: this.$gettext('Occitan') },
+          { id: 'gd', label: this.$gettext('Gàidhlig') },
+          { id: 'zh', label: this.$gettext('简体中文（中国）') },
+          { id: 'pt', label: this.$gettext('Português (Portugal)') },
+          { id: 'sv', label: this.$gettext('svenska') },
+          { id: 'pl', label: this.$gettext('Polski') },
+          { id: 'fi', label: this.$gettext('suomi') },
+          { id: 'ru', label: this.$gettext('русский') }
+        ]
+      }
+    },
+
+    mounted () {
+      this.loadUrl()
+    },
+
+    methods: {
+      getUrlQuery (): SearchUrl {
+        return {
+          ...this.$route.query,
+
+          nsfw: this.formNSFW,
+          host: this.formHost || undefined,
+          isLive: this.formIsLive,
+          publishedDateRange: this.formPublishedDateRange,
+          durationRange: this.formDurationRange,
+          categoryOneOf: this.formCategoryOneOf,
+          licenceOneOf: this.formLicenceOneOf,
+          languageOneOf: this.formLanguageOneOf,
+          tagsAllOf: this.formTagsAllOf.map(t => t.text),
+          tagsOneOf: this.formTagsOneOf.map(t => t.text)
+        }
+      },
+
+      loadUrl () {
+        const query = this.$route.query as SearchUrl
+
+        if (query.nsfw) this.formNSFW = query.nsfw
+        else this.formNSFW = undefined
+
+        if (query.publishedDateRange) this.formPublishedDateRange = query.publishedDateRange
+        else this.formPublishedDateRange = undefined
+
+        if (query.durationRange) this.formDurationRange = query.durationRange
+        else this.formDurationRange = undefined
+
+        if (query.categoryOneOf) this.formCategoryOneOf = query.categoryOneOf
+        else this.formCategoryOneOf = undefined
+
+        if (query.licenceOneOf) this.formLicenceOneOf = query.licenceOneOf
+        else this.formLicenceOneOf = undefined
+
+        if (query.languageOneOf) this.formLanguageOneOf = query.languageOneOf
+        else this.formLanguageOneOf = undefined
+
+        if (query.tagsAllOf) this.formTagsAllOf = extractTagsFromQuery(query.tagsAllOf)
+        else this.formTagsAllOf = []
+
+        if (query.tagsOneOf) this.formTagsOneOf = extractTagsFromQuery(query.tagsOneOf)
+        else this.formTagsOneOf = []
+
+        if (query.isLive) this.formIsLive = query.isLive
+        else this.formIsLive = undefined
+
+        if (query.host) this.formHost = query.host
+        else this.formHost = ''
+      },
+
+      resetField (field: string) {
+        if (field === 'nsfw') this.formNSFW = undefined
+        else if (field === 'publishedDateRange') this.formPublishedDateRange = undefined
+        else if (field === 'durationRange') this.formDurationRange = undefined
+        else if (field === 'categoryOneOf') this.formCategoryOneOf = undefined
+        else if (field === 'licenceOneOf') this.formLicenceOneOf = undefined
+        else if (field === 'languageOneOf') this.formLanguageOneOf = undefined
+        else if (field === 'isLive') this.formIsLive = undefined
+        else if (field === 'tagsAllOf') this.formTagsAllOf = []
+        else if (field === 'tagsOneOf') this.formTagsOneOf = []
+        else if (field === 'host') this.formHost = ''
+      }
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  @use 'sass:math';
+
+  @import '../scss/_variables';
+
+  .filters-content {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 1.25rem;
+
+    .form-group:nth-child(2n-1) {
+      padding-right: 20px;
+    }
+
+    .form-group {
+      width: 50%;
+      min-height: 60px;
+      display: inline-block;
+      margin: 10px 0;
+      font-size: 0.875rem;
+    }
+
+    @media screen and (max-width: $small-view) {
+      .form-group {
+        width: 100%;
+        padding-right: 0;
+      }
+    }
+
+    .form-group > label,
+    .label-container label {
+      font-weight: $font-semibold;
+    }
+
+    .form-group > label,
+    .label-container {
+      display: inline-block;
+      margin-bottom: 5px;
+    }
+
+    .form-group.small-height {
+      min-height: 30px;
+    }
+
+    .peertube-radio-container {
+      display: inline-block;
+      margin: 0 10px 5px 0;
+    }
+
+    .button-block {
+      width: 100%;
+      text-align: right;
+    }
+
+    .radio-label {
+      display: block;
+    }
+
+    .reset-button {
+      background: none;
+      border: none;
+      font-weight: 600;
+      font-size: 0.7rem;
+      opacity: 0.7;
+      margin-left: 5px;
+      cursor: pointer;
+    }
+  }
+
+</style>
diff --git a/client/src/components/Footer.vue b/client/src/components/Footer.vue
index 5d601a0..1b57d34 100644
--- a/client/src/components/Footer.vue
+++ b/client/src/components/Footer.vue
@@ -1,84 +1,19 @@
 <template>
   <footer id="main-footer">
-    <div class="header">
-      <img
-        src="/img/bottom-peertube-logo.svg"
-        alt=""
-      >
+    <div class="text-center">
+      <img src="/img/bottom-peertube-logo.svg" alt="PeerTube">
 
-      <div
-        v-translate
-        class="description"
-      >
-        A free software to take back control of your videos
+      <div class="mt-3">
+        {{ $gettext('A free software to take back control of your videos') }}
       </div>
     </div>
 
-    <div class="columns">
-      <div>
-        <div
-          v-translate
-          class="subtitle"
-        >
-          Open your own videos website with PeerTube!
-        </div>
+    <div class="d-flex mt-4 justify-content-center mb-5 fs-7">
+      <a class="peertube-link text-center mx-3" href="https://joinpeertube.org" target="_blank">{{ $gettext('Learn more about PeerTube') }}</a>
 
-        <a
-          v-translate
-          target="_blank"
-          href="https://docs.joinpeertube.org/#/install-any-os"
-        >Install PeerTube</a>
+      <a class="peertube-link text-center mx-3" href="https://framagit.org/framasoft/peertube/search-index/" target="_blank">{{ $gettext('Search Index source code') }}</a>
 
-        <a
-          v-translate
-          target="_blank"
-          href="https://joinpeertube.org#what-is-peertube"
-        >Why should I have my own PeerTube website?</a>
-      </div>
-
-      <div>
-        <div
-          v-translate
-          class="subtitle"
-        >
-          Create an account to take back control of your videos
-        </div>
-
-        <a
-          v-translate
-          target="_blank"
-          href="https://joinpeertube.org/instances"
-        >Open an account on a PeerTube website</a>
-
-        <a
-          v-translate
-          target="_blank"
-          href="https://docs.joinpeertube.org/#/use-library?id=playlist"
-        >Create playlists</a>
-      </div>
-    </div>
-
-    <div class="big-link">
-      <a
-        v-translate
-        href="https://joinpeertube.org"
-        target="_blank"
-      > &gt;&gt; Check all guides on joinpeertube.org &lt;&lt; </a>
-    </div>
-
-    <div class="footer">
-      <a
-        v-translate
-        href="https://framagit.org/framasoft/peertube/search-index/"
-        target="_blank"
-      >Source code</a>
-
-      <a
-        v-if="legalNoticesUrl"
-        v-translate
-        :href="legalNoticesUrl"
-        target="_blank"
-      >Legal notices</a>
+      <a v-if="legalNoticesUrl" :href="legalNoticesUrl" target="_blank">{{ $gettext('Legal notices') }}</a>
     </div>
   </footer>
 </template>
@@ -104,115 +39,18 @@
 
 <style lang="scss">
   @import '../scss/_variables';
+  @import '../scss/bootstrap-mixins';
 
   footer {
-    width: $container-width;
     margin: auto;
-    background-color: $orange-lighten;
-    padding: 30px 100px 10px 100px;
     font-family: monospace;
 
-    .header {
-      margin: 50px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
+    > *:first-child {
+      @include margin(2rem);
 
       img {
         width: 100%;
         max-width: 500px;
-        margin-bottom: 20px;
-      }
-    }
-
-    .description {
-      color: $brown;
-      text-align: center;
-    }
-
-    .columns {
-      display: flex;
-
-      > div {
-        display: flex;
-        flex-direction: column;
-        text-align: center;
-
-        &:first-child {
-          margin-right: 100px;
-        }
-      }
-
-      @media screen and (max-width: $container-width) {
-        flex-direction: column;
-
-        > div {
-          margin-top: 50px;
-          margin-right: 0 !important;
-        }
-      }
-    }
-
-    .columns a,
-    .big-link a {
-      color: $orange;
-      margin: 0 auto 20px auto;
-      min-height: 40px;
-      display: flex;
-      width: fit-content;
-
-      &:hover {
-        color: $orange-darken;
-      }
-    }
-
-    .subtitle {
-      color: $brown;
-      font-size: 20px;
-      margin-bottom: 50px;
-    }
-
-    .big-link {
-      margin-top: 50px;
-
-      a {
-        font-size: 20px;
-        font-weight: bold;
-        text-decoration: none;
-        text-align: center;
-      }
-    }
-
-    .footer {
-      margin-top: 80px;
-      display: flex;
-      justify-content: center;
-
-      a {
-        color: $orange;
-        font-size: 10px;
-        margin-right: 10px;
-      }
-    }
-
-    @media screen and (max-width: $container-width) {
-      width: 100%;
-    }
-
-    @media screen and (max-width: $small-view) {
-      padding: 30px;
-
-      .title {
-        font-size: 20px;
-      }
-
-      .subtitle {
-        font-size: 16px;
-      }
-
-      .footer a {
-        font-size: 16px;
       }
     }
   }
diff --git a/client/src/components/Header.vue b/client/src/components/Header.vue
index 8cf165d..4f80e56 100644
--- a/client/src/components/Header.vue
+++ b/client/src/components/Header.vue
@@ -4,39 +4,29 @@
       <interface-language-dropdown class="interface-language-dropdown" />
 
       <h1>
-        <span v-if="configLoaded && !titleImageUrl">{{ indexName }}</span>
+        <router-link to="/" :title="$gettext('Come back to homepage')">
+          <span v-if="configLoaded && !titleImageUrl">{{ indexName }}</span>
 
-        <img
-          class="title-image"
-          :src="titleImageUrl"
-          :alt="indexName"
-        >
+          <img v-else class="title-image" :src="titleImageUrl" :alt="indexName" />
+        </router-link>
       </h1>
 
       <template v-if="!smallFormat">
         <h4>
-          <div v-translate>
-            A search engine of <a
-              href="https://joinpeertube.org"
-              target="_blank"
-            >PeerTube</a> videos, channels and playlists
-          </div>
+          <SafeHTML>
+            {{
+              $gettext('A search engine of <a class="peertube-link" href="https://joinpeertube.org" target="_blank">PeerTube</a> videos, channels and playlists', {}, true)
+            }}
+          </SafeHTML>
 
-          <div v-translate>
-            Developed by <a
-              href="https://framasoft.org"
-              target="_blank"
-            >Framasoft</a>
-          </div>
+          <br />
+
+          <SafeHTML>
+            {{
+              $gettext('Developed by <a class="peertube-link" href="https://framasoft.org" target="_blank">Framasoft</a>', {}, true)
+            }}
+          </SafeHTML>
         </h4>
-
-        <div class="search-home">
-          <img
-            v-if="searchImageUrl"
-            :src="searchImageUrl"
-            alt=""
-          >
-        </div>
       </template>
     </header>
   </div>
@@ -62,7 +52,6 @@
       return {
         configLoaded: false,
         titleImageUrl: '',
-        searchImageUrl: ''
       }
     },
 
@@ -73,10 +62,6 @@
         ? buildApiUrl(config.searchInstanceNameImage)
         : ''
 
-      this.searchImageUrl = config.searchInstanceSearchImage
-        ? buildApiUrl(config.searchInstanceSearchImage)
-        : buildApiUrl('/img/search-home.png')
-
       this.configLoaded = true
     }
   })
@@ -84,14 +69,15 @@
 
 <style lang="scss">
   @import '../scss/_variables';
+  @import '../scss/bootstrap-mixins.scss';
 
   header {
+    @include margin-bottom(3rem);
+
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    margin-bottom: 30px;
-    font-family: monospace;
 
     .interface-language-dropdown {
       width: 20px;
@@ -100,69 +86,32 @@
       top: 10px;
     }
 
-    .search-home {
-      width: 300px;
-      height: 250px;
-      margin: 30px 0 0 0;
-
-      img {
-        width: inherit;
-        height: inherit;
-      }
-    }
-
     h1 {
-      font-size: 50px;
+      @include font-size(3rem);
+
       // Because it's loaded dynamically
       min-height: 70px;
+
       margin: 0;
       text-align: center;
     }
 
     .title-image {
-      max-width: 500px;
+      width: 500px;
       height: 78px;
     }
 
     h4 {
+      @include font-size(1.25rem);
+
       font-weight: normal;
-      margin: 0;
       text-align: center;
-      line-height: 25px;
+      line-height: inherit;
+      margin: 1rem 0 0;
 
-      a {
-        color: #000;
-        font-weight: $font-semibold;
+      @include media-breakpoint-down(sm) {
+        @include font-size(1rem);
       }
     }
-
-    @media screen and (max-width: $small-screen) {
-      h1 {
-        font-size: 30px;
-        margin-top: 20px;
-        margin-bottom: 10px;
-        min-height: unset;
-      }
-
-      h4 {
-        font-size: 15px !important;
-        line-height: initial;
-
-        div:first-child {
-          margin-bottom: 5px;
-        }
-      }
-
-      img {
-        width: 100%;
-        max-width: 300px;
-      }
-    }
-  }
-
-  @media screen and (max-height: 400px) {
-    .search-home {
-      display: none;
-    }
   }
 </style>
diff --git a/client/src/components/InterfaceLanguageDropdown.vue b/client/src/components/InterfaceLanguageDropdown.vue
index 096824a..bb265fd 100644
--- a/client/src/components/InterfaceLanguageDropdown.vue
+++ b/client/src/components/InterfaceLanguageDropdown.vue
@@ -96,7 +96,7 @@
       padding: .5rem 0;
       position: absolute;
       text-align: left;
-      font-size: 14px;
+      font-size: 0.875rem;
 
       a {
         text-decoration: none;
diff --git a/client/src/components/Pagination.vue b/client/src/components/Pagination.vue
index 1131d8c..17f1d7c 100644
--- a/client/src/components/Pagination.vue
+++ b/client/src/components/Pagination.vue
@@ -1,74 +1,62 @@
 <template>
-  <div
-    v-if="searchDone"
-    class="pagination"
-  >
-    <router-link
-      class="previous"
-      :class="{ 'none-opacity': modelValue === 1 }"
-      :to="{ query: buildPageUrlQuery(modelValue - 1) }"
-    >
+  <div v-if="searched && hasPages()" class="pagination">
+    <router-link class="previous" :class="{ 'opacity-0': modelValue === 1 }" :to="{ query: { ...getUrlQuery(modelValue - 1) } }">
       {{ $gettext('Previous page') }}
     </router-link>
 
     <div class="pages">
-      <template
-        v-for="page in pages"
-        :key="page"
-      >
-        <router-link
-          v-if="page !== modelValue"
-          class="go-to-page"
-          :to="{ query: buildPageUrlQuery(page) }"
-        >
+      <template v-for="page in pages" :key="page">
+        <router-link v-if="page !== modelValue" class="go-to-page" :to="{ query: { ...getUrlQuery(page) } }">
           {{ page }}
         </router-link>
 
-        <div
-          v-else
-          class="current"
-        >
+        <div v-else class="current">
           {{ page }}
         </div>
       </template>
     </div>
 
-    <router-link
-      class="next"
-      :class="{ 'none-opacity': modelValue >= maxPage }"
-      :to="{ query: buildPageUrlQuery(+modelValue + 1) }"
-    >
+    <router-link class="next" :class="{ 'opacity-0': modelValue >= maxPage }" :to="{ query: { ...getUrlQuery(+modelValue + 1) } }">
       {{ $gettext('Next page') }}
     </router-link>
   </div>
 </template>
 
 <script lang="ts">
+  import { SearchUrl } from '@/models'
   import { defineComponent } from 'vue'
 
   export default defineComponent({
     props: {
       maxPage: Number,
-      searchDone: Boolean,
+      searched: Boolean,
       modelValue: Number,
       pages: Array as () => number[]
     },
 
     methods: {
-      buildPageUrlQuery (page: number) {
-        const query = this.$route.query
+      getUrlQuery (page: number): SearchUrl {
+        return {
+          ...this.$route.query,
 
-        return Object.assign({}, query, { page })
+          page: page + ''
+        }
       },
+
+      hasPages () {
+        return this.pages.length !== 0
+      }
     }
   })
 </script>
 
 <style lang="scss">
   @import '../scss/_variables';
+  @import '../scss/bootstrap-mixins';
 
   .pagination {
-    margin-top: 50px;
+    @include margin-top(3rem);
+
     display: flex;
     justify-content: center;
 
@@ -81,7 +69,7 @@
     }
 
     a {
-      color: $orange;
+      color: $orange-main;
       text-decoration: none;
 
       &:hover {
@@ -98,7 +86,7 @@
     }
 
     @media screen and (max-width: $small-view) {
-      font-size: 14px;
+      font-size: 0.875rem;
     }
   }
 </style>
diff --git a/client/src/components/PlaylistResult.vue b/client/src/components/PlaylistResult.vue
index 77eb2db..f728de4 100644
--- a/client/src/components/PlaylistResult.vue
+++ b/client/src/components/PlaylistResult.vue
@@ -1,73 +1,68 @@
 <template>
-  <div class="playlist root-result">
-    <div class="thumbnail">
-      <a
-        class="img"
-        :title="watchMessage"
-        target="_blank"
-        rel="nofollow noreferrer noopener"
-        :href="playlist.url"
-      >
-        <img
-          :src="playlist.thumbnailUrl"
-          alt=""
-        >
+  <div class="playlist search-card-result">
+    <div class="image-container">
+      <a class="img" :title="watchMessage" target="_blank" rel="nofollow noreferrer noopener" :href="playlist.url">
+        <img :src="playlist.thumbnailUrl" alt="" :class="{ error: thumbnailError }" @error="setThumbnailError()">
 
-        <span class="videos-length">{{ videosLengthLabel }}</span>
+        <div class="behind-1"></div>
+        <div class="behind-2"></div>
+        <div class="behind-3"></div>
+
+        <span class="videos-length">
+          <svg width="10" height="13" viewBox="0 0 10 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M2.47955e-05 6.26032V0L4.75 3.13016L2.47955e-05 6.26032Z" fill="#212529" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M2.47955e-05 12.5206V6.26025L4.75 9.39041L2.47955e-05 12.5206Z" fill="#212529" />
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.75002 9.39045V3.13013L9.5 6.26029L4.75002 9.39045Z" fill="#212529" />
+          </svg>
+
+          {{ videosLengthLabel }}
+        </span>
       </a>
     </div>
 
-    <div class="information">
-      <h5 class="title">
-        <a
-          :title="watchMessage"
-          target="_blank"
-          rel="nofollow noreferrer noopener"
-          :href="playlist.url"
-        >{{ playlist.displayName }}</a>
-      </h5>
+    <div class="flex-grow-1">
+      <h4>
+        <strong>
+          <a class="wrap-text" :title="watchMessage" target="_blank" rel="nofollow noreferrer noopener" :href="playlist.url">
+            {{ playlist.displayName }}
+          </a>
+        </strong>
+      </h4>
+
+      <div class="small-separator mb-3"></div>
 
       <!-- eslint-disable vue/no-v-html -->
       <div
-        class="description"
-        v-html="renderMarkdown(playlist.description)"
+        class="description wrap-text mb-3"
+        v-html="descriptionHTML"
       />
       <!-- eslint-enable -->
 
       <div class="metadata">
-        <div class="by-account">
-          <label v-translate>Created by</label>
-          <actor-miniature
-            type="account"
-            :actor="playlist.ownerAccount"
-          />
+        <div>
+          <label>{{ $gettext('Created by') }}</label>
+          <ActorMiniature type="account" :actor="playlist.ownerAccount" />
+
+          <span class="secondary-color ms-1">{{ $gettext('and updated on') }}</span>
+
+          {{ updatedDate }}
         </div>
 
-        <div class="by-channel">
-          <label v-translate>In</label>
+        <div>
+          <label>{{ $gettext('In channel') }}</label>
 
-          <actor-miniature
-            type="channel"
-            :actor="playlist.videoChannel"
-          />
+          <ActorMiniature type="channel" :actor="playlist.videoChannel" />
         </div>
 
-        <div class="publishedAt">
-          <label v-translate>Updated on</label>
+        <div class="mb-3">
+          <label>{{ $gettext('On platform') }}</label>
 
-          <div class="value">
-            {{ updateDate }}
-          </div>
+          <a class="peertube-link" target="_blank" rel="nofollow noreferrer noopener" :href="platformUrl">{{ host }}</a>
         </div>
       </div>
 
-      <div class="button">
-        <a
-          class="button-link"
-          target="_blank"
-          rel="nofollow noreferrer noopener"
-          :href="playlist.url"
-        >
+      <div class="button-link-container">
+        <a class="peertube-button peertube-primary-button peertube-button-link" target="_blank" rel="nofollow noreferrer noopener" :href="playlist.url">
           {{ watchMessage }}
         </a>
       </div>
@@ -76,98 +71,146 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, PropType } from 'vue'
+  import { defineComponent } from 'vue'
+
   import ActorMiniature from './ActorMiniature.vue'
-  import { VideoPlaylist } from '../../../PeerTube/shared/models'
-  import { renderMarkdown } from '../shared/markdown-render'
 
   export default defineComponent({
     components: {
-      'actor-miniature': ActorMiniature
+      ActorMiniature
     },
 
     props: {
-      playlist: Object as PropType<VideoPlaylist>
+      playlist: Object
     },
 
-    computed: {
-      host (): string {
-        const url = this.playlist.url
-
-        return new URL(url as string).host
-      },
-
-      updateDate (): string {
-        return new Date(this.playlist.updatedAt).toLocaleDateString()
-      },
-
-      watchMessage (): string {
-        return this.$gettextInterpolate(this.$gettext('Watch the playlist on %{host}'), { host: this.host })
-      },
-
-      videosLengthLabel (): string {
-        return this.$gettextInterpolate(this.$gettext('%{videosLength} videos'), { videosLength: this.playlist.videosLength })
+    data () {
+      return {
+        thumbnailError: false,
+        descriptionHTML: ''
       }
     },
 
+    computed: {
+      host () {
+        const url = this.playlist.url
+
+        return new URL(url).host
+      },
+
+      platformUrl () {
+        const url = this.playlist.url
+
+        const parsed = new URL(url)
+
+        return parsed.protocol + '//' + parsed.host
+      },
+
+      updatedDate () {
+        return new Date(this.playlist.updatedAt).toLocaleDateString()
+      },
+
+      watchMessage () {
+        return this.$gettext('Watch the playlist on %{host}', { host: this.host })
+      },
+
+      videosLengthLabel () {
+        return this.$ngettext('%{videosLength} video', '%{videosLength} videos', this.playlist.videosLength, { videosLength: this.playlist.videosLength })
+      }
+    },
+
+    mounted () {
+      this.lazyRenderMarkdown(this.playlist.description)
+        .then(html => this.descriptionHTML = html)
+    },
+
     methods: {
-      renderMarkdown(markdown: string) {
-        return renderMarkdown(markdown)
+      setThumbnailError () {
+        this.thumbnailError = true
       }
     }
   })
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import '../scss/_variables';
 
   .playlist {
-
-    .thumbnail {
-      margin-right: 20px;
-
-      --thumbnail-width: #{$thumbnail-width};
-      --thumbnail-height: #{$thumbnail-height};
-
+    .image-container {
       // For the videos length overlay
       .img {
         position: relative;
         display: inline-block;
-        width: var(--thumbnail-width);
-        height: var(--thumbnail-height);
-        border-radius: 3px;
-        overflow: hidden;
       }
 
-      .videos-length {
+      .behind-1,
+      .behind-2,
+      .behind-3 {
         position: absolute;
-        right: 0;
-        bottom: 0;
-
-        display: flex;
-        align-items: center;
-        padding: 0 10px;
         height: 100%;
+        width: 100%;
+        border-radius: 3px;
+        border: 1px solid $beige-700;
+      }
 
-        color: #fff;
-        background-color: rgba(0,0,0,.7);
+      .behind-1 {
+        z-index: 3;
+        left: 8px;
+        width: calc(100% - 3px);
+        top: 5px;
+        background-color: $beige-400;
+      }
 
-        font-size: 14px;
-        font-weight: 600;
+      .behind-2 {
+        z-index: 2;
+        left: 14px;
+        width: calc(100% - 3px);
+        top: 11px;
+        background-color: $beige-500;
+        border: 1px solid $beige-700;
+      }
+
+      .behind-3 {
+        z-index: 1;
+        left: 20px;
+        width: calc(100% - 4px);
+        top: 17px;
+        background-color: $beige-700;
       }
 
       img {
-        width: 100%;
-        height: 100%;
+        width: 275px;
+        height: 147px;
+        border-radius: 3px;
+        position: relative;
+        z-index: 10;
+
+        &.error {
+          border: 1px solid #E5E5E5;
+        }
       }
 
-      @media screen and (max-width: $small-view) {
-        --thumbnail-width: calc(100% + 10px);
-        --thumbnail-height: auto;
+      .videos-length {
+        font-size: 0.875rem;
 
-        img {
-          border-radius: 0;
-        }
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        z-index: 15;
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 0 15px;
+        height: 100%;
+
+        background-color: rgba($beige-800, 0.8);
+
+        font-weight: $font-semibold;
+
+        border-top-right-radius: 3px;
+        border-bottom-right-radius: 3px;
       }
     }
   }
diff --git a/client/src/components/SafeHTML.vue b/client/src/components/SafeHTML.vue
new file mode 100644
index 0000000..7a41072
--- /dev/null
+++ b/client/src/components/SafeHTML.vue
@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { defineComponent, h } from 'vue'
+  import { RouterLink } from 'vue-router'
+  import { parseHTML, getChildNodes, getAttribute, getText, nodeIs, getClass } from '../shared/html-parser'
+
+  export default defineComponent({
+    render () {
+      const parsed = parseHTML(this.$slots.default()[0].children as string)
+      const toRender = []
+
+      getChildNodes(parsed).forEach(node => {
+        if (nodeIs(node, 'TEXT')) {
+          toRender.push(getText(node))
+          return
+        }
+
+        if (nodeIs(node, 'STRONG')) {
+          toRender.push(h('strong', getText(node)))
+          return
+        }
+
+        if (nodeIs(node, 'EM')) {
+          toRender.push(h('em', getText(node)))
+          return
+        }
+
+        if (nodeIs(node, 'ROUTER-LINK')) {
+          toRender.push(h(RouterLink, { to: getAttribute(node, 'to'), className: getClass(node) }, () => getText(node)))
+          return
+        }
+
+        if (nodeIs(node, 'BR')) {
+          toRender.push(h('br'))
+          return
+        }
+
+        if (nodeIs(node, 'A')) {
+          toRender.push(h('a', {
+            target: getAttribute(node, 'target'),
+            href: getAttribute(node, 'href'),
+            rel: getAttribute(node, 'rel'),
+            className: getAttribute(node, 'class')
+          }, getText(node)))
+        }
+      })
+
+      return h('span', toRender)
+    }
+  })
+</script>
diff --git a/client/src/components/SearchInput.vue b/client/src/components/SearchInput.vue
new file mode 100644
index 0000000..644f7da
--- /dev/null
+++ b/client/src/components/SearchInput.vue
@@ -0,0 +1,142 @@
+<template>
+  <div>
+    <label for="search" :class="{ 'visually-hidden': !label }">{{ $gettext('My search') }}</label>
+
+    <div class="input-container">
+      <input
+        v-model="formSearch"
+        :placeholder="inputPlaceholder"
+        autofocus
+        type="text"
+        name="search"
+        autocapitalize="off"
+        autocomplete="off"
+        autocorrect="off"
+        maxlength="1024"
+        @keydown.enter="search"
+      >
+
+      <router-link class="peertube-button peertube-primary-button search-button" :to="{ path: '/search', query: { ...getUrlQuery() } }">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <circle cx="11" cy="11" r="8" />
+          <line x1="21" y1="21" x2="16.65" y2="16.65" />
+        </svg>
+
+        <span v-if="formSearch">{{ $gettext('Search!') }}</span>
+        <span v-else>{{ $gettext('Explore!') }}</span>
+      </router-link>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { SearchUrl } from '@/models/search-url.model'
+  import { defineComponent } from 'vue'
+
+  export default defineComponent({
+    props: {
+      label: Boolean
+    },
+
+    data () {
+      return {
+        formSearch: ''
+      }
+    },
+
+    computed: {
+      inputPlaceholder (): string {
+        return this.$gettext('Keyword, channel, video, playlist, etc.')
+      }
+    },
+
+    mounted () {
+      this.loadUrl()
+    },
+
+    methods: {
+      getUrlQuery (): SearchUrl {
+        return { ...this.$route.query, search: this.formSearch }
+      },
+
+      loadUrl () {
+        const query = this.$route.query as SearchUrl
+
+        if (query.search) this.formSearch = query.search
+        else this.formSearch = undefined
+      },
+
+      search (event: Event) {
+        event.preventDefault()
+
+        this.$router.push({ path: '/search', query: { ...this.getUrlQuery() } })
+      }
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  @use 'sass:math';
+
+  @import '../scss/_variables';
+  @import '../scss/bootstrap-mixins';
+
+  .input-container {
+    display: flex;
+    height: 45px;
+    margin: auto;
+  }
+
+  label {
+    font-size: 1.125rem;
+    display: block;
+    font-weight: $font-bold;
+    margin-bottom: 0.5rem;
+  }
+
+  input[type=text] {
+    background-color: #fff;
+    border-radius: 2px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+
+    border: 0;
+    color: #000;
+    flex-grow: 1;
+    padding: 0 20px;
+    height: 100%;
+  }
+
+  .search-button {
+    text-decoration: none;
+    border-radius: 0 2px 2px 0;
+    height: 100%;
+    padding: 0 1rem 0 0.75rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    @include media-breakpoint-up(sm) {
+      svg {
+        margin-right: 10px;
+      }
+
+      min-width: 130px;
+    }
+
+    @include media-breakpoint-down(sm) {
+      span {
+        display: none;
+      }
+    }
+  }
+</style>
diff --git a/client/src/components/SearchWarning.vue b/client/src/components/SearchWarning.vue
index 8157346..94c8601 100644
--- a/client/src/components/SearchWarning.vue
+++ b/client/src/components/SearchWarning.vue
@@ -1,16 +1,19 @@
 <template>
-  <div
-    class="block-warning"
-    :class="{ highlight: highlight }"
-  >
-    <img
-      src="/img/sepia-warning.svg"
-      alt=""
-    >
+  <div class="block-warning" :class="{ block: isBlockMode }">
+    <img src="/img/sepia-warning.svg" alt="" />
 
-    <div v-translate>
-      <strong>%{indexName}</strong> displays videos and channels that match your search but is not the publisher, nor the owner.
-      If you notice any problems with a video, report it to the administrators on the PeerTube website where the video is published.
+    <div>
+      <SafeHTML>
+        {{
+          $gettext(
+            '<strong>%{indexName}</strong> displays videos and channels that match your search but is not the publisher, nor the owner.',
+            { indexName: indexName },
+            true
+          )
+        }}
+      </SafeHTML>
+
+      {{ $gettext('If you notice any problems with a video, report it to the administrators on the PeerTube website where the video is published.') }}
     </div>
   </div>
 </template>
@@ -21,7 +24,7 @@
   export default defineComponent({
     props: {
       indexName: String,
-      highlight: Boolean
+      isBlockMode: Boolean
     }
   })
 </script>
@@ -30,29 +33,26 @@
   @import '../scss/_variables';
 
   .block-warning {
-    font-style: italic;
-    color: $orange;
     display: flex;
     align-items: center;
-    margin: 20px auto;
 
     img {
       display: none;
-      margin-right: 20px;
-      height: 70px;
     }
 
-    &.highlight {
-      img {
-        display: block;
-      }
-
+    &.block {
       max-width: 800px;
-      color: $brown;
-      border: 3px solid #f4af81;
+      margin: auto;
+      border: 3px solid $beige-700;
       border-radius: 10px;
       font-style: normal;
-      padding: 10px 20px;
+      padding: 0.75rem 1.25rem;
+
+      img {
+        margin-right: 20px;
+        height: 70px;
+        display: block;
+      }
     }
   }
 
diff --git a/client/src/components/SortButton.vue b/client/src/components/SortButton.vue
new file mode 100644
index 0000000..6c932fe
--- /dev/null
+++ b/client/src/components/SortButton.vue
@@ -0,0 +1,104 @@
+<template>
+  <div class="root">
+    <label class="d-none d-sm-inline" for="sort">{{ $gettext('Sort by:') }}</label>
+
+    <div class="peertube-button peertube-secondary-button">
+      <select id="sort" v-model="formSort" name="sort">
+        <option value="-match">{{ $gettext('Best match') }}</option>
+
+        <option value="-createdAt">{{ $gettext('Most recent') }}</option>
+
+        <option value="createdAt">{{ $gettext('Least recent') }}</option>
+      </select>
+
+      <span class="focus"></span>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { SearchUrl } from '@/models'
+  import { defineComponent } from 'vue'
+
+  export default defineComponent({
+    data () {
+      return {
+        formSort: '-match'
+      }
+    },
+
+    watch: {
+      formSort () {
+        this.updateUrl()
+      }
+    },
+
+    mounted () {
+      this.loadUrl()
+    },
+
+    methods: {
+      updateUrl () {
+        this.$router.push({ path: '/search', query: { ...this.$route.query, sort: this.formSort }})
+      },
+
+      loadUrl () {
+        const query = this.$route.query as SearchUrl
+
+        if (query.sort) this.formSort = query.sort
+        else this.formSort = '-match'
+      }
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  @use 'sass:math';
+
+  @import '../scss/_variables';
+
+  .peertube-secondary-button {
+    margin-left: 1rem;
+    padding: 0;
+    position: relative;
+
+    select {
+      outline: none !important;
+      box-shadow: none !important;
+      appearance: none;
+      background-color: transparent;
+      border: none;
+      margin: 0;
+      padding: 0;
+      font-weight: $font-bold;
+      font-size: 0.875rem;
+      cursor: pointer;
+      padding: 0.5rem 2rem 0.5rem 1rem;
+
+      &:focus + span {
+        position: absolute;
+        top: -1px;
+        left: -1px;
+        right: -1px;
+        bottom: -1px;
+        border: 2px solid var(--select-focus);
+        border-radius: inherit;
+      }
+    }
+
+    &::after {
+      content: "";
+      width: 8px;
+      height: 5px;
+      background-color: $main-font-color;
+      clip-path: polygon(100% 0%, 0 0%, 50% 100%);
+      display: inline-block;
+      margin-left: 1.5rem;
+      margin-right: 0.75rem;
+      position: absolute;
+      right: 0;
+      top: calc(50% - 2px);
+    }
+  }
+
+</style>
diff --git a/client/src/components/VideoResult.vue b/client/src/components/VideoResult.vue
index 6ffc577..ac2d870 100644
--- a/client/src/components/VideoResult.vue
+++ b/client/src/components/VideoResult.vue
@@ -1,98 +1,64 @@
 <template>
-  <div class="video root-result">
-    <div class="thumbnail">
-      <a
-        class="img"
-        :title="watchVideoMessage"
-        target="_blank"
-        rel="nofollow noreferrer noopener"
-        :href="video.url"
-      >
-        <img
-          :src="getVideoThumbnailUrl()"
-          alt=""
-          :class="{ error: thumbnailError }"
-          @error="setThumbnailError()"
-        >
+  <div class="video search-card-result">
+    <div class="image-container">
+      <a class="img" :title="watchVideoMessage" target="_blank" rel="nofollow noreferrer noopener" :href="video.url">
+        <img :src="getVideoThumbnailUrl()" alt="" :class="{ error: thumbnailError }" @error="setThumbnailError()">
 
-        <span
-          v-if="video.isLive"
-          v-translate
-          class="live-info"
-        >LIVE</span>
-        <span
-          v-else
-          class="duration"
-        >{{ formattedDuration }}</span>
+        <span v-if="video.isLive" class="live-info">{{ $gettext('LIVE') }}</span>
+        <span v-else class="duration">{{ formattedDuration }}</span>
       </a>
     </div>
 
-    <div class="information">
-      <h5 class="title">
-        <a
-          :title="watchVideoMessage"
-          target="_blank"
-          rel="nofollow noreferrer noopener"
-          :href="video.url"
-        >{{ video.name }}</a>
-      </h5>
+    <div class="flex-grow-1">
+      <h4>
+        <strong>
+          <a class="wrap-text" :title="watchVideoMessage" target="_blank" rel="nofollow noreferrer noopener" :href="video.url">
+            {{ video.name }}
+          </a>
+        </strong>
+      </h4>
+
+      <div class="small-separator mb-3"></div>
 
       <!-- eslint-disable vue/no-v-html -->
       <div
-        class="description"
-        v-html="renderMarkdown(video.description)"
-      />
+        class="description wrap-text mb-3"
+        v-html="descriptionHTML"
+      ></div>
       <!-- eslint-enable -->
 
       <div class="metadata">
-        <div class="by-account">
-          <label v-translate>Created by</label>
-          <actor-miniature
-            type="account"
-            :actor="video.account"
-          />
+        <div>
+          <label>{{ $gettext('Published by') }}</label>
+          <ActorMiniature type="account" :actor="video.account" />
+
+          <span class="secondary-color ms-1">on</span>
+
+          {{ publicationDate }}
         </div>
 
-        <div class="by-channel">
-          <label v-translate>In</label>
+        <div>
+          <label>{{ $gettext('In channel') }}</label>
 
-          <actor-miniature
-            type="channel"
-            :actor="video.channel"
-          />
+          <ActorMiniature type="channel" :actor="video.channel" />
         </div>
 
-        <div class="publishedAt">
-          <label v-translate>On</label>
+        <div class="mb-3">
+          <label>{{ $gettext('On platform') }}</label>
 
-          <div class="value">
-            {{ publicationDate }}
-          </div>
+          <a class="peertube-link" target="_blank" rel="nofollow noreferrer noopener" :href="platformUrl">{{ host }}</a>
         </div>
 
-        <div class="language">
-          <label v-translate>Language</label>
+        <div v-if="video.language.id">
+          <label>{{ $gettext('Language:') }}</label>
 
-          <div class="value">
-            {{ video.language.label }}
-          </div>
-        </div>
-
-        <div
-          v-if="video.tags && video.tags.length !== 0"
-          class="tags"
-        >
-          <label v-translate>Tags</label>
-
-          <div class="value">
-            {{ video.tags.join(', ') }}
-          </div>
+          <span>{{ video.language.label }}</span>
         </div>
       </div>
 
-      <div class="button">
+      <div class="button-link-container">
         <a
-          class="button-link"
+          class="peertube-button peertube-primary-button peertube-button-link"
           target="_blank"
           rel="nofollow noreferrer noopener"
           :href="video.url"
@@ -105,51 +71,64 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, PropType } from 'vue'
+  import { defineComponent } from 'vue'
+
+  import { durationToString } from '@/shared/utils'
   import ActorMiniature from './ActorMiniature.vue'
-  import { durationToString } from '../shared/utils'
-  import { renderMarkdown } from '../shared/markdown-render'
-  import { EnhancedVideo } from '../../../server/types/video.model'
 
   export default defineComponent({
     components: {
-      'actor-miniature': ActorMiniature
+      ActorMiniature
     },
 
     props: {
-      video: Object as PropType<EnhancedVideo>
+      video: Object
     },
 
     data () {
       return {
-        thumbnailError: false
+        thumbnailError: false,
+        descriptionHTML: ''
       }
     },
 
     computed: {
-      host (): string {
+      host () {
         const url = this.video.url
 
-        return new URL(url as string).host
+        return new URL(url).host
       },
 
-      formattedDuration (): string {
+      platformUrl () {
+        const url = this.video.url
+
+        const parsed = new URL(url)
+
+        return parsed.protocol + '//' + parsed.host
+      },
+
+      formattedDuration () {
         return durationToString(this.video.duration)
       },
 
-      windowWidth (): number {
+      windowWidth () {
         return window.innerWidth
       },
 
-      publicationDate (): string {
+      publicationDate () {
         return new Date(this.video.publishedAt).toLocaleDateString()
       },
 
-      watchVideoMessage (): string {
-        return this.$gettextInterpolate(this.$gettext('Watch the video on %{host}'), { host: this.host })
+      watchVideoMessage () {
+        return this.$gettext('Watch the video on %{host}', { host: this.host })
       }
     },
 
+    mounted () {
+      this.lazyRenderMarkdown(this.video.description)
+        .then(html => this.descriptionHTML = html)
+    },
+
     methods: {
       getVideoThumbnailUrl () {
         if (this.windowWidth >= 900) {
@@ -161,36 +140,28 @@
 
       setThumbnailError () {
         this.thumbnailError = true
-      },
-
-      renderMarkdown(markdown: string) {
-        return renderMarkdown(markdown)
       }
     }
   })
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import '../scss/_variables';
 
   .video {
-
-    .thumbnail {
-      margin-right: 20px;
-
-      --thumbnail-width: #{$thumbnail-width};
-      --thumbnail-height: #{$thumbnail-height};
-
+    .image-container {
       // For the duration overlay
       .img {
         position: relative;
+        display: inline-block;
       }
 
       img {
         background-color: #E5E5E5;
-        width: var(--thumbnail-width);
-        height: var(--thumbnail-height);
-        border-radius: 3px;
+        width: 275px;
+        height: 147px;
+        border-radius: 2px;
+        box-shadow: 4px 4px 0 0 $beige-700;
 
         &.error {
           border: 1px solid #E5E5E5;
@@ -200,13 +171,14 @@
       .duration,
       .live-info {
         position: absolute;
-        padding: 2px 5px;
-        right: 5px;
-        bottom: 5px;
         display: inline-block;
+        padding: 2px 5px;
+        right: 0;
+        bottom: 0;
         color: #fff;
-        font-size: 11px;
-        border-radius: 3px;
+        background-color: #000;
+        font-size: 0.75rem;
+        border-radius: 2px 0px 0px 0px;
       }
 
       .duration {
@@ -217,15 +189,6 @@
         background-color: rgba(224, 8, 8 ,.8);
         font-weight: $font-semibold;
       }
-
-      @media screen and (max-width: $small-view) {
-        --thumbnail-width: calc(100% + 10px);
-        --thumbnail-height: auto;
-
-        img {
-          border-radius: 0;
-        }
-      }
     }
   }
 </style>
diff --git a/client/src/components/icons/IconWarning.vue b/client/src/components/icons/IconWarning.vue
new file mode 100644
index 0000000..cf6cc3f
--- /dev/null
+++ b/client/src/components/icons/IconWarning.vue
@@ -0,0 +1,12 @@
+<template>
+  <svg width="57" height="57" viewBox="0 0 57 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="28.5" cy="28.5" r="28.5" fill="#F2690D" />
+    <path d="M25.762 31.4644L24.1883 10.7838H32.5449L30.9932 31.4644H25.762ZM28.422 45.4459C27.8013 45.4459 27.2102 45.3215 26.6487 45.0725C26.1019 44.8391 25.6217 44.5045 25.2079 44.0688C24.7941 43.6331 24.469 43.1274 24.2326 42.5516C23.9961 41.9603 23.8779 41.3223 23.8779 40.6376C23.8779 39.9218 24.0035 39.2682 24.2548 38.6769C24.5207 38.07 24.868 37.5487 25.2966 37.113C25.7251 36.6773 26.2201 36.335 26.7817 36.086C27.358 35.837 27.9565 35.7125 28.5771 35.7125C29.1978 35.7125 29.7815 35.837 30.3283 36.086C30.8898 36.335 31.3774 36.6773 31.7912 37.113C32.205 37.5487 32.5301 38.0622 32.7665 38.6536C33.003 39.2449 33.1212 39.8829 33.1212 40.5676C33.1212 41.2678 32.9882 41.9214 32.7222 42.5283C32.471 43.1196 32.1237 43.6331 31.6804 44.0688C31.2518 44.5045 30.7568 44.8391 30.1953 45.0725C29.6337 45.3215 29.0426 45.4459 28.422 45.4459Z" fill="white" />
+  </svg>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'vue'
+
+  export default defineComponent({})
+</script>
diff --git a/client/src/env.d.ts b/client/src/env.d.ts
index aafef95..8db9a26 100644
--- a/client/src/env.d.ts
+++ b/client/src/env.d.ts
@@ -1,8 +1,11 @@
 /// <reference types="vite/client" />
 
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>
-  export default component
+import { Language } from 'vue3-gettext'
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties extends Pick<Language, "$gettext" | "$pgettext" | "$ngettext" | "$npgettext"> {
+    $language: Language;
+
+    lazyRenderMarkdown: (markdown: string) => Promise<string>
+  }
 }
diff --git a/client/src/main.ts b/client/src/main.ts
index ade6ae2..d7d8006 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -1,10 +1,13 @@
 import './scss/main.scss'
 import { createApp } from 'vue'
 import VueMatomo from 'vue-matomo'
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHistory, RouterScrollBehavior } from 'vue-router'
 import { createGettext } from 'vue3-gettext'
 import App from './App.vue'
+import Home from './views/Home.vue'
 import Search from './views/Search.vue'
+import CommonMixins from './mixins/CommonMixins'
+import SafeHTML from './components/SafeHTML.vue'
 
 const app = createApp(App)
 
@@ -59,7 +62,7 @@ if (allLocales.includes(localePath)) {
 } else if (languageFromLocalStorage) {
   currentLanguage = languageFromLocalStorage
 } else {
-  const navigatorLanguage = (window.navigator as any).userLanguage || window.navigator.language
+  const navigatorLanguage = window.navigator.language
   const snakeCaseLanguage = navigatorLanguage.replace('-', '_')
   currentLanguage = aliasesLanguages[snakeCaseLanguage] ? aliasesLanguages[snakeCaseLanguage] : snakeCaseLanguage
 }
@@ -79,6 +82,8 @@ buildTranslationsPromise(defaultLanguage, currentLanguage)
     })
 
     app.use(gettext)
+    app.mixin(CommonMixins)
+    app.component('SafeHTML', SafeHTML)
 
     // Routes
     let routes = []
@@ -91,7 +96,7 @@ buildTranslationsPromise(defaultLanguage, currentLanguage)
       routes = routes.concat([
         {
           path: base,
-          component: Search
+          component: Home
         },
         {
           path: base + 'search',
@@ -108,6 +113,7 @@ buildTranslationsPromise(defaultLanguage, currentLanguage)
 
     const router = createRouter({
       history: createWebHistory(),
+      scrollBehavior: buildScrollBehaviour(),
       routes
     })
 
@@ -150,7 +156,7 @@ function buildTranslationsPromise (defaultLanguage, currentLanguage) {
   if (currentLanguage === defaultLanguage) return Promise.resolve(translations)
 
   // Fetch translations from server
-  const fromRemote = import('./translations/' + currentLanguage + '.json')
+  const fromRemote = import(`./translations/${currentLanguage}.json`)
     .then(module => {
       const remoteTranslations = module.default
       try {
@@ -176,3 +182,22 @@ function buildTranslationsPromise (defaultLanguage, currentLanguage) {
 
   return fromRemote
 }
+
+function buildScrollBehaviour (): RouterScrollBehavior {
+  const isBot = /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent)
+  const isGoogleCache = window.location.host === 'webcache.googleusercontent.com'
+
+  if (isBot || isGoogleCache) return undefined
+
+  return (to, from, savedPosition) => {
+    if (savedPosition) return savedPosition
+    if (to.hash) return { el: to.hash }
+    if (to.path === from.path) return undefined
+
+    // Have to use a promise here
+    // FIXME: https://github.com/vuejs/router/issues/1411
+    return new Promise(res => setTimeout(() => {
+      res({ top: 0, left: 0 })
+    }))
+  }
+}
diff --git a/client/src/mixins/CommonMixins.ts b/client/src/mixins/CommonMixins.ts
new file mode 100644
index 0000000..2abc4c5
--- /dev/null
+++ b/client/src/mixins/CommonMixins.ts
@@ -0,0 +1,9 @@
+export default {
+  methods: {
+    async lazyRenderMarkdown (markdown: string) {
+      const { renderMarkdown } = await import('../shared/markdown-render')
+
+      return renderMarkdown(markdown)
+    }
+  }
+}
diff --git a/client/src/models/search-url.model.ts b/client/src/models/search-url.model.ts
index e03c1ac..a97d092 100644
--- a/client/src/models/search-url.model.ts
+++ b/client/src/models/search-url.model.ts
@@ -4,15 +4,15 @@ export interface SearchUrl {
   host?: string
   publishedDateRange?: string
   durationRange?: string
-  categoryOneOf?: number[]
-  licenceOneOf?: number[]
+  categoryOneOf?: string[]
+  licenceOneOf?: string[]
   languageOneOf?: string[]
 
   tagsAllOf?: string[]
   tagsOneOf?: string[]
 
-  isLive?: boolean | string
+  isLive?: string
 
   sort?: string
-  page?: number | string
+  page?: string
 }
diff --git a/client/src/scss/_bootstrap-mixins.scss b/client/src/scss/_bootstrap-mixins.scss
new file mode 100644
index 0000000..f29265f
--- /dev/null
+++ b/client/src/scss/_bootstrap-mixins.scss
@@ -0,0 +1,7 @@
+@import './_bootstrap-variables';
+
+@import 'bootstrap/scss/functions';
+@import 'bootstrap/scss/variables';
+@import 'bootstrap/scss/maps';
+@import 'bootstrap/scss/mixins';
+@import 'bootstrap/scss/utilities';
diff --git a/client/src/scss/_bootstrap-variables.scss b/client/src/scss/_bootstrap-variables.scss
new file mode 100644
index 0000000..5996a84
--- /dev/null
+++ b/client/src/scss/_bootstrap-variables.scss
@@ -0,0 +1,24 @@
+@import "_variables";
+
+$primary: $orange-main;
+$body-color: $main-font-color;
+
+$link-color: $main-font-color;
+$link-decoration: none;
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px,
+  xxl: 1270px
+);
+
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  xxl: 1400px
+);
diff --git a/client/src/scss/_mixins.scss b/client/src/scss/_mixins.scss
new file mode 100644
index 0000000..4677ca9
--- /dev/null
+++ b/client/src/scss/_mixins.scss
@@ -0,0 +1,8 @@
+@import './_variables';
+
+@import "bootstrap/scss/mixins";
+
+@mixin all-width-block {
+  margin-left: -$main-horizontal-padding;
+  margin-right: -$main-horizontal-padding;
+}
diff --git a/client/src/scss/_variables.scss b/client/src/scss/_variables.scss
index c5f7217..5faf7fb 100644
--- a/client/src/scss/_variables.scss
+++ b/client/src/scss/_variables.scss
@@ -1,23 +1,32 @@
+$font-bold: 700;
 $font-semibold: 600;
 
-$orange: #f67e08;
-$orange-darken: #f1680d;
-$orange-lighten: #fff8f0;
-$grey: #858383;
-$brown: #5e4f3a;
+$main-font-color: #212529;
+$secondary-font-color: #717679;
+
+$orange-main: #f1680d;
+$orange-600: #D24C00;
+
+$beige-300: #FFFAF6;
+$beige-400: #FFF5EB;
+$beige-500: #FCE8DB;
+$beige-600: #FCE1CF;
+$beige-700: #FFC99E;
+$beige-800: #FFB370;
+
+$grey: #666;
 
 $responsive-screen: 992px;
 $small-screen: 700px;
 
-$primary: $orange;
-$secondary: $grey;
-
 $thumbnail-width: 280px;
 $thumbnail-height: 153px;
 
-$small-font-size: 12px;
-
 $container-width: 1024px;
 $small-view: 900px;
 
 $input-height: 30px;
+
+$border-input-color: #C6C6C6;
+
+$main-horizontal-padding: 1rem;
diff --git a/client/src/scss/bootstrap.scss b/client/src/scss/bootstrap.scss
new file mode 100644
index 0000000..c095798
--- /dev/null
+++ b/client/src/scss/bootstrap.scss
@@ -0,0 +1,51 @@
+@import "_bootstrap-variables";
+
+// Configuration
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/maps";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/utilities";
+
+// Layout & components
+@import "bootstrap/scss/root";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/type";
+// @import "bootstrap/scss/images";
+// @import "bootstrap/scss/containers";
+// @import "bootstrap/scss/grid";
+// @import "bootstrap/scss/tables";
+// @import "bootstrap/scss/forms";
+// @import "bootstrap/scss/buttons";
+// @import "bootstrap/scss/transitions";
+// @import "bootstrap/scss/dropdown";
+// @import "bootstrap/scss/button-group";
+// @import "bootstrap/scss/nav";
+// @import "bootstrap/scss/navbar";
+// @import "bootstrap/scss/card";
+// @import "bootstrap/scss/accordion";
+// @import "bootstrap/scss/breadcrumb";
+// @import "bootstrap/scss/pagination";
+// @import "bootstrap/scss/badge";
+// @import "bootstrap/scss/alert";
+// @import "bootstrap/scss/progress";
+// @import "bootstrap/scss/list-group";
+// @import "bootstrap/scss/close";
+// @import "bootstrap/scss/toasts";
+// @import "bootstrap/scss/modal";
+// @import "bootstrap/scss/tooltip";
+@import "bootstrap/scss/popover";
+// @import "bootstrap/scss/carousel";
+// @import "bootstrap/scss/spinners";
+// @import "bootstrap/scss/offcanvas";
+// @import "bootstrap/scss/placeholders";
+
+// Helpers
+@import "bootstrap/scss/helpers";
+
+// Utilities
+@import "bootstrap/scss/utilities/api";
+
+.fs-7 {
+  font-size: 0.875rem !important;
+}
diff --git a/client/src/scss/classes.scss b/client/src/scss/classes.scss
new file mode 100644
index 0000000..b2f0cf3
--- /dev/null
+++ b/client/src/scss/classes.scss
@@ -0,0 +1,301 @@
+@use 'sass:color';
+
+@import '_variables';
+@import '_mixins';
+@import '_bootstrap-mixins';
+
+.peertube-radio-container {
+  [type=radio]:checked,
+  [type=radio]:not(:checked) {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+  }
+
+  [type=radio]:checked + label,
+  [type=radio]:not(:checked) + label {
+    position: relative;
+    padding-left: 28px;
+    cursor: pointer;
+    line-height: 20px;
+    display: inline-block;
+    font-weight: normal
+  }
+
+  [type=radio]:checked + label::before,
+  [type=radio]:not(:checked) + label::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 14px;
+    height: 14px;
+    border: 1px solid #C6C6C6;
+    border-radius: 100%;
+    background: #fff;
+  }
+
+  [type=radio]:checked + label::after,
+  [type=radio]:not(:checked) + label::after {
+    content: '';
+    width: 8px;
+    height: 8px;
+    background: $orange-main;
+    position: absolute;
+    top: 3px;
+    left: 3px;
+    border-radius: 100%;
+    transition: all 0.2s ease;
+  }
+  [type=radio]:not(:checked) + label::after {
+    opacity: 0;
+    transform: scale(0);
+  }
+  [type=radio]:checked + label::after {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+// ---------------------------------------------------------------------------
+
+.peertube-button {
+  padding: 0.5rem 1rem;
+  display: inline-block;
+  font-weight: $font-bold;
+  border-radius: 6px;
+  text-align: center;
+  border: 2px solid $orange-main;
+  transition: opacity 0.2s;
+  font-size: 0.875rem;
+  cursor: pointer;
+  line-height: 1.35;
+
+  &:focus-visible {
+    box-shadow: 0 0 0 0.25rem $main-font-color;
+  }
+}
+
+.peertube-primary-button {
+  border: 2px solid $orange-main;
+  color: #fff;
+  background: $orange-main;
+
+  &:hover {
+    opacity: 0.8 !important;
+    color: #fff;
+  }
+}
+
+.peertube-secondary-button {
+  color: $main-font-color;
+  background: transparent;
+
+  &:hover {
+    opacity: 0.8;
+    background: rgb(242, 105, 13, 0.1);
+    color: $main-font-color;
+  }
+}
+
+.peertube-button-link {
+  &, &:hover, &:focus, &:active {
+    text-decoration: none !important;
+  }
+}
+
+// ---------------------------------------------------------------------------
+
+.select-container {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  border-radius: 3px;
+  position: relative;
+  background-color: #fff;
+  color: #000;
+
+  &:after {
+    top: 50%;
+    right: calc(0% + 15px);
+    content: " ";
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+    border: 5px solid rgba(0, 0, 0, 0);
+    border-top-color: #000;
+    margin-top: -2px;
+    z-index: 100;
+  }
+
+  select {
+    padding: 0 35px 0 12px;
+    position: relative;
+    border: 1px solid $border-input-color;
+    background: transparent none;
+    appearance: none;
+    cursor: pointer;
+    height: $input-height;
+    width: 100%;
+    text-overflow: ellipsis;
+
+    &:focus {
+      outline: none;
+    }
+
+    &:-moz-focusring {
+      color: transparent;
+      text-shadow: 0 0 0 #000;
+    }
+
+    option {
+      color: #000;
+    }
+  }
+}
+
+.classic-input-text {
+  display: block;
+  min-height: 30px;
+  width: 100%;
+  border: 1px solid $border-input-color;
+  padding: 0 35px 0 12px;
+  outline: 0;
+}
+
+.ti-tag {
+  background: $orange-600 !important;
+}
+
+// ---------------------------------------------------------------------------
+
+.peertube-link {
+  color: $main-font-color;
+  font-weight: $font-bold;
+  border-bottom: 3px solid $orange-main;
+  transition: border-bottom-width 0.2s ease;
+  text-decoration: none;
+  transition: color 0.1s;
+
+  &:hover {
+    text-decoration: none;
+    color: color.scale($main-font-color, $lightness: +20%);
+  }
+}
+
+// ---------------------------------------------------------------------------
+
+.card {
+  @include padding(2.5rem);
+
+  background-color: $beige-500;
+  border: 1px solid $beige-700;
+  border-radius: 16px;
+
+  @include media-breakpoint-down(sm) {
+    @include all-width-block;
+    @include padding(2.5rem 1rem);
+
+    border: none;
+    border-radius: 0;
+  }
+}
+
+.search-card-result {
+  @include padding(1.5rem);
+
+  display: flex;
+  background-color: #fff;
+  border: 1px solid $beige-700;
+  border-radius: 4px;
+
+  h4 {
+    color: $main-font-color;
+    font-size: 1.25rem;
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+    line-height: 1.2;
+
+    a {
+      text-decoration: none;
+      color: inherit;
+
+      &:hover {
+        opacity: 0.8;
+      }
+    }
+
+    & + .small-separator {
+      margin-bottom: 1rem;
+      height: 3px;
+      width: 25px;
+    }
+  }
+
+  .image-container {
+    margin-right: 2rem;
+    flex-shrink: 0;
+  }
+
+  .metadata,
+  .description {
+    font-size: 0.875rem;
+  }
+
+  .metadata {
+    label {
+      color: $secondary-font-color;
+      margin-top: 0.25rem;
+      margin-right: 0.5rem;
+    }
+  }
+
+  .button-link-container {
+    text-align: right;
+    margin-top: 1rem;
+  }
+
+  @include media-breakpoint-down(sm) {
+    @include all-width-block;
+
+    border-right: 0;
+    border-left: 0;
+    border-radius: 0;
+    flex-direction: column;
+
+    .image-container {
+      margin-right: 0;
+    }
+
+    h4 {
+      margin-top: 2rem;
+    }
+
+    .button-link-container {
+      text-align: left;
+    }
+  }
+}
+
+// ---------------------------------------------------------------------------
+
+.muted {
+  color: $grey;
+}
+
+.wrap-text {
+  word-break: break-word;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
+.small-separator {
+  width: 50px;
+  height: 6px;
+  background: #f2690d;
+  border-radius: 4px;
+}
diff --git a/client/src/scss/main.scss b/client/src/scss/main.scss
index 11c1b92..984e758 100644
--- a/client/src/scss/main.scss
+++ b/client/src/scss/main.scss
@@ -1,244 +1,63 @@
-@import "_variables";
-@import "./progress";
+@use 'sass:color';
 
-$border-input-color: #C6C6C6;
+@import '_variables';
+
+@import 'bootstrap.scss';
+
+@import './progress';
+@import './classes';
 
 * {
   box-sizing: border-box;
 }
 
-body {
-  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-  font-size: 16px;
-  background-color: #ffad5c;
-  color: #000;
-  margin: 0;
-
-  @media screen and (max-width: $container-width) {
-    font-size: 14px;
-  }
-}
-
-.container {
-  padding-top: 0;
-  margin-top: 0;
-  width: $container-width;
-  background-color: #fff;
-  margin: auto;
-  padding: 50px 80px;
-  position: relative;
-
-  @media screen and (max-width: $container-width) {
-    width: 100%;
-    padding: 50px 10px;
-  }
-
-  @media screen and (max-width: $small-screen) {
-    padding: 20px 10px;
-  }
-}
-
-.button-link,
-.peertube-button {
-  background-color: $orange-darken;
-  color: #fff;
-  font-weight: $font-semibold;
-  border-radius: 5px;
-  padding: 7px 20px;
-  font-size: 13px;
-  text-decoration: none;
-  text-align: center;
-  outline: none;
-  cursor: pointer;
-
-  &:hover {
-    background-color: $orange;
-  }
-}
-
-.peertube-button {
-  font-weight: 600;
-  font-size: 15px;
-  height: 30px;
-  line-height: 30px;
-  padding: 0 17px 0 13px;
-  border: none;
-}
-
-.none-opacity {
-  opacity: 0;
-}
-
-.select-container {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  border-radius: 3px;
-  position: relative;
-  font-size: 15px;
-  background-color: #fff;
-  color: #000;
-
-  &:after {
-    top: 50%;
-    right: calc(0% + 15px);
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none;
-    border: 5px solid rgba(0, 0, 0, 0);
-    border-top-color: #000;
-    margin-top: -2px;
-    z-index: 100;
-  }
-
-  select {
-    padding: 0 35px 0 12px;
-    position: relative;
-    border: 1px solid $border-input-color;
-    background: transparent none;
-    appearance: none;
-    cursor: pointer;
-    height: $input-height;
-    width: 100%;
-    text-overflow: ellipsis;
-
-    &:focus {
-      outline: none;
-    }
-
-    &:-moz-focusring {
-      color: transparent;
-      text-shadow: 0 0 0 #000;
-    }
-
-    option {
-      color: #000;
-    }
-  }
-}
-
-.classic-input-text {
-  display: block;
-  min-height: 30px;
-  width: 100%;
-  border: 1px solid $border-input-color;
-  padding: 0 35px 0 12px;
+*:focus-visible {
+  box-shadow: 0 0 0 0.25rem $orange-main;
   outline: 0;
 }
 
-.results {
-  .root-result {
-    display: flex;
-    margin: 30px 0;
+body {
+  font-family: -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  line-height: 1.58;
+  background-color: #FFFAF6;
+  color: $main-font-color;
+}
+
+img {
+  max-width: 100%;
+}
+
+.container {
+  @include padding(4rem $main-horizontal-padding);
+
+  max-width: $container-width;
+  margin: auto;
+  position: relative;
+}
+
+input[type=text],
+.vue-tags-input {
+  font-size: 0.875rem;
+
+  &.ti-focus,
+  &:focus {
+    box-shadow: 0 0 0 .25rem $beige-600 !important;
   }
 
-  .information {
-    width: 100%;
+  &:focus-visible {
+    outline: 0;
+    box-shadow: 0 0 0 .15rem $orange-main !important;
   }
 
-  .title-block {
-
-    > *{
-      display: inline-block;
-    }
-
-    .handle {
-      font-size: $small-font-size;
-      color: $grey;
-    }
-  }
-
-  .title {
-    font-size: 24px;
-    font-weight: bold;
-    margin: 0 5px 0 0;
-    word-break: break-word;
-
-    a {
-      color: #000;
-      text-decoration: none;
-
-      &:hover {
-        opacity: 0.7;
-      }
-    }
-  }
-
-  .additional-information {
-    margin: 5px 0 20px 0;
-    font-size: $small-font-size;
-    color: $grey;
-  }
-
-  .description {
-    margin: 10px 0 20px 0;
-    border-left: 1px solid #dee2e6;
-    padding-left: 10px;
-    word-break: break-word;
-
-    a {
-      color: #0056b3;
-      text-decoration: none;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-  }
-
-  .metadata {
-    > div {
-      min-height: 27px;
-      display: flex;
-      align-items: center;
-      font-size: $small-font-size;
-    }
-
-    label {
-      color: $grey;
-      min-width: 100px;
-    }
-  }
-
-  .button {
-    text-align: right;
-  }
-
-  .button-link {
-    display: inline-block;
-    margin: 20px 0;
-  }
-
-  @media screen and (max-width: $small-view) {
-    .root-result {
-      flex-direction: column;
-    }
-
-    .title {
-      font-size: 20px;
-    }
-
-    .avatar {
-      margin: 0 auto 20px auto !important;
-    }
-
-    .thumbnail {
-      margin: 0 0 20px -10px !important;
-    }
-
-    .metadata {
-      label {
-        min-width: 70px;
-        margin-right: 10px;
-        align-items: center;
-        font-weight: bold;
-      }
-    }
+  ::placeholder {
+    color: #666;
   }
 }
 
-.ti-tag {
-  background: $orange-darken !important;
+.vue-tags-input {
+  max-width: unset !important;
+
+  input[type=text] {
+    box-shadow: none !important;
+  }
 }
diff --git a/client/src/scss/progress.scss b/client/src/scss/progress.scss
index 3a6a3b7..55d0135 100644
--- a/client/src/scss/progress.scss
+++ b/client/src/scss/progress.scss
@@ -6,7 +6,7 @@
 }
 
 #nprogress .bar {
-  background: $orange-darken;
+  background: $orange-600;
 
   position: fixed;
   z-index: 1031;
@@ -24,7 +24,7 @@
   right: 0px;
   width: 100px;
   height: 100%;
-  box-shadow: 0 0 10px $orange-darken, 0 0 5px $orange-darken;
+  box-shadow: 0 0 10px $orange-600, 0 0 5px $orange-600;
   opacity: 1.0;
 
   -webkit-transform: rotate(3deg) translate(0px, -4px);
@@ -38,7 +38,7 @@
   position: fixed;
   z-index: 1031;
   top: 15px;
-  right: 15px;
+  left: 15px;
 }
 
 #nprogress .spinner-icon {
@@ -47,8 +47,8 @@
   box-sizing: border-box;
 
   border: solid 2px transparent;
-  border-top-color: $orange-darken;
-  border-left-color: $orange-darken;
+  border-top-color: $orange-600;
+  border-left-color: $orange-600;
   border-radius: 50%;
 
   -webkit-animation: nprogress-spinner 400ms linear infinite;
diff --git a/client/src/shared/html-parser.ts b/client/src/shared/html-parser.ts
new file mode 100644
index 0000000..d1bc402
--- /dev/null
+++ b/client/src/shared/html-parser.ts
@@ -0,0 +1,40 @@
+function parseHTML (html: string) {
+  const div = document.createElement('div')
+  div.innerHTML = html
+
+  return div as HTMLDivElement
+}
+
+function getChildNodes (node: HTMLElement) {
+  return node.childNodes as NodeListOf<HTMLElement>
+}
+
+function getAttribute (node: HTMLElement, key: string) {
+  return node.getAttribute(key)
+}
+
+function getClass (node: HTMLElement) {
+  return node.className
+}
+
+function getText (node: HTMLElement) {
+  return node.textContent
+}
+
+function nodeIs (node: HTMLElement, tagName: string) {
+  if (tagName === 'TEXT') {
+    return node.nodeType === 3
+  }
+
+  return node.tagName === tagName
+}
+
+export {
+  parseHTML,
+
+  getChildNodes,
+  getClass,
+  getAttribute,
+  getText,
+  nodeIs
+}
diff --git a/client/src/shared/search.ts b/client/src/shared/search.ts
index 5205a16..8016e29 100644
--- a/client/src/shared/search.ts
+++ b/client/src/shared/search.ts
@@ -11,36 +11,42 @@ const baseVideosPath = '/api/v1/search/videos'
 const baseVideoChannelsPath = '/api/v1/search/video-channels'
 const baseVideoPlaylistsPath = '/api/v1/search/video-playlists'
 
-function searchVideos (params: VideosSearchQuery) {
-  const options = {
-    params
+function searchVideos (options: VideosSearchQuery) {
+  const axiosOptions = {
+    params: {
+      ...options,
+
+      search: options.search || undefined
+    }
   }
 
-  if (params.search) Object.assign(options.params, { search: params.search })
-
-  return axios.get<ResultList<EnhancedVideo>>(buildApiUrl(baseVideosPath), options)
+  return axios.get<ResultList<EnhancedVideo>>(buildApiUrl(baseVideosPath), axiosOptions)
     .then(res => res.data)
 }
 
-function searchVideoChannels (params: VideoChannelsSearchQuery) {
-  const options = {
-    params
+function searchVideoChannels (options: VideoChannelsSearchQuery) {
+  const axiosOptions = {
+    params: {
+      ...options,
+
+      search: options.search || undefined
+    }
   }
 
-  if (params.search) Object.assign(options.params, { search: params.search })
-
-  return axios.get<ResultList<EnhancedVideoChannel>>(buildApiUrl(baseVideoChannelsPath), options)
+  return axios.get<ResultList<EnhancedVideoChannel>>(buildApiUrl(baseVideoChannelsPath), axiosOptions)
     .then(res => res.data)
 }
 
-function searchVideoPlaylists (params: VideoPlaylistsSearchQuery) {
-  const options = {
-    params
+function searchVideoPlaylists (options: VideoPlaylistsSearchQuery) {
+  const axiosOptions = {
+    params: {
+      ...options,
+
+      search: options.search || undefined
+    }
   }
 
-  if (params.search) Object.assign(options.params, { search: params.search })
-
-  return axios.get<ResultList<EnhancedPlaylist>>(buildApiUrl(baseVideoPlaylistsPath), options)
+  return axios.get<ResultList<EnhancedPlaylist>>(buildApiUrl(baseVideoPlaylistsPath), axiosOptions)
     .then(res => res.data)
 }
 
diff --git a/client/src/shared/utils.ts b/client/src/shared/utils.ts
index bcd0475..4b18128 100644
--- a/client/src/shared/utils.ts
+++ b/client/src/shared/utils.ts
@@ -51,9 +51,9 @@ function durationRangeToAPIParams (durationRange: string) {
 }
 
 function publishedDateRangeToAPIParams (publishedDateRange: string) {
-  if (!publishedDateRange) {
-    return { startDate: undefined, endDate: undefined }
-  }
+  const empty = { startDate: undefined, endDate: undefined }
+
+  if (!publishedDateRange) return empty
 
   // today
   const date = new Date()
@@ -75,9 +75,12 @@ function publishedDateRangeToAPIParams (publishedDateRange: string) {
       date.setDate(date.getDate() - 365)
       break
 
+    case 'any_published_date':
+      return empty
+
     default:
       console.error('Unknown published date range %s', publishedDateRange)
-      return { startDate: undefined, endDate: undefined }
+      return empty
   }
 
   return { startDate: date.toISOString(), endDate: undefined }
@@ -93,12 +96,45 @@ function extractTagsFromQuery <T> (value: T | T[]) {
   return [ { text: value } ]
 }
 
+function extractQueryToStringArray (value: string | string[]) {
+  if (!value) return undefined
+
+  if (Array.isArray(value)) return value
+
+  return [ value ]
+}
+
+function extractQueryToIntArray (value: string | string[]) {
+  if (!value) return undefined
+
+  if (Array.isArray(value)) return value.map(v => parseInt(v))
+
+  return [ parseInt(value) ]
+}
+
+function extractQueryToInt (value: string) {
+  if (!value) return undefined
+
+  return parseInt(value)
+}
+
+function extractQueryToBoolean (value: string) {
+  if (value === 'true') return true
+  if (value === 'false') return false
+
+  return undefined
+}
+
 export {
   buildApiUrl,
   durationToString,
   publishedDateRangeToAPIParams,
   pageToAPIParams,
   durationRangeToAPIParams,
-  extractTagsFromQuery
+  extractTagsFromQuery,
+  extractQueryToStringArray,
+  extractQueryToIntArray,
+  extractQueryToInt,
+  extractQueryToBoolean
 }
 
diff --git a/client/src/views/Home.vue b/client/src/views/Home.vue
new file mode 100644
index 0000000..1876777
--- /dev/null
+++ b/client/src/views/Home.vue
@@ -0,0 +1,129 @@
+<template>
+  <div>
+    <my-header :index-name="indexName" :small-format="false" />
+
+    <main>
+      <div class="card search-home">
+        <img :src="searchImageUrl" alt="" />
+
+        <form id="search-anchor" role="search" onsubmit="return false;">
+          <search-input :label="false"></search-input>
+        </form>
+
+        <h3>
+          <SafeHTML>
+            {{
+              $gettext(
+                'Search for your favorite videos, channels and playlists on <a class="peertube-link" href="%{indexedInstancesUrl}" target="_blank">%{instancesCount} PeerTube websites</a> indexed by %{indexName}!',
+                { instancesCount: instancesCount, indexedInstancesUrl: indexedInstancesUrl, indexName: indexName },
+                true
+              )
+            }}
+          </SafeHTML>
+
+        </h3>
+      </div>
+
+      <search-warning class="search-warning" :index-name="indexName" :is-block-mode="true" />
+    </main>
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'vue'
+  import Header from '../components/Header.vue'
+  import SearchWarning from '../components/SearchWarning.vue'
+  import SearchInput from '../components/SearchInput.vue'
+  import { getConfig } from '../shared/config'
+  import { buildApiUrl } from '@/shared/utils'
+
+  export default defineComponent({
+    components: {
+      'search-input': SearchInput,
+      'search-warning': SearchWarning,
+      'my-header': Header
+    },
+
+    data () {
+      return {
+        instancesCount: undefined,
+        indexedInstancesUrl: '',
+        indexName: '',
+        formSearch: '',
+        searchImageUrl: '',
+
+        introSentence: ''
+      }
+    },
+
+    async mounted () {
+      const config = await getConfig()
+
+      this.instancesCount = config.indexedHostsCount
+      this.indexedInstancesUrl = config.indexedInstancesUrl
+      this.indexName = config.searchInstanceName
+
+      this.searchImageUrl = config.searchInstanceSearchImage
+        ? buildApiUrl(config.searchInstanceSearchImage)
+        : buildApiUrl('/img/sepia-search.svg')
+    }
+  })
+</script>
+
+<style scoped lang="scss">
+  @use 'sass:math';
+
+  @import '../scss/_variables';
+  @import '../scss/bootstrap-mixins';
+
+  main {
+    margin: auto;
+  }
+
+  h3 {
+    @include margin(2rem auto 0 auto);
+
+    max-width: 600px;
+    text-align: center;
+    font-weight: normal;
+    font-size: 1rem;
+    line-height: inherit;
+
+    a {
+      color: $orange-main;
+
+      &:hover {
+        color: $orange-600;
+      }
+    }
+  }
+
+  .card {
+    @include margin-bottom(4rem);
+
+    img {
+      display: block;
+      width: 290px;
+      height: 250px;
+      margin: 0 auto 1rem auto;
+    }
+  }
+
+  form {
+    max-width: 700px;
+    margin: auto;
+  }
+
+  .search-home img {
+    position: relative;
+    bottom: -8px;
+    margin-bottom: 0;
+    z-index: 100;
+
+    @include media-breakpoint-down(sm) {
+      width: 200px;
+      height: auto;
+      bottom: -5px;
+    }
+  }
+</style>
diff --git a/client/src/views/Search.vue b/client/src/views/Search.vue
index 570aa3a..d4c2508 100644
--- a/client/src/views/Search.vue
+++ b/client/src/views/Search.vue
@@ -1,520 +1,60 @@
 <template>
   <div>
-    <my-header
-      :index-name="indexName"
-      :small-format="searchDone"
-    />
-    <div
-      v-if="searchDone"
-      class="header-left-logo"
-    >
-      <img
-        src="/img/peertube-logo.svg"
-        alt=""
-      >
-    </div>
+    <my-header :index-name="indexName" :small-format="true" />
 
     <main>
-      <form
-        id="search-anchor"
-        class="search-container"
-        :class="{ 'search-container-small': !searchDone }"
-        role="search"
-        onsubmit="return false;"
-      >
-        <input
-          v-model="formSearch"
-          :placeholder="inputPlaceholder"
-          autofocus
-          type="text"
-          name="search"
-          autocapitalize="off"
-          autocomplete="off"
-          autocorrect="off"
-          maxlength="1024"
-        >
+      <form id="search-anchor" role="search" onsubmit="return false;">
 
-        <button @click="doNewSearch()">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          >
-            <circle
-              cx="11"
-              cy="11"
-              r="8"
-            />
-            <line
-              x1="21"
-              y1="21"
-              x2="16.65"
-              y2="16.65"
-            />
-          </svg>
+        <div class="card position-relative">
+          <button class="warning-button popover-button">
+            <div class="visually-hidden">{{ $gettext('Toggle warning information') }}</div>
 
-          <span v-if="formSearch">
-            {{ $gettext('Go!') }}
-          </span>
-          <span v-else>
-            {{ $gettext('Explore!') }}
-          </span>
-        </button>
-      </form>
+            <icon-warning></icon-warning>
+          </button>
 
-      <h3
-        v-if="!searchDone"
-        v-translate="{ instancesCount: instancesCount, indexedInstancesUrl: indexedInstancesUrl, indexName: indexName }"
-        :class="{ 'none-opacity': !instancesCount }"
-      >
-        Search for your favorite videos, channels and playlists on <a
-          href="%{indexedInstancesUrl}"
-          target="_blank"
-        >%{instancesCount} PeerTube websites</a> indexed by %{indexName}!
-      </h3>
+          <search-warning class="d-none popover-content" :index-name="indexName" :is-block-mode="false" />
 
-      <search-warning
-        class="search-warning"
-        :index-name="indexName"
-        :highlight="!searchDone"
-      />
-
-      <div
-        v-if="searchDone"
-        class="results"
-      >
-        <div class="filters">
-          <div class="button-rows">
-            <button
-              class="filters-button peertube-button"
-              @click="toggleFilters()"
-            >
-              {{ $gettext('Filters') }}
-              &nbsp;
-              <span v-if="activeFilters">({{ activeFilters }})</span>
-
-              <div class="arrow-down" />
-            </button>
-
-            <div class="sort-select">
-              <label
-                v-translate
-                for="sort"
-              >Sort by:</label>
-              <div class="sort-select select-container">
-                <select
-                  id="sort"
-                  v-model="formSort"
-                  name="sort"
-                >
-                  <option
-                    v-translate
-                    value="-match"
-                  >
-                    Best match
-                  </option>
-                  <option
-                    v-translate
-                    value="-publishedAt"
-                  >
-                    Most recent
-                  </option>
-                  <option
-                    v-translate
-                    value="publishedAt"
-                  >
-                    Least recent
-                  </option>
-                </select>
-              </div>
-            </div>
-          </div>
-
-          <form
-            v-if="displayFilters"
-            class="filters-content"
-          >
-            <div class="form-group small-height">
-              <div class="radio-label label-container">
-                <label v-translate>Display sensitive content</label>
-
-                <button
-                  v-if="formNSFW !== undefined"
-                  v-translate
-                  class="reset-button"
-                  @click="resetField('nsfw')"
-                >
-                  Reset
-                </button>
-              </div>
-
-              <div class="radio-container">
-                <input
-                  id="sensitiveContentYes"
-                  v-model="formNSFW"
-                  type="radio"
-                  name="sensitiveContent"
-                  value="both"
-                >
-                <label
-                  v-translate
-                  for="sensitiveContentYes"
-                  class="radio"
-                >Yes</label>
-              </div>
-
-              <div class="radio-container">
-                <input
-                  id="sensitiveContentNo"
-                  v-model="formNSFW"
-                  type="radio"
-                  name="sensitiveContent"
-                  value="false"
-                >
-                <label
-                  v-translate
-                  for="sensitiveContentNo"
-                  class="radio"
-                >No</label>
-              </div>
-            </div>
-
-            <div class="form-group small-height">
-              <div class="radio-label label-container">
-                <label v-translate>Display only</label>
-
-                <button
-                  v-if="formIsLive !== undefined"
-                  v-translate
-                  class="reset-button"
-                  @click="resetField('isLive')"
-                >
-                  Reset
-                </button>
-              </div>
-
-              <div class="radio-container">
-                <input
-                  id="isLiveYes"
-                  v-model="formIsLive"
-                  type="radio"
-                  name="isLive"
-                  value="both"
-                >
-                <label
-                  v-translate
-                  for="isLiveYes"
-                  class="radio"
-                >Live videos</label>
-              </div>
-
-              <div class="radio-container">
-                <input
-                  id="isLiveNo"
-                  v-model="formIsLive"
-                  type="radio"
-                  name="isLive"
-                  value="false"
-                >
-                <label
-                  v-translate
-                  for="isLiveNo"
-                  class="radio"
-                >VOD videos</label>
-              </div>
-            </div>
-
-            <div class="form-group">
-              <div class="radio-label label-container">
-                <label v-translate>Published date</label>
-
-                <button
-                  v-if="formPublishedDateRange !== undefined"
-                  v-translate
-                  class="reset-button"
-                  @click="resetField('publishedDateRange')"
-                >
-                  Reset
-                </button>
-              </div>
-
-              <div
-                v-for="date in publishedDateRanges"
-                :key="date.id"
-                class="radio-container"
-              >
-                <input
-                  :id="date.id"
-                  v-model="formPublishedDateRange"
-                  type="radio"
-                  name="publishedDateRange"
-                  :value="date.id"
-                >
-                <label
-                  :for="date.id"
-                  class="radio"
-                >{{ date.label }}</label>
-              </div>
-            </div>
-
-            <div class="form-group">
-              <div class="radio-label label-container">
-                <label v-translate>Duration</label>
-                <button
-                  v-if="formDurationRange !== undefined"
-                  v-translate
-                  class="reset-button"
-                  @click="resetField('durationRange')"
-                >
-                  Reset
-                </button>
-              </div>
-
-              <div
-                v-for="duration in durationRanges"
-                :key="duration.id"
-                class="radio-container"
-              >
-                <input
-                  :id="duration.id"
-                  v-model="formDurationRange"
-                  type="radio"
-                  name="durationRange"
-                  :value="duration.id"
-                >
-                <label
-                  :for="duration.id"
-                  class="radio"
-                >{{ duration.label }}</label>
-              </div>
-            </div>
-
-            <div class="form-group">
-              <label
-                v-translate
-                for="category"
-              >Category</label>
-              <button
-                v-if="formCategoryOneOf !== undefined"
-                v-translate
-                class="reset-button"
-                @click="resetField('categoryOneOf')"
-              >
-                Reset
-              </button>
-
-              <div class="select-container">
-                <select
-                  id="category"
-                  v-model="formCategoryOneOf"
-                  name="category"
-                >
-                  <option
-                    v-translate
-                    :value="undefined"
-                  >
-                    Display all categories
-                  </option>
-                  <option
-                    v-for="category in videoCategories"
-                    :key="category.id"
-                    :value="category.id"
-                  >
-                    {{ category.label }}
-                  </option>
-                </select>
-              </div>
-            </div>
-
-            <div class="form-group">
-              <label
-                v-translate
-                for="licence"
-              >Licence</label>
-              <button
-                v-if="formLicenceOneOf !== undefined"
-                v-translate
-                class="reset-button"
-                @click="resetField('licenceOneOf')"
-              >
-                Reset
-              </button>
-
-              <div class="select-container">
-                <select
-                  id="licence"
-                  v-model="formLicenceOneOf"
-                  name="licence"
-                >
-                  <option
-                    v-translate
-                    :value="undefined"
-                  >
-                    Display all licenses
-                  </option>
-                  <option
-                    v-for="licence in videoLicences"
-                    :key="licence.id"
-                    :value="licence.id"
-                  >
-                    {{ licence.label }}
-                  </option>
-                </select>
-              </div>
-            </div>
-
-            <div class="form-group">
-              <label
-                v-translate
-                for="language"
-              >Language</label>
-              <button
-                v-if="formLanguageOneOf !== undefined"
-                v-translate
-                class="reset-button"
-                @click="resetField('languageOneOf')"
-              >
-                Reset
-              </button>
-
-              <div class="select-container">
-                <select
-                  id="language"
-                  v-model="formLanguageOneOf"
-                  name="language"
-                >
-                  <option
-                    v-translate
-                    :value="undefined"
-                  >
-                    Display all languages
-                  </option>
-                  <option
-                    v-for="language in videoLanguages"
-                    :key="language.id"
-                    :value="language.id"
-                  >
-                    {{ language.label }}
-                  </option>
-                </select>
-              </div>
-            </div>
-
-            <div class="form-group">
-              <label
-                v-translate
-                for="host"
-              >PeerTube instance</label>
-
-              <input
-                id="host"
-                v-model="formHost"
-                type="text"
-                name="host"
-                class="classic-input-text"
-              >
-            </div>
-
-            <div class="form-group">
-              <label
-                v-translate
-                for="tagsAllOf"
-              >All of these tags</label>
-              <button
-                v-if="formTagsAllOf.length !== 0"
-                v-translate
-                class="reset-button"
-                @click="resetField('tagsAllOf')"
-              >
-                Reset
-              </button>
-
-              <vue-tags-input
-                v-model="formTagAllOf"
-                :placeholder="tagsPlaceholder"
-                :tags="formTagsAllOf"
-                @tags-changed="newTags => formTagsAllOf = newTags"
-              />
-            </div>
-
-            <div class="form-group">
-              <label
-                v-translate
-                for="tagsOneOf"
-              >One of these tags</label>
-              <button
-                v-if="formTagsOneOf.length !== 0"
-                v-translate
-                class="reset-button"
-                @click="resetField('tagsOneOf')"
-              >
-                Reset
-              </button>
-
-              <vue-tags-input
-                v-model="formTagOneOf"
-                :placeholder="tagsPlaceholder"
-                :tags="formTagsOneOf"
-                @tags-changed="newTags => formTagsOneOf = newTags"
-              />
-            </div>
-
-            <div class="button-block">
-              <input
-                class="peertube-button"
-                type="button"
-                :value="applyFiltersLabel"
-                @click="doNewSearch()"
-              >
-            </div>
-          </form>
+          <search-input class="search-input" :label="true"></search-input>
         </div>
 
-        <div
-          id="results-anchor"
-          class="results-summary"
-        >
+
+        <div class="button-rows">
+          <button
+            class="filters-button peertube-button peertube-primary-button"
+            :aria-expanded="displayFilters" aria-controls="filters" @click="toggleFilters()"
+          >
+            {{ $gettext('Filters') }}
+            <template v-if="activeFilters">({{ activeFilters }})</template>
+
+            <div class="arrow-down" />
+          </button>
+
+          <sort-button></sort-button>
+        </div>
+
+        <filters v-if="displayFilters" id="filters"></filters>
+      </form>
+
+      <div class="results">
+        <div class="results-summary">
           <span v-if="resultsCount === 0">
-            {{ $gettext('No results found') }}
+            {{ $gettext('No results found.') }}
           </span>
 
           <span v-if="resultsCount">
-            {{ $ngettext('%{resultsCount} result found', '%{resultsCount} results found', resultsCount, { resultsCount: resultsCount + '' }) }}
+            {{ $ngettext('%{resultsCount} result found:', '%{resultsCount} results found:', resultsCount, { resultsCount: resultsCount.toLocaleString() }) }}
           </span>
         </div>
 
-        <div
-          v-for="result in results"
-          :key="getResultKey(result)"
-        >
-          <video-result
-            v-if="isVideo(result)"
-            :video="result"
-          />
+        <div v-for="result in results" :key="getResultKey(result)">
+          <video-result v-if="isVideo(result)" :video="result" class="mb-4" />
 
-          <channel-result
-            v-else-if="isChannel(result)"
-            :channel="result"
-          />
+          <channel-result v-else-if="isChannel(result)" :channel="result" class="mb-4" />
 
-          <playlist-result
-            v-else
-            :playlist="result"
-          />
+          <playlist-result v-else :playlist="result" class="mb-4" />
         </div>
 
-        <pagination
-          v-model="currentPage"
-          :max-page="getMaxPage()"
-          :search-done="searchDone"
-          :pages="pages"
-        />
+        <pagination v-model="currentPage" :max-page="getMaxPage()" :searched="searched" :pages="pages" />
       </div>
     </main>
   </div>
@@ -527,19 +67,21 @@
   import VideoResult from '../components/VideoResult.vue'
   import ChannelResult from '../components/ChannelResult.vue'
   import PlaylistResult from '../components/PlaylistResult.vue'
+  import IconWarning from '../components/icons/IconWarning.vue'
+  import Filters from '../components/Filters.vue'
   import { searchVideos, searchVideoChannels, searchVideoPlaylists } from '../shared/search'
   import { getConfig } from '../shared/config'
-  import { pageToAPIParams, durationRangeToAPIParams, publishedDateRangeToAPIParams, extractTagsFromQuery } from '../shared/utils'
+  import { pageToAPIParams, durationRangeToAPIParams, publishedDateRangeToAPIParams, extractTagsFromQuery, extractQueryToIntArray, extractQueryToStringArray, extractQueryToInt, extractQueryToBoolean } from '../shared/utils'
   import { SearchUrl } from '../models'
   import { EnhancedVideo } from '../../../server/types/video.model'
   import { EnhancedVideoChannel } from '../../../server/types/channel.model'
-  import VueTagsInput from '@sipec/vue3-tags-input'
   import Pagination from '../components/Pagination.vue'
+  import SearchInput from '../components/SearchInput.vue'
+  import SortButton from '../components/SortButton.vue'
   import { VideoChannelsSearchQuery, ResultList, VideosSearchQuery } from '../../../PeerTube/shared/models'
   import Nprogress from 'nprogress'
   import { EnhancedPlaylist } from '../../../server/types/playlist.model'
   import { PlaylistsSearchQuery } from '../../../server/types/search-query/playlist-search.model'
-  import { LocationQueryRaw } from 'vue-router'
 
   export default defineComponent({
     components: {
@@ -548,17 +90,18 @@
       'video-result': VideoResult,
       'channel-result': ChannelResult,
       'playlist-result': PlaylistResult,
-      'vue-tags-input': VueTagsInput,
-      'pagination': Pagination
+      'search-input': SearchInput,
+      'pagination': Pagination,
+      'filters': Filters,
+      'sort-button': SortButton,
+      'icon-warning': IconWarning
     },
 
     data () {
       return {
-        searchDone: false,
+        searched: false,
 
         indexName: '',
-        instancesCount: 0,
-        indexedInstancesUrl: '',
         results: [] as (EnhancedVideo | EnhancedVideoChannel | EnhancedPlaylist)[],
 
         resultsCount: null as number,
@@ -572,159 +115,18 @@
         resultsPerChannelsPage: 3,
         resultsPerPlaylistsPage: 3,
 
+        activeFilters: 0,
         displayFilters: false,
-        oldQuery: '',
-
-        formSearch: '',
-        formSort: '-match',
-
-        formNSFW: undefined,
-        formHost: '',
-        formPublishedDateRange: undefined,
-        formDurationRange: undefined,
-        formCategoryOneOf: undefined,
-        formLicenceOneOf: undefined,
-        formLanguageOneOf: undefined,
-
-        formTagAllOf: '',
-        formTagOneOf: '',
-        formTagsAllOf: [],
-        formTagsOneOf: [],
-
-        formIsLive: undefined,
-
-        activeFilters: 0
+        oldQuery: ''
       }
     },
 
     computed: {
-      applyFiltersLabel (): string {
-        return this.$gettext('Apply filters')
-      },
-
-      inputPlaceholder (): string {
-        return this.$gettext('Keyword, channel, video, playlist, etc.')
-      },
-
-      tagsPlaceholder (): string {
-        return this.$gettext('Add tag')
-      },
-
-      publishedDateRanges (): { id: string, label: string }[] {
-        return [
-          {
-            id: 'any_published_date',
-            label: this.$gettext('Any')
-          },
-          {
-            id: 'today',
-            label: this.$gettext('Today')
-          },
-          {
-            id: 'last_7days',
-            label: this.$gettext('Last 7 days')
-          },
-          {
-            id: 'last_30days',
-            label: this.$gettext('Last 30 days')
-          },
-          {
-            id: 'last_365days',
-            label: this.$gettext('Last 365 days')
-          }
-        ]
-      },
-
-      durationRanges (): { id: string, label: string }[] {
-        return [
-          {
-            id: 'any_duration',
-            label: this.$gettext('Any')
-          },
-          {
-            id: 'short',
-            label: this.$gettext('Short (< 4 min)')
-          },
-          {
-            id: 'medium',
-            label: this.$gettext('Medium (4-10 min)')
-          },
-          {
-            id: 'long',
-            label: this.$gettext('Long (> 10 min)')
-          }
-        ]
-      },
-
-      videoCategories (): { id: string, label: string }[] {
-        return [
-          { id: '1', label: this.$gettext('Music') },
-          { id: '2', label: this.$gettext('Films') },
-          { id: '3', label: this.$gettext('Vehicles') },
-          { id: '4', label: this.$gettext('Art') },
-          { id: '5', label: this.$gettext('Sports') },
-          { id: '6', label: this.$gettext('Travels') },
-          { id: '7', label: this.$gettext('Gaming') },
-          { id: '8', label: this.$gettext('People') },
-          { id: '9', label: this.$gettext('Comedy') },
-          { id: '10', label: this.$gettext('Entertainment') },
-          { id: '11', label: this.$gettext('News & Politics') },
-          { id: '12', label: this.$gettext('How To') },
-          { id: '13', label: this.$gettext('Education') },
-          { id: '14', label: this.$gettext('Activism') },
-          { id: '15', label: this.$gettext('Science & Technology') },
-          { id: '16', label: this.$gettext('Animals') },
-          { id: '17', label: this.$gettext('Kids') },
-          { id: '18', label: this.$gettext('Food') }
-        ]
-      },
-
-      videoLicences (): { id: string, label: string }[] {
-        return [
-          { id: '1', label: this.$gettext('Attribution') },
-          { id: '2', label: this.$gettext('Attribution - Share Alike') },
-          { id: '3', label: this.$gettext('Attribution - No Derivatives') },
-          { id: '4', label: this.$gettext('Attribution - Non Commercial') },
-          { id: '5', label: this.$gettext('Attribution - Non Commercial - Share Alike') },
-          { id: '6', label: this.$gettext('Attribution - Non Commercial - No Derivatives') },
-          { id: '7', label: this.$gettext('Public Domain Dedication') }
-        ]
-      },
-
-      videoLanguages (): { id: string, label: string }[] {
-        return [
-          { id: 'en', label: this.$gettext('English') },
-          { id: 'fr', label: this.$gettext('Français') },
-          { id: 'ja', label: this.$gettext('日本語') },
-          { id: 'eu', label: this.$gettext('Euskara') },
-          { id: 'ca', label: this.$gettext('Català') },
-          { id: 'cs', label: this.$gettext('Čeština') },
-          { id: 'eo', label: this.$gettext('Esperanto') },
-          { id: 'el', label: this.$gettext('ελληνικά') },
-          { id: 'de', label: this.$gettext('Deutsch') },
-          { id: 'it', label: this.$gettext('Italiano') },
-          { id: 'nl', label: this.$gettext('Nederlands') },
-          { id: 'es', label: this.$gettext('Español') },
-          { id: 'oc', label: this.$gettext('Occitan') },
-          { id: 'gd', label: this.$gettext('Gàidhlig') },
-          { id: 'zh', label: this.$gettext('简体中文（中国）') },
-          { id: 'pt', label: this.$gettext('Português (Portugal)') },
-          { id: 'sv', label: this.$gettext('svenska') },
-          { id: 'pl', label: this.$gettext('Polski') },
-          { id: 'fi', label: this.$gettext('suomi') },
-          { id: 'ru', label: this.$gettext('русский') }
-        ]
-      },
-
       boostLanguagesQuery (): string[] {
         const languages = new Set<string>()
 
         for (const completeLanguage of navigator.languages) {
-          const language = completeLanguage.split('-')[0]
-
-          if (this.videoLanguages.find(vl => vl.id === language)) {
-            languages.add(language)
-          }
+          languages.add(completeLanguage.split('-')[0])
         }
 
         return Array.from(languages)
@@ -732,34 +134,27 @@
     },
 
     watch: {
-      // For pagination change
       $route() {
-        const urlPage = this.$route.query.page as string
-
-        const scrollToResults = urlPage && parseInt(urlPage) !== this.currentPage
-
         this.loadUrl()
-
         this.doSearch()
-        if (scrollToResults) this.scrollToResults()
-      },
-
-      formSort () {
-        this.updateUrl()
       }
     },
 
     async mounted () {
+      // eslint-disable-next-line no-new
+      import('bootstrap/js/dist/popover')
+        .then(Popover => {
+          new Popover.default(this.$el.querySelector('.popover-button'), {
+            content: document.querySelector('.popover-content'),
+            sanitize: false
+          })
+        })
+
       const config = await getConfig()
 
-      this.instancesCount = config.indexedHostsCount
-      this.indexedInstancesUrl = config.indexedInstancesUrl
       this.indexName = config.searchInstanceName
 
       if (Object.keys(this.$route.query).length !== 0) {
-        // Speed up search done variable if the user came directly with a query
-        // So it does not see the homepage for a few ms
-        this.searchDone = true
         this.loadUrl()
         this.doSearch()
       }
@@ -767,21 +162,9 @@
 
     methods: {
 
-      doNewSearch () {
-        this.currentPage = 1
-        this.channelsCount = null
-        this.videosCount = null
-        this.playlistsCount = null
-        this.resultsCount = null
-
-        this.updateUrl()
-      },
-
       async doSearch () {
-        // First search, scroll to top
-        if (this.searchDone !== true) this.scrollToTop()
-
         this.results = []
+        this.searched = false
 
         Nprogress.start()
 
@@ -806,20 +189,12 @@
           this.results = this.results.concat(playlistsResult.data)
           this.results = this.results.concat(videosResult.data)
 
-          if (this.formSort === '-match') {
-            this.results.sort((r1, r2) => {
-              if (r1.score < r2.score) return 1
-              else if (r1.score === r2.score) return 0
-
-              return -1
-            })
-          }
-
           this.buildPages()
-          this.searchDone = true
+          this.searched = true
         } catch (err) {
           console.error('Cannot do search.', err)
         } finally {
+          this.searched = true
           Nprogress.done()
         }
       },
@@ -850,81 +225,50 @@
         throw new Error('Unknown result')
       },
 
-      updateUrl () {
-        const query: SearchUrl = {
-          search: this.formSearch,
-          sort: this.formSort,
-          nsfw: this.formNSFW,
-          host: this.formHost,
-          isLive: this.formIsLive,
-          publishedDateRange: this.formPublishedDateRange,
-          durationRange: this.formDurationRange,
-          categoryOneOf: this.formCategoryOneOf,
-          licenceOneOf: this.formLicenceOneOf,
-          languageOneOf: this.formLanguageOneOf,
-          tagsAllOf: this.formTagsAllOf.map(t => t.text),
-          tagsOneOf: this.formTagsOneOf.map(t => t.text),
-          page: this.currentPage
-        }
-
-        this.$router.push({ path: '/search', query: query as LocationQueryRaw })
-      },
-
       loadUrl () {
         const query = this.$route.query as SearchUrl
+        const queryPage = extractQueryToInt(query.page)
 
-        if (query.search) this.formSearch = query.search
-        else this.formSearch = undefined
+        this.currentPage = queryPage && this.currentPage !== queryPage
+          ? queryPage
+          : 1
+      },
 
-        if (query.nsfw) this.formNSFW = query.nsfw
-        else this.formNSFW = undefined
+      countActiveFilters () {
+        const query = this.$route.query as SearchUrl
 
-        if (query.publishedDateRange) this.formPublishedDateRange = query.publishedDateRange
-        else this.formPublishedDateRange = undefined
+        let count = 0
 
-        if (query.durationRange) this.formDurationRange = query.durationRange
-        else this.formDurationRange = undefined
+        if (query.nsfw) count++
+        if (query.host) count++
+        if (query.publishedDateRange) count++
+        if (query.durationRange) count++
+        if (query.categoryOneOf) count++
+        if (query.licenceOneOf) count++
+        if (query.languageOneOf) count++
+        if (query.isLive) count++
+        if (Array.isArray(query.tagsAllOf) && query.tagsAllOf.length !== 0) count++
+        if (Array.isArray(query.tagsOneOf) && query.tagsOneOf.length !== 0) count++
 
-        if (query.categoryOneOf) this.formCategoryOneOf = query.categoryOneOf
-        else this.formCategoryOneOf = undefined
-
-        if (query.licenceOneOf) this.formLicenceOneOf = query.licenceOneOf
-        else this.formLicenceOneOf = undefined
-
-        if (query.languageOneOf) this.formLanguageOneOf = query.languageOneOf
-        else this.formLanguageOneOf = undefined
-
-        if (query.tagsAllOf) this.formTagsAllOf = extractTagsFromQuery(query.tagsAllOf)
-        else this.formTagsAllOf = []
-
-        if (query.tagsOneOf) this.formTagsOneOf = extractTagsFromQuery(query.tagsOneOf)
-        else this.formTagsOneOf = []
-
-        if (query.sort) this.formSort = query.sort
-        else this.formSort = '-match'
-
-        if (query.isLive) this.formIsLive = query.isLive
-        else this.formIsLive = undefined
-
-        if (query.host) this.formHost = query.host
-        else this.formHost = ''
-
-        if (query.page && this.currentPage !== query.page) {
-          this.currentPage = parseInt(query.page + '')
-        } else {
-          this.currentPage = 1
-        }
+        return count
       },
 
       buildVideoSearchQuery () {
+        const query = this.$route.query as SearchUrl
+
         const { start, count } = pageToAPIParams(this.currentPage, this.resultsPerVideosPage)
-        const { durationMin, durationMax } = durationRangeToAPIParams(this.formDurationRange)
-        const { startDate, endDate } = publishedDateRangeToAPIParams(this.formPublishedDateRange)
+        const { durationMin, durationMax } = durationRangeToAPIParams(query.durationRange)
+        const { startDate, endDate } = publishedDateRangeToAPIParams(query.publishedDateRange)
 
         const boostLanguages = this.boostLanguagesQuery
 
+        let sort: string
+        if (query.sort === '-matched') sort = '-matched'
+        else if (query.sort === '-createdAt') sort = '-publishedAt'
+        else if (query.sort === 'createdAt') sort = 'publishedAt'
+
         return {
-          search: this.formSearch,
+          search: query.search,
 
           durationMin,
           durationMax,
@@ -934,64 +278,53 @@
 
           boostLanguages,
 
-          nsfw: this.formNSFW || false,
+          nsfw: query.nsfw || false,
 
-          categoryOneOf: this.formCategoryOneOf ? [ this.formCategoryOneOf ] : undefined,
-          licenceOneOf: this.formLicenceOneOf ? [ this.formLicenceOneOf ] : undefined,
-          languageOneOf: this.formLanguageOneOf ? [ this.formLanguageOneOf ] : undefined,
+          categoryOneOf: extractQueryToIntArray(query.categoryOneOf),
+          licenceOneOf: extractQueryToIntArray(query.licenceOneOf),
+          languageOneOf: extractQueryToStringArray(query.languageOneOf),
 
-          tagsOneOf: this.formTagsOneOf.map(t => t.text),
-          tagsAllOf: this.formTagsAllOf.map(t => t.text),
+          tagsOneOf: extractTagsFromQuery(query.tagsOneOf).map(t => t.text),
+          tagsAllOf: extractTagsFromQuery(query.tagsAllOf).map(t => t.text),
 
-          isLive: this.formIsLive !== undefined ? this.formIsLive : undefined,
+          isLive: extractQueryToBoolean(query.isLive),
 
-          host: this.formHost || undefined,
+          host: query.host || undefined,
 
           start,
           count,
-          sort: this.formSort
+          sort
         } as VideosSearchQuery
       },
 
       buildChannelSearchQuery () {
+        const query = this.$route.query as SearchUrl
+
         const { start, count } = pageToAPIParams(this.currentPage, this.resultsPerChannelsPage)
 
-        let sort: string
-        if (this.formSort === '-matched') sort = '-matched'
-        else if (this.formSort === '-publishedAt') sort = '-createdAt'
-        else if (this.formSort === 'publishedAt') sort = 'createdAt'
-
         return {
-          search: this.formSearch,
-          host: this.formHost || undefined,
+          search: query.search,
+          host: query.host || undefined,
           start,
-          sort,
+          sort: query.sort,
           count
         } as VideoChannelsSearchQuery
       },
 
       buildPlaylistSearchQuery () {
+        const query = this.$route.query as SearchUrl
         const { start, count } = pageToAPIParams(this.currentPage, this.resultsPerChannelsPage)
 
-        let sort: string
-        if (this.formSort === '-matched') sort = '-matched'
-        else if (this.formSort === '-publishedAt') sort = '-createdAt'
-        else if (this.formSort === 'publishedAt') sort = 'createdAt'
-
         return {
-          search: this.formSearch,
-          host: this.formHost || undefined,
+          search: query.search,
+          host: query.host || undefined,
           start,
-          sort,
+          sort: query.sort,
           count
         } as PlaylistsSearchQuery
       },
 
       searchVideos (): Promise<ResultList<EnhancedVideo>> {
-        if (!this.hasStillMoreVideosResults()) {
-          return Promise.resolve({ data: [], total: this.videosCount })
-        }
-
         const query = this.buildVideoSearchQuery()
 
         return searchVideos(query)
@@ -1002,10 +335,6 @@
           return Promise.resolve({ data: [], total: 0 })
         }
 
-         if (!this.hasStillChannelsResult()) {
-          return Promise.resolve({ data: [], total: this.channelsCount })
-        }
-
         const query = this.buildChannelSearchQuery()
 
         return searchVideoChannels(query)
@@ -1016,36 +345,11 @@
           return Promise.resolve({ data: [], total: 0 })
         }
 
-         if (!this.hasStillPlaylistsResult()) {
-          return Promise.resolve({ data: [], total: this.playlistsCount })
-        }
-
         const query = this.buildChannelSearchQuery()
 
         return searchVideoPlaylists(query)
       },
 
-      hasStillChannelsResult () {
-        // Not searched yet
-        if (this.channelsCount === null) return true
-
-        return this.getChannelsMaxPage() >= this.currentPage
-      },
-
-      hasStillPlaylistsResult () {
-        // Not searched yet
-        if (this.playlistsCount === null) return true
-
-        return this.getPlaylistsMaxPage() >= this.currentPage
-      },
-
-      hasStillMoreVideosResults () {
-        // Not searched yet
-        if (this.videosCount === null) return true
-
-        return this.getVideosMaxPage() >= this.currentPage
-      },
-
       getChannelsMaxPage () {
         return Math.ceil(this.channelsCount / this.resultsPerChannelsPage)
       },
@@ -1075,232 +379,50 @@
         this.displayFilters = !this.displayFilters
       },
 
-      resetField (field: string) {
-        if (field === 'nsfw') this.formNSFW = undefined
-        else if (field === 'publishedDateRange') this.formPublishedDateRange = undefined
-        else if (field === 'durationRange') this.formDurationRange = undefined
-        else if (field === 'categoryOneOf') this.formCategoryOneOf = undefined
-        else if (field === 'licenceOneOf') this.formLicenceOneOf = undefined
-        else if (field === 'languageOneOf') this.formLanguageOneOf = undefined
-        else if (field === 'isLive') this.formIsLive = undefined
-        else if (field === 'tagsAllOf') this.formTagsAllOf = []
-        else if (field === 'tagsOneOf') this.formTagsOneOf = []
-        else if (field === 'host') this.formHost = ''
-      },
-
-      countActiveFilters () {
-        let count = 0
-
-        if (this.formNSFW) count++
-        if (this.formHost) count++
-        if (this.formPublishedDateRange) count++
-        if (this.formDurationRange) count++
-        if (this.formCategoryOneOf) count++
-        if (this.formLicenceOneOf) count++
-        if (this.formLanguageOneOf) count++
-        if (this.formIsLive) count++
-        if (this.formTagsAllOf && this.formTagsAllOf.length !== 0) count++
-        if (this.formTagsOneOf && this.formTagsOneOf.length !== 0) count++
-
-        return count
-      },
-
       isChannelOrPlaylistSearchDisabled () {
+        const query = this.$route.query as SearchUrl
+
         // We can search against host for playlists and channels
-        if (this.formHost) return this.countActiveFilters() > 1
+        if (query.host) return this.countActiveFilters() > 1
 
         return this.countActiveFilters() > 0
-      },
-
-      scrollToResults () {
-        const anchor = document.getElementById('results-anchor')
-        if (anchor) anchor.scrollIntoView()
-      },
-
-      scrollToTop () {
-        window.scrollTo(0, 0)
       }
     }
   })
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
   @use 'sass:math';
 
   @import '../scss/_variables';
+  @import '../scss/bootstrap-mixins';
 
-  main {
+  .search-input {
+    max-width: 700px;
     margin: auto;
   }
 
-  h3 {
-    max-width: 600px;
-    text-align: center;
-    margin: 40px auto 100px auto;
-    font-weight: normal;
-    font-size: 16px;
+  .warning-button {
+    background: transparent;
+    border: none;
+    position: absolute;
+    top: 10px;
+    right: 10px;
 
-    a {
-      color: $orange-darken;
-
-      &:hover {
-        color: $orange;
-      }
+    svg {
+      width: 30px;
+      height: 30px;
     }
 
-    @media screen and (max-width: $small-screen) {
-      font-size: 14px;
-    }
-  }
-
-  .search-container {
-    background-color: #fff;
-    border-radius: 2px;
-    position: relative;
-    height: 45px;
-    margin: auto;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-
-    input[type=text] {
-      background-color: transparent;
-      outline: none;
-      height: 35px;
-      font-size: 15px;
-      border: 0;
-      width: 100%;
-      height: 100%;
-      color: #000;
-      padding: 0 20px;
-    }
-
-    button {
-      border-top-right-radius: 2px;
-      border-bottom-right-radius: 2px;
-      cursor: pointer;
-      position: absolute;
-      right: 0;
-      background-color: $orange-darken;
-      border: 0;
-      color: #FFF;
-      height: 100%;
-      outline: 0;
-      font-size: 15px;
-      padding: 0 15px 0 10px;
-      display: inline-flex;
-      align-items: center;
-      min-width: 100px;
-
-      svg {
-        margin-right: 10px;
-      }
-
-      &:hover {
-        background-color: $orange;
-      }
-    }
-
-    button + div {
-      margin-top: 10px;
-      font-size: 80%;
-      text-align: right;
-    }
-  }
-
-  .search-container-small {
-    max-width: 500px;
-    margin-top: 30px;
-  }
-
-  .header-left-logo {
-    position: relative;
-    display: block;
-    height: 0;
-
-    img {
-      position: absolute;
-      left: -50px;
-      top: 0;
-      width: 32px;
-    }
-  }
-
-  .results-summary,
-  .no-results {
-    margin-top: 50px;
-  }
-
-  .results {
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    padding-top: 20px;
-  }
-
-  .filters-content {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 20px;
-
-    .form-group:nth-child(2n-1) {
-      padding-right: 20px;
-    }
-
-    .form-group {
-      width: 50%;
-      min-height: 80px;
-      display: inline-block;
-      margin: 10px 0;
-      font-size: 14px;
-    }
-
-    @media screen and (max-width: $small-view) {
-      .form-group {
-        width: 100%;
-        padding-right: 0;
-      }
-    }
-
-    .form-group > label,
-    .label-container label {
-      font-weight: $font-semibold;
-    }
-
-    .form-group > label,
-    .label-container {
-      display: inline-block;
-      margin-bottom: 5px;
-    }
-
-    .form-group.small-height {
-      min-height: 30px;
-    }
-
-    .radio-container {
-      display: inline-block;
-      margin: 0 10px 5px 0;
-    }
-
-    .button-block {
-      width: 100%;
-      text-align: right;
-    }
-
-    .radio-label {
-      display: block;
-    }
-
-    .reset-button {
-      background: none;
-      border: none;
-      font-weight: 600;
-      font-size: 11px;
-      opacity: 0.7;
-      margin-left: 5px;
-      cursor: pointer;
+    &:hover {
+      opacity: 0.8;
     }
   }
 
   .filters-button {
     position: relative;
-    padding-right: 25px;
+    padding-left: 1rem;
+    padding-right: 2rem;
 
     .arrow-down {
       $size: 4px;
@@ -1309,7 +431,8 @@
       right: 0;
       top: 50%;
       margin-top: math.div(-$size, 2);
-      margin-right: 10px;
+      margin-left: 1.5rem;
+      margin-right: 0.75rem;
       width: 0;
       height: 0;
       border-left: $size solid transparent;
@@ -1322,21 +445,22 @@
   .button-rows {
     display: flex;
     justify-content: space-between;
+    flex-wrap: wrap;
 
-    .sort-select {
-      display: flex;
-
-      label {
-        color: $grey;
-        font-size: 14px;
-        min-width: fit-content;
-        margin: auto 5px auto 0;
-      }
-
-      .select-container {
-        max-width: 150px;
-      }
+    > * {
+      @include margin-top(2rem);
     }
   }
 
+  .results {
+    @include margin(2rem 0);
+  }
+
+  .results-summary {
+    @include margin-bottom(3rem);
+
+    font-weight: $font-semibold;
+    text-align: center;
+  }
+
 </style>
diff --git a/client/tsconfig.json b/client/tsconfig.json
index bed4eed..0ce37f3 100644
--- a/client/tsconfig.json
+++ b/client/tsconfig.json
@@ -10,6 +10,8 @@
     "sourceMap": true,
     "resolveJsonModule": true,
     "esModuleInterop": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
     "lib": ["esnext", "dom"],
     "paths": {
       "@shared/*": [ "../PeerTube/shared/*" ],
diff --git a/client/vite.config.ts b/client/vite.config.ts
index ed7e201..4af38c9 100644
--- a/client/vite.config.ts
+++ b/client/vite.config.ts
@@ -1,10 +1,19 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { visualizer } from 'rollup-plugin-visualizer'
+import { resolve } from 'path'
 
-// https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    visualizer({ open: true })
+  ],
   server: {
     port: 8080
+  },
+  resolve:{
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
   }
 })
diff --git a/client/yarn.lock b/client/yarn.lock
index 6bd17b4..d4e6690 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -3,99 +3,183 @@
 
 
 "@babel/code-frame@^7.0.0":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.7.tgz#44416b6bd7624b998f5b1af5d470856c40138789"
-  integrity sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
+  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
   dependencies:
-    "@babel/highlight" "^7.16.7"
+    "@babel/highlight" "^7.18.6"
 
-"@babel/helper-validator-identifier@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.5.tgz#d0f0e277c512e0c938277faa85a3968c9a44c0e8"
-  integrity sha512-5lsetuxCLilmVGyiLEfoHBRX8UCFD+1m2x3Rj97WrW3V7H3u4RWRXA4evMjImCsin2J2YT0QaVDGf+z8ondbAg==
+"@babel/helper-string-parser@^7.19.4":
+  version "7.19.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
+  integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
 
-"@babel/helper-validator-identifier@^7.16.7":
-  version "7.16.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz#e8c602438c4a8195751243da9031d1607d247cad"
-  integrity sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==
+"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
+  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
-"@babel/highlight@^7.16.7":
-  version "7.16.10"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.16.10.tgz#744f2eb81579d6eea753c227b0f570ad785aba88"
-  integrity sha512-5FnTQLSLswEj6IkgVw5KusNUUFY9ZGqe/TRFnP/BKYHYgfh7tc+C7mwiy95/yNP7Dh9x580Vv8r7u7ZfTBFxdw==
+"@babel/highlight@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
+  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.16.7"
+    "@babel/helper-validator-identifier" "^7.18.6"
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.12.0":
-  version "7.14.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.14.7.tgz#6099720c8839ca865a2637e6c85852ead0bdb595"
-  integrity sha512-X67Z5y+VBJuHB/RjwECp8kSl5uYi0BvRbNeWqkaJCVh+LiTPl19WBUfG627psSgp9rSf6ojuXghQM3ha6qHHdA==
+"@babel/parser@^7.16.4":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.5.tgz#7f3c7335fe417665d929f34ae5dceae4c04015e8"
+  integrity sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA==
 
-"@babel/parser@^7.16.4", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
-  version "7.17.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.3.tgz#b07702b982990bf6fdc1da5049a23fece4c5c3d0"
-  integrity sha512-7yJPvPV+ESz2IUTPbOL+YkIGyCqOyNIzdguKQuJGnH7bg1WTIifuM21YqokFt/THWh1AkCRn9IgoykTRCBVpzA==
-
-"@babel/types@^7.12.0":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.14.5.tgz#3bb997ba829a2104cedb20689c4a5b8121d383ff"
-  integrity sha512-M/NzBpEL95I5Hh4dwhin5JlE7EzO5PHMAuzjxss3tiOBD46KfQvVedN/3jEPZvdRvtsK2222XfdHogNIttFgcg==
+"@babel/types@^7.20.5":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.5.tgz#e206ae370b5393d94dfd1d04cd687cace53efa84"
+  integrity sha512-c9fst/h2/dcF7H+MJKZ2T0KjEQ8hY/BNnDk/H3XY8C4Aw/eWQXWn/lWntHF9ooUBnGmEvbfGrTgLWc+um0YDUg==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.14.5"
+    "@babel/helper-string-parser" "^7.19.4"
+    "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.6.1", "@babel/types@^7.9.6":
-  version "7.17.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.17.0.tgz#a826e368bccb6b3d84acd76acad5c0d87342390b"
-  integrity sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.16.7"
-    to-fast-properties "^2.0.0"
+"@esbuild/android-arm64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.16.10.tgz#d784d8f13dbef50492ea55456fb50651e4036fbf"
+  integrity sha512-47Y+NwVKTldTlDhSgJHZ/RpvBQMUDG7eKihqaF/u6g7s0ZPz4J1vy8A3rwnnUOF2CuDn7w7Gj/QcMoWz3U3SJw==
 
-"@emmetio/abbreviation@^2.2.3":
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/@emmetio/abbreviation/-/abbreviation-2.2.3.tgz#2b3c0383c1a4652f677d5b56fb3f1616fe16ef10"
-  integrity sha512-87pltuCPt99aL+y9xS6GPZ+Wmmyhll2WXH73gG/xpGcQ84DRnptBsI2r0BeIQ0EB/SQTOe2ANPqFqj3Rj5FOGA==
-  dependencies:
-    "@emmetio/scanner" "^1.0.0"
+"@esbuild/android-arm@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.16.10.tgz#becf6b5647c091b039121db8c17300a7dfd1ab4a"
+  integrity sha512-RmJjQTRrO6VwUWDrzTBLmV4OJZTarYsiepLGlF2rYTVB701hSorPywPGvP6d8HCuuRibyXa5JX4s3jN2kHEtjQ==
 
-"@emmetio/css-abbreviation@^2.1.4":
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/@emmetio/css-abbreviation/-/css-abbreviation-2.1.4.tgz#90362e8a1122ce3b76f6c3157907d30182f53f54"
-  integrity sha512-qk9L60Y+uRtM5CPbB0y+QNl/1XKE09mSO+AhhSauIfr2YOx/ta3NJw2d8RtCFxgzHeRqFRr8jgyzThbu+MZ4Uw==
-  dependencies:
-    "@emmetio/scanner" "^1.0.0"
+"@esbuild/android-x64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.16.10.tgz#648cacbb13a5047380a038e5d6d895015e31b525"
+  integrity sha512-C4PfnrBMcuAcOurQzpF1tTtZz94IXO5JmICJJ3NFJRHbXXsQUg9RFG45KvydKqtFfBaFLCHpduUkUfXwIvGnRg==
 
-"@emmetio/scanner@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@emmetio/scanner/-/scanner-1.0.0.tgz#065b2af6233fe7474d44823e3deb89724af42b5f"
-  integrity sha512-8HqW8EVqjnCmWXVpqAOZf+EGESdkR27odcMMMGefgKXtar00SoYNSryGv//TELI4T3QFsECo78p+0lmalk/CFA==
+"@esbuild/darwin-arm64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.16.10.tgz#3ca7fd9a456d11752df77df6c030f2d08f27bda9"
+  integrity sha512-bH/bpFwldyOKdi9HSLCLhhKeVgRYr9KblchwXgY2NeUHBB/BzTUHtUSBgGBmpydB1/4E37m+ggXXfSrnD7/E7g==
 
-"@eslint/eslintrc@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.1.0.tgz#583d12dbec5d4f22f333f9669f7d0b7c7815b4d3"
-  integrity sha512-C1DfL7XX4nPqGd6jcP01W9pVM1HYCuUkFk1432D7F0v3JSlUIeOYn9oCoi3eoLZ+iwBSb29BMFxxny0YrrEZqg==
+"@esbuild/darwin-x64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.16.10.tgz#7eb71b8da4106627f01553def517d3c5e5942592"
+  integrity sha512-OXt7ijoLuy+AjDSKQWu+KdDFMBbdeaL6wtgMKtDUXKWHiAMKHan5+R1QAG6HD4+K0nnOvEJXKHeA9QhXNAjOTQ==
+
+"@esbuild/freebsd-arm64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.10.tgz#c69c78ee1d17d35ad2cf76a1bb67788000a84b43"
+  integrity sha512-shSQX/3GHuspE3Uxtq5kcFG/zqC+VuMnJkqV7LczO41cIe6CQaXHD3QdMLA4ziRq/m0vZo7JdterlgbmgNIAlQ==
+
+"@esbuild/freebsd-x64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.16.10.tgz#a9804ab1b9366f915812af24ad5cfc1c0db01441"
+  integrity sha512-5YVc1zdeaJGASijZmTzSO4h6uKzsQGG3pkjI6fuXvolhm3hVRhZwnHJkforaZLmzvNv5Tb7a3QL2FAVmrgySIA==
+
+"@esbuild/linux-arm64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.16.10.tgz#d9a9ddfcb28ed8cced688bc112ef66283d6fa77f"
+  integrity sha512-2aqeNVxIaRfPcIaMZIFoblLh588sWyCbmj1HHCCs9WmeNWm+EIN0SmvsmPvTa/TsNZFKnxTcvkX2eszTcCqIrA==
+
+"@esbuild/linux-arm@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.16.10.tgz#f32cdac1d3319c83ae7f9f31238dd1284ee6bba2"
+  integrity sha512-c360287ZWI2miBnvIj23bPyVctgzeMT2kQKR+x94pVqIN44h3GF8VMEs1SFPH1UgyDr3yBbx3vowDS1SVhyVhA==
+
+"@esbuild/linux-ia32@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.16.10.tgz#1e023478e42f3a01cad48f4af50120d4b639af03"
+  integrity sha512-sqMIEWeyrLGU7J5RB5fTkLRIFwsgsQ7ieWXlDLEmC2HblPYGb3AucD7inw2OrKFpRPKsec1l+lssiM3+NV5aOw==
+
+"@esbuild/linux-loong64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.16.10.tgz#f9098865a69d1d6e2f8bda51c7f9d4240f20b771"
+  integrity sha512-O7Pd5hLEtTg37NC73pfhUOGTjx/+aXu5YoSq3ahCxcN7Bcr2F47mv+kG5t840thnsEzrv0oB70+LJu3gUgchvg==
+
+"@esbuild/linux-mips64el@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.16.10.tgz#574725ad2ea81b7783b7ba7d1ab3475f8fdd8d32"
+  integrity sha512-FN8mZOH7531iPHM0kaFhAOqqNHoAb6r/YHW2ZIxNi0a85UBi2DO4Vuyn7t1p4UN8a4LoAnLOT1PqNgHkgBJgbA==
+
+"@esbuild/linux-ppc64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.16.10.tgz#11da658c54514a693813af56bb28951d563a90c3"
+  integrity sha512-Dg9RiqdvHOAWnOKIOTsIx8dFX9EDlY2IbPEY7YFzchrCiTZmMkD7jWA9UdZbNUygPjdmQBVPRCrLydReFlX9yg==
+
+"@esbuild/linux-riscv64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.16.10.tgz#3af4600adbd6c5a4a6f1da05771f4aa6774baab2"
+  integrity sha512-XMqtpjwzbmlar0BJIxmzu/RZ7EWlfVfH68Vadrva0Wj5UKOdKvqskuev2jY2oPV3aoQUyXwnMbMrFmloO2GfAw==
+
+"@esbuild/linux-s390x@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.16.10.tgz#9e3377aaf0191a9d6628e806a279085ec4391f3e"
+  integrity sha512-fu7XtnoeRNFMx8DjK3gPWpFBDM2u5ba+FYwg27SjMJwKvJr4bDyKz5c+FLXLUSSAkMAt/UL+cUbEbra+rYtUgw==
+
+"@esbuild/linux-x64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.16.10.tgz#7c41d4d697ce674e0083e7baa6231468f4650d85"
+  integrity sha512-61lcjVC/RldNNMUzQQdyCWjCxp9YLEQgIxErxU9XluX7juBdGKb0pvddS0vPNuCvotRbzijZ1pzII+26haWzbA==
+
+"@esbuild/netbsd-x64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.16.10.tgz#ebac59e3986834af04bbafcee7b0c1f31cd477c6"
+  integrity sha512-JeZXCX3viSA9j4HqSoygjssdqYdfHd6yCFWyfSekLbz4Ef+D2EjvsN02ZQPwYl5a5gg/ehdHgegHhlfOFP0HCA==
+
+"@esbuild/openbsd-x64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.16.10.tgz#9eaa6cac3b80db45090c0946e62de5b5689c61d1"
+  integrity sha512-3qpxQKuEVIIg8SebpXsp82OBrqjPV/OwNWmG+TnZDr3VGyChNnGMHccC1xkbxCHDQNnnXjxhMQNyHmdFJbmbRA==
+
+"@esbuild/sunos-x64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.16.10.tgz#31e5e4b814ef43d300e26511e486a4716a390d5f"
+  integrity sha512-z+q0xZ+et/7etz7WoMyXTHZ1rB8PMSNp/FOqURLJLOPb3GWJ2aj4oCqFCjPwEbW1rsT7JPpxeH/DwGAWk/I1Bg==
+
+"@esbuild/win32-arm64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.16.10.tgz#ca58472dc03ca79e6d03f8a31113979ff253d94f"
+  integrity sha512-+YYu5sbQ9npkNT9Dec+tn1F/kjg6SMgr6bfi/6FpXYZvCRfu2YFPZGb+3x8K30s8eRxFpoG4sGhiSUkr1xbHEw==
+
+"@esbuild/win32-ia32@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.16.10.tgz#c572df2c65ab118feed0a5da5a4a193846d74e43"
+  integrity sha512-Aw7Fupk7XNehR1ftHGYwUteyJ2q+em/aE+fVU3YMTBN2V5A7Z4aVCSV+SvCp9HIIHZavPFBpbdP3VfjQpdf6Xg==
+
+"@esbuild/win32-x64@0.16.10":
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.16.10.tgz#0e9c6a5e69c10d96aff2386b7ee9646138c2a831"
+  integrity sha512-qddWullt3sC1EIpfHvCRBq3H4g3L86DZpD6n8k2XFjFVyp01D++uNbN1hT/JRsHxTbyyemZcpwL5aRlJwc/zFw==
+
+"@eslint/eslintrc@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.0.tgz#8ec64e0df3e7a1971ee1ff5158da87389f167a63"
+  integrity sha512-7yfvXy6MWLgWSFsLhz5yH3iQ52St8cdUY6FoGieKkRDVxuxmrNuUetIuu6cmjNWwniUHiWXjxCr5tTXDrbYS5A==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.3.1"
-    globals "^13.9.0"
-    ignore "^4.0.6"
+    espree "^9.4.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
     import-fresh "^3.2.1"
     js-yaml "^4.1.0"
-    minimatch "^3.0.4"
+    minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@humanwhocodes/config-array@^0.9.2":
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.3.tgz#f2564c744b387775b436418491f15fce6601f63e"
-  integrity sha512-3xSMlXHh03hCcCmFc0rbKp3Ivt2PFEJnQUJDDMTJQ2wkECZWdq4GePs2ctc5H8zV+cHPaq8k2vU8mrQjA6iHdQ==
+"@humanwhocodes/config-array@^0.11.8":
+  version "0.11.8"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
+  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
-    minimatch "^3.0.4"
+    minimatch "^3.0.5"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
 
 "@humanwhocodes/object-schema@^1.2.1":
   version "1.2.1"
@@ -115,7 +199,7 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3":
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -123,6 +207,11 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@popperjs/core@^2.11.6":
+  version "2.11.6"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45"
+  integrity sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==
+
 "@sipec/vue3-tags-input@^3.0.4":
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/@sipec/vue3-tags-input/-/vue3-tags-input-3.0.4.tgz#b7bf1aad2578e6da6967695802e99570798064ea"
@@ -133,7 +222,7 @@
 "@types/axios@^0.14.0":
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/@types/axios/-/axios-0.14.0.tgz#ec2300fbe7d7dddd7eb9d3abf87999964cafce46"
-  integrity sha1-7CMA++fX3d1+udOr+HmZlkyvzkY=
+  integrity sha512-KqQnQbdYE54D7oa/UmYVMZKq7CO4l8DEENzOKc4aBRwxCXSlJXGz83flFx5L7AWrOQnmuN3kVsRdt+GZPPjiVQ==
   dependencies:
     axios "*"
 
@@ -146,14 +235,14 @@
     "@types/node" "*"
 
 "@types/json-schema@^7.0.9":
-  version "7.0.9"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
-  integrity sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==
+  version "7.0.11"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
+  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
 
 "@types/linkify-it@*":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.0.tgz#c0ca4c253664492dbf47a646f31cfd483a6bbc95"
-  integrity sha512-x9OaQQTb1N2hPZ/LWJsqushexDvz7NgzuZxiRmZio44WPuolTZNHDBCrOxCzRVOMwamJRO2dWax5NbygOf1OTQ==
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.2.tgz#fd2cd2edbaa7eaac7e7f3c1748b52a19143846c9"
+  integrity sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==
 
 "@types/markdown-it@^12.2.3":
   version "12.2.3"
@@ -169,14 +258,14 @@
   integrity sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==
 
 "@types/minimatch@*":
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40"
-  integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
+  integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
 
 "@types/node@*":
-  version "17.0.20"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.20.tgz#29626bd9c9119df5b8194353d34044c895fe56e3"
-  integrity sha512-Q15Clj3lZSLnhVA6yKw1G7SQz46DeL9gO1TEgfK1OQGvMdQ6TUWmCeWf1QBUNkw2BDfV52i2YuYd9OF3ZwGhjw==
+  version "18.11.17"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.17.tgz#5c009e1d9c38f4a2a9d45c0b0c493fe6cdb4bcb5"
+  integrity sha512-HJSUJmni4BeDHhfzn6nF0sVmd1SMezP7/4F0Lq+aXzmp2xm9O7WXrUtHW/CHlYVtZUbByEvWidHqRtcJXGF2Ng==
 
 "@types/parse-json@^4.0.0":
   version "4.0.0"
@@ -188,326 +277,257 @@
   resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.3.tgz#e7b5aebbac150f8b5fdd4a46e7f0bd8e65e19109"
   integrity sha512-kUNnecmtkunAoQ3CnjmMkzNU/gtxG8guhi+Fk2U/kOpIKjIMKnXGp4IJCgQJrXSgMsWYimYG4TGjz/UzbGEBTw==
 
+"@types/semver@^7.3.12":
+  version "7.3.13"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
+  integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
+
 "@typescript-eslint/eslint-plugin@^5.0.0", "@typescript-eslint/eslint-plugin@^5.12.1":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.12.1.tgz#b2cd3e288f250ce8332d5035a2ff65aba3374ac4"
-  integrity sha512-M499lqa8rnNK7mUv74lSFFttuUsubIRdAbHcVaP93oFcKkEmHmLqy2n7jM9C8DVmFMYK61ExrZU6dLYhQZmUpw==
+  version "5.47.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.47.0.tgz#dadb79df3b0499699b155839fd6792f16897d910"
+  integrity sha512-AHZtlXAMGkDmyLuLZsRpH3p4G/1iARIwc/T0vIem2YB+xW6pZaXYXzCBnZSF/5fdM97R9QqZWZ+h3iW10XgevQ==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.12.1"
-    "@typescript-eslint/type-utils" "5.12.1"
-    "@typescript-eslint/utils" "5.12.1"
-    debug "^4.3.2"
-    functional-red-black-tree "^1.0.1"
-    ignore "^5.1.8"
+    "@typescript-eslint/scope-manager" "5.47.0"
+    "@typescript-eslint/type-utils" "5.47.0"
+    "@typescript-eslint/utils" "5.47.0"
+    debug "^4.3.4"
+    ignore "^5.2.0"
+    natural-compare-lite "^1.4.0"
     regexpp "^3.2.0"
-    semver "^7.3.5"
+    semver "^7.3.7"
     tsutils "^3.21.0"
 
 "@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.12.1":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.12.1.tgz#b090289b553b8aa0899740d799d0f96e6f49771b"
-  integrity sha512-6LuVUbe7oSdHxUWoX/m40Ni8gsZMKCi31rlawBHt7VtW15iHzjbpj2WLiToG2758KjtCCiLRKZqfrOdl3cNKuw==
+  version "5.47.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.47.0.tgz#62e83de93499bf4b500528f74bf2e0554e3a6c8d"
+  integrity sha512-udPU4ckK+R1JWCGdQC4Qa27NtBg7w020ffHqGyAK8pAgOVuNw7YaKXGChk+udh+iiGIJf6/E/0xhVXyPAbsczw==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.12.1"
-    "@typescript-eslint/types" "5.12.1"
-    "@typescript-eslint/typescript-estree" "5.12.1"
-    debug "^4.3.2"
+    "@typescript-eslint/scope-manager" "5.47.0"
+    "@typescript-eslint/types" "5.47.0"
+    "@typescript-eslint/typescript-estree" "5.47.0"
+    debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.12.1":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.12.1.tgz#58734fd45d2d1dec49641aacc075fba5f0968817"
-  integrity sha512-J0Wrh5xS6XNkd4TkOosxdpObzlYfXjAFIm9QxYLCPOcHVv1FyyFCPom66uIh8uBr0sZCrtS+n19tzufhwab8ZQ==
+"@typescript-eslint/scope-manager@5.47.0":
+  version "5.47.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.47.0.tgz#f58144a6b0ff58b996f92172c488813aee9b09df"
+  integrity sha512-dvJab4bFf7JVvjPuh3sfBUWsiD73aiftKBpWSfi3sUkysDQ4W8x+ZcFpNp7Kgv0weldhpmMOZBjx1wKN8uWvAw==
   dependencies:
-    "@typescript-eslint/types" "5.12.1"
-    "@typescript-eslint/visitor-keys" "5.12.1"
+    "@typescript-eslint/types" "5.47.0"
+    "@typescript-eslint/visitor-keys" "5.47.0"
 
-"@typescript-eslint/type-utils@5.12.1":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.12.1.tgz#8d58c6a0bb176b5e9a91581cda1a7f91a114d3f0"
-  integrity sha512-Gh8feEhsNLeCz6aYqynh61Vsdy+tiNNkQtc+bN3IvQvRqHkXGUhYkUi+ePKzP0Mb42se7FDb+y2SypTbpbR/Sg==
+"@typescript-eslint/type-utils@5.47.0":
+  version "5.47.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.47.0.tgz#2b440979c574e317d3473225ae781f292c99e55d"
+  integrity sha512-1J+DFFrYoDUXQE1b7QjrNGARZE6uVhBqIvdaXTe5IN+NmEyD68qXR1qX1g2u4voA+nCaelQyG8w30SAOihhEYg==
   dependencies:
-    "@typescript-eslint/utils" "5.12.1"
-    debug "^4.3.2"
+    "@typescript-eslint/typescript-estree" "5.47.0"
+    "@typescript-eslint/utils" "5.47.0"
+    debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.12.1":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.12.1.tgz#46a36a28ff4d946821b58fe5a73c81dc2e12aa89"
-  integrity sha512-hfcbq4qVOHV1YRdhkDldhV9NpmmAu2vp6wuFODL71Y0Ixak+FLeEU4rnPxgmZMnGreGEghlEucs9UZn5KOfHJA==
+"@typescript-eslint/types@5.47.0":
+  version "5.47.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.47.0.tgz#67490def406eaa023dbbd8da42ee0d0c9b5229d3"
+  integrity sha512-eslFG0Qy8wpGzDdYKu58CEr3WLkjwC5Usa6XbuV89ce/yN5RITLe1O8e+WFEuxnfftHiJImkkOBADj58ahRxSg==
 
-"@typescript-eslint/typescript-estree@5.12.1":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.12.1.tgz#6a9425b9c305bcbc38e2d1d9a24c08e15e02b722"
-  integrity sha512-ahOdkIY9Mgbza7L9sIi205Pe1inCkZWAHE1TV1bpxlU4RZNPtXaDZfiiFWcL9jdxvW1hDYZJXrFm+vlMkXRbBw==
+"@typescript-eslint/typescript-estree@5.47.0":
+  version "5.47.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.0.tgz#ed971a11c5c928646d6ba7fc9dfdd6e997649aca"
+  integrity sha512-LxfKCG4bsRGq60Sqqu+34QT5qT2TEAHvSCCJ321uBWywgE2dS0LKcu5u+3sMGo+Vy9UmLOhdTw5JHzePV/1y4Q==
   dependencies:
-    "@typescript-eslint/types" "5.12.1"
-    "@typescript-eslint/visitor-keys" "5.12.1"
-    debug "^4.3.2"
-    globby "^11.0.4"
+    "@typescript-eslint/types" "5.47.0"
+    "@typescript-eslint/visitor-keys" "5.47.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
     is-glob "^4.0.3"
-    semver "^7.3.5"
+    semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.12.1":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.12.1.tgz#447c24a05d9c33f9c6c64cb48f251f2371eef920"
-  integrity sha512-Qq9FIuU0EVEsi8fS6pG+uurbhNTtoYr4fq8tKjBupsK5Bgbk2I32UGm0Sh+WOyjOPgo/5URbxxSNV6HYsxV4MQ==
+"@typescript-eslint/utils@5.47.0":
+  version "5.47.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.47.0.tgz#b5005f7d2696769a1fdc1e00897005a25b3a0ec7"
+  integrity sha512-U9xcc0N7xINrCdGVPwABjbAKqx4GK67xuMV87toI+HUqgXj26m6RBp9UshEXcTrgCkdGYFzgKLt8kxu49RilDw==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.12.1"
-    "@typescript-eslint/types" "5.12.1"
-    "@typescript-eslint/typescript-estree" "5.12.1"
+    "@types/semver" "^7.3.12"
+    "@typescript-eslint/scope-manager" "5.47.0"
+    "@typescript-eslint/types" "5.47.0"
+    "@typescript-eslint/typescript-estree" "5.47.0"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
+    semver "^7.3.7"
 
-"@typescript-eslint/visitor-keys@5.12.1":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.12.1.tgz#f722da106c8f9695ae5640574225e45af3e52ec3"
-  integrity sha512-l1KSLfupuwrXx6wc0AuOmC7Ko5g14ZOQ86wJJqRbdLbXLK02pK/DPiDDqCc7BqqiiA04/eAA6ayL0bgOrAkH7A==
+"@typescript-eslint/visitor-keys@5.47.0":
+  version "5.47.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.0.tgz#4aca4efbdf6209c154df1f7599852d571b80bb45"
+  integrity sha512-ByPi5iMa6QqDXe/GmT/hR6MZtVPi0SqMQPDx15FczCBXJo/7M8T88xReOALAfpBLm+zxpPfmhuEvPb577JRAEg==
   dependencies:
-    "@typescript-eslint/types" "5.12.1"
-    eslint-visitor-keys "^3.0.0"
+    "@typescript-eslint/types" "5.47.0"
+    eslint-visitor-keys "^3.3.0"
 
-"@vitejs/plugin-vue@^2.2.2":
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-2.2.2.tgz#df5d4464ad8cb97c9fb7407a1e5a3a34f716febb"
-  integrity sha512-3C0s45VOwIFEDU+2ownJOpb0zD5fnjXWaHVOLID2R1mYOlAx3doNBFnNbVjaZvpke/L7IdPJXjpyYpXZToDKig==
+"@vitejs/plugin-vue@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.0.0.tgz#93815beffd23db46288c787352a8ea31a0c03e5e"
+  integrity sha512-e0X4jErIxAB5oLtDqbHvHpJe/uWNkdpYV83AOG2xo2tEVSzCzewgJMtREZM30wXnM5ls90hxiOtAuVU6H5JgbA==
 
-"@volar/code-gen@0.31.4":
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/@volar/code-gen/-/code-gen-0.31.4.tgz#df4157b0eb59193a0b5c8352aeeb29a5d651556c"
-  integrity sha512-ngivMEbBNd19v+EHdLyCJoIGRaoD9J4P20ZgdCEGf2voztja59u3Tilpf9r9ENy/731nG7XncToYm4+c1t/LhA==
+"@volar/language-core@1.0.16":
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-1.0.16.tgz#c9d69a7b00e3ed580e5c2fa6356b128d1c4f2dec"
+  integrity sha512-IGnOxWTs4DZ81TDcmxBAkCBxs97hUblwcjpBsTx/pOGGaSSDQRJPn0wL8NYTybEObU0i7lhEpKZ+0vJfdIy1Kg==
   dependencies:
-    "@volar/shared" "0.31.4"
-    "@volar/source-map" "0.31.4"
+    "@volar/source-map" "1.0.16"
+    "@vue/reactivity" "^3.2.45"
+    muggle-string "^0.1.0"
 
-"@volar/html2pug@0.31.4":
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/@volar/html2pug/-/html2pug-0.31.4.tgz#711c71bd3cbe91cae6806e06a8e41d806b39cf2a"
-  integrity sha512-+whoP4C34kbCIRyoojZE6luqs7Ep/0YDBD9yEWu82G1ECLIFoujtkZXHbAHiQH8MIs/GwjUmozd85pUGAVQf1w==
+"@volar/source-map@1.0.16":
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-1.0.16.tgz#433e419af9ffbd0acbc34090a3af18153a3f8d4a"
+  integrity sha512-PKjzmQcg8QOGC/1V9tmGh2jcy6bKLhkW5bGidElSr83iDbCzLvldt2/La/QlDxaRCHYLT0MeyuGJBZIChB1dYQ==
   dependencies:
-    domelementtype "^2.2.0"
-    domhandler "^4.3.0"
-    htmlparser2 "^7.2.0"
-    pug "^3.0.2"
+    muggle-string "^0.1.0"
 
-"@volar/shared@0.31.4":
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/@volar/shared/-/shared-0.31.4.tgz#aa5cdcd0a58fd12b7b767e014042c88ad78d19ed"
-  integrity sha512-mKSH4GKFde2t3GVEGibBu84jbCk7O1sccELxTgCGHX7ue4nJqgHup8lXhwyfUOfdJ7eyx9luyDsVuJ4BY3gfeg==
+"@volar/typescript@1.0.16":
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-1.0.16.tgz#d6226dfe685d36f2b37350b312de5b77a12d8156"
+  integrity sha512-Yov+n4oO3iYnuMt9QJAFpJabfTRCzc7KvjlAwBaSuZy+Gc/f9611MgtqAh5/SIGmltFN8dXn1Ijno8ro8I4lyw==
   dependencies:
-    upath "^2.0.1"
-    vscode-html-languageservice "^4.2.1"
-    vscode-jsonrpc "^8.0.0-next.5"
-    vscode-uri "^3.0.3"
+    "@volar/language-core" "1.0.16"
 
-"@volar/source-map@0.31.4":
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.31.4.tgz#c0ae071b007e560507e28db5ca382a6645f64c85"
-  integrity sha512-lX/XKKc3ESNt6QArq1T54LSxXvu7ARDctQfkt6qUSNLVR/ccUXwzM+4qiOj39WBbmoDzET33riVYnMXMeGJMvg==
+"@volar/vue-language-core@1.0.16":
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/@volar/vue-language-core/-/vue-language-core-1.0.16.tgz#c64de713f130da96d796d5ab028f1acbbd62333a"
+  integrity sha512-sQ/aW1Vuiyy4OQuh2lthyYicruM3qh9VSk/aDh8/bFvM8GoohHZqVpMN3LYldEJ9eT/rN6u4xmYP54vc/EjX4Q==
   dependencies:
-    "@volar/shared" "0.31.4"
-    vscode-languageserver-textdocument "^1.0.3"
+    "@volar/language-core" "1.0.16"
+    "@volar/source-map" "1.0.16"
+    "@vue/compiler-dom" "^3.2.45"
+    "@vue/compiler-sfc" "^3.2.45"
+    "@vue/reactivity" "^3.2.45"
+    "@vue/shared" "^3.2.45"
+    minimatch "^5.1.1"
+    vue-template-compiler "^2.7.14"
 
-"@volar/transforms@0.31.4":
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/@volar/transforms/-/transforms-0.31.4.tgz#085c40adce8730929f27b41c60dfca4d286a8b0c"
-  integrity sha512-081QI2zBvdja4XN3eAtIWmBqDkAyDuuK3xP5mD04T9vMrVfy+WKrzB7n3/Zru7z4DiM70Qo5PoTapQ3Xnz9NzQ==
+"@volar/vue-typescript@1.0.16":
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/@volar/vue-typescript/-/vue-typescript-1.0.16.tgz#7c2f523a544d0348ed8121ad4bec2576ec1d74b4"
+  integrity sha512-M018Ulg/o2FVktAdlr5b/z4K69bYzekxNUA1o39y5Ur6CObc/o+5eDCCS7gIYijWnx9iNKkSQpWWWblJFv7kHQ==
   dependencies:
-    "@volar/shared" "0.31.4"
-    vscode-languageserver-types "^3.17.0-next.6"
+    "@volar/typescript" "1.0.16"
+    "@volar/vue-language-core" "1.0.16"
 
-"@volar/vue-code-gen@0.31.4":
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/@volar/vue-code-gen/-/vue-code-gen-0.31.4.tgz#69124ded85513035beeb752a79f860212d78875c"
-  integrity sha512-1ypZfzQfH+lV8JcOOKfYMTAmD6OUeBQSDwu7YRHQkuvoSQzPiXXrjupi0DvHrcWR0hQfh4yRnme6I+ChutW69w==
-  dependencies:
-    "@volar/code-gen" "0.31.4"
-    "@volar/shared" "0.31.4"
-    "@volar/source-map" "0.31.4"
-    "@vue/compiler-core" "^3.2.27"
-    "@vue/compiler-dom" "^3.2.27"
-    "@vue/shared" "^3.2.27"
-    upath "^2.0.1"
-
-"@vscode/emmet-helper@^2.8.3":
-  version "2.8.4"
-  resolved "https://registry.yarnpkg.com/@vscode/emmet-helper/-/emmet-helper-2.8.4.tgz#ab937e3ce79b0873c604d1ad50a9eeb7abae2937"
-  integrity sha512-lUki5QLS47bz/U8IlG9VQ+1lfxMtxMZENmU5nu4Z71eOD5j9FK0SmYGL5NiVJg9WBWeAU0VxRADMY2Qpq7BfVg==
-  dependencies:
-    emmet "^2.3.0"
-    jsonc-parser "^2.3.0"
-    vscode-languageserver-textdocument "^1.0.1"
-    vscode-languageserver-types "^3.15.1"
-    vscode-nls "^5.0.0"
-    vscode-uri "^2.1.2"
-
-"@vue/compiler-core@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.1.2.tgz#31ab1d88e1706a5c7a545faeeb64c31bd0101db0"
-  integrity sha512-nHmq7vLjq/XM2IMbZUcKWoH5sPXa2uR/nIKZtjbK5F3TcbnYE/zKsrSUR9WZJ03unlwotNBX1OyxVt9HbWD7/Q==
-  dependencies:
-    "@babel/parser" "^7.12.0"
-    "@babel/types" "^7.12.0"
-    "@vue/shared" "3.1.2"
-    estree-walker "^2.0.1"
-    source-map "^0.6.1"
-
-"@vue/compiler-core@3.2.31", "@vue/compiler-core@^3.2.27":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.31.tgz#d38f06c2cf845742403b523ab4596a3fda152e89"
-  integrity sha512-aKno00qoA4o+V/kR6i/pE+aP+esng5siNAVQ422TkBNM6qA4veXiZbSe8OTXHXquEi/f6Akc+nLfB4JGfe4/WQ==
+"@vue/compiler-core@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.45.tgz#d9311207d96f6ebd5f4660be129fb99f01ddb41b"
+  integrity sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.31"
+    "@vue/shared" "3.2.45"
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.1.2.tgz#75a7731bcc5d9718183a3c56c18e992f7c13e7b1"
-  integrity sha512-k2+SWcWH0jL6WQAX7Or2ONqu5MbtTgTO0dJrvebQYzgqaKMXNI90RNeWeCxS4BnNFMDONpHBeFgbwbnDWIkmRg==
+"@vue/compiler-dom@3.2.45", "@vue/compiler-dom@^3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz#c43cc15e50da62ecc16a42f2622d25dc5fd97dce"
+  integrity sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==
   dependencies:
-    "@vue/compiler-core" "3.1.2"
-    "@vue/shared" "3.1.2"
+    "@vue/compiler-core" "3.2.45"
+    "@vue/shared" "3.2.45"
 
-"@vue/compiler-dom@3.2.31", "@vue/compiler-dom@^3.2.27":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.31.tgz#b1b7dfad55c96c8cc2b919cd7eb5fd7e4ddbf00e"
-  integrity sha512-60zIlFfzIDf3u91cqfqy9KhCKIJgPeqxgveH2L+87RcGU/alT6BRrk5JtUso0OibH3O7NXuNOQ0cDc9beT0wrg==
-  dependencies:
-    "@vue/compiler-core" "3.2.31"
-    "@vue/shared" "3.2.31"
-
-"@vue/compiler-sfc@3.2.31":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.31.tgz#d02b29c3fe34d599a52c5ae1c6937b4d69f11c2f"
-  integrity sha512-748adc9msSPGzXgibHiO6T7RWgfnDcVQD+VVwYgSsyyY8Ans64tALHZANrKtOzvkwznV/F4H7OAod/jIlp/dkQ==
+"@vue/compiler-sfc@3.2.45", "@vue/compiler-sfc@^3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz#7f7989cc04ec9e7c55acd406827a2c4e96872c70"
+  integrity sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.31"
-    "@vue/compiler-dom" "3.2.31"
-    "@vue/compiler-ssr" "3.2.31"
-    "@vue/reactivity-transform" "3.2.31"
-    "@vue/shared" "3.2.31"
+    "@vue/compiler-core" "3.2.45"
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/compiler-ssr" "3.2.45"
+    "@vue/reactivity-transform" "3.2.45"
+    "@vue/shared" "3.2.45"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
     postcss "^8.1.10"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.2.31":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.31.tgz#4fa00f486c9c4580b40a4177871ebbd650ecb99c"
-  integrity sha512-mjN0rqig+A8TVDnsGPYJM5dpbjlXeHUm2oZHZwGyMYiGT/F4fhJf/cXy8QpjnLQK4Y9Et4GWzHn9PS8AHUnSkw==
+"@vue/compiler-ssr@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz#bd20604b6e64ea15344d5b6278c4141191c983b2"
+  integrity sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==
   dependencies:
-    "@vue/compiler-dom" "3.2.31"
-    "@vue/shared" "3.2.31"
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/shared" "3.2.45"
 
-"@vue/devtools-api@^6.0.0-beta.18":
-  version "6.0.12"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.0.12.tgz#7b57cce215ae9f37a86984633b3aa3d595aa5b46"
-  integrity sha512-iO/4FIezHKXhiDBdKySCvJVh8/mZPxHpiQrTy+PXVqJZgpTPTdHy4q8GXulaY+UKEagdkBb0onxNQZ0LNiqVhw==
+"@vue/devtools-api@^6.4.5":
+  version "6.4.5"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.4.5.tgz#d54e844c1adbb1e677c81c665ecef1a2b4bb8380"
+  integrity sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==
 
-"@vue/eslint-config-typescript@^10.0.0":
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-10.0.0.tgz#3b63c8cf276962cb89414857581b9b424acf2820"
-  integrity sha512-F94cL8ug3FaYXlCfU5/wiGjk1qeadmoBpRGAOBq+qre3Smdupa59dd6ZJrsfRODpsMPyTG7330juMDsUvpZ3Rw==
+"@vue/eslint-config-typescript@^11.0.2":
+  version "11.0.2"
+  resolved "https://registry.yarnpkg.com/@vue/eslint-config-typescript/-/eslint-config-typescript-11.0.2.tgz#03353f404d4472900794e653450bb6623de3c642"
+  integrity sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==
   dependencies:
     "@typescript-eslint/eslint-plugin" "^5.0.0"
     "@typescript-eslint/parser" "^5.0.0"
-    vue-eslint-parser "^8.0.0"
+    vue-eslint-parser "^9.0.0"
 
-"@vue/reactivity-transform@3.2.31":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.31.tgz#0f5b25c24e70edab2b613d5305c465b50fc00911"
-  integrity sha512-uS4l4z/W7wXdI+Va5pgVxBJ345wyGFKvpPYtdSgvfJfX/x2Ymm6ophQlXXB6acqGHtXuBqNyyO3zVp9b1r0MOA==
+"@vue/reactivity-transform@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz#07ac83b8138550c83dfb50db43cde1e0e5e8124d"
+  integrity sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.31"
-    "@vue/shared" "3.2.31"
+    "@vue/compiler-core" "3.2.45"
+    "@vue/shared" "3.2.45"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
-"@vue/reactivity@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.1.2.tgz#66fa530dd726d2fef285ae55d02106a727db463b"
-  integrity sha512-glJzJoN2xE7I2lRvwKM5u1BHRPTd1yc8iaf//Lai/78/uYAvE5DXp5HzWRFOwMlbRvMGJHIQjOqoxj87cDAaag==
+"@vue/reactivity@3.2.45", "@vue/reactivity@^3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.45.tgz#412a45b574de601be5a4a5d9a8cbd4dee4662ff0"
+  integrity sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==
   dependencies:
-    "@vue/shared" "3.1.2"
+    "@vue/shared" "3.2.45"
 
-"@vue/reactivity@3.2.31", "@vue/reactivity@^3.2.27":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.31.tgz#fc90aa2cdf695418b79e534783aca90d63a46bbd"
-  integrity sha512-HVr0l211gbhpEKYr2hYe7hRsV91uIVGFYNHj73njbARVGHQvIojkImKMaZNDdoDZOIkMsBc9a1sMqR+WZwfSCw==
+"@vue/runtime-core@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.45.tgz#7ad7ef9b2519d41062a30c6fa001ec43ac549c7f"
+  integrity sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==
   dependencies:
-    "@vue/shared" "3.2.31"
+    "@vue/reactivity" "3.2.45"
+    "@vue/shared" "3.2.45"
 
-"@vue/runtime-core@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.1.2.tgz#f4dbc503cfc9a02ab5f1ebe002c3322512064a54"
-  integrity sha512-gsPZG4dRIkixuuKmoj4P9IHgfT0yaFLcqWOM5F/bCk0nxQn1XtxH8oUehWuET726KhbukvDoJfe9G2CKviy80w==
+"@vue/runtime-dom@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz#1a2ef6ee2ad876206fbbe2a884554bba2d0faf59"
+  integrity sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==
   dependencies:
-    "@vue/reactivity" "3.1.2"
-    "@vue/shared" "3.1.2"
-
-"@vue/runtime-core@3.2.31":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.31.tgz#9d284c382f5f981b7a7b5971052a1dc4ef39ac7a"
-  integrity sha512-Kcog5XmSY7VHFEMuk4+Gap8gUssYMZ2+w+cmGI6OpZWYOEIcbE0TPzzPHi+8XTzAgx1w/ZxDFcXhZeXN5eKWsA==
-  dependencies:
-    "@vue/reactivity" "3.2.31"
-    "@vue/shared" "3.2.31"
-
-"@vue/runtime-dom@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.1.2.tgz#0fd8724f14bc7ba64b6c954d874a8d8a4fcb5fe9"
-  integrity sha512-QvINxjLucEZFzp5f0NVu7JqWYCv5TKQfkH2FDs/N6QNE4iKcYtKrWdT0HKfABnVXG28Znqv6rIH0dH4ZAOwxpA==
-  dependencies:
-    "@vue/runtime-core" "3.1.2"
-    "@vue/shared" "3.1.2"
+    "@vue/runtime-core" "3.2.45"
+    "@vue/shared" "3.2.45"
     csstype "^2.6.8"
 
-"@vue/runtime-dom@3.2.31":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.31.tgz#79ce01817cb3caf2c9d923f669b738d2d7953eff"
-  integrity sha512-N+o0sICVLScUjfLG7u9u5XCjvmsexAiPt17GNnaWHJUfsKed5e85/A3SWgKxzlxx2SW/Hw7RQxzxbXez9PtY3g==
+"@vue/server-renderer@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.45.tgz#ca9306a0c12b0530a1a250e44f4a0abac6b81f3f"
+  integrity sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==
   dependencies:
-    "@vue/runtime-core" "3.2.31"
-    "@vue/shared" "3.2.31"
-    csstype "^2.6.8"
+    "@vue/compiler-ssr" "3.2.45"
+    "@vue/shared" "3.2.45"
 
-"@vue/server-renderer@3.2.31":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.31.tgz#201e9d6ce735847d5989403af81ef80960da7141"
-  integrity sha512-8CN3Zj2HyR2LQQBHZ61HexF5NReqngLT3oahyiVRfSSvak+oAvVmu8iNLSu6XR77Ili2AOpnAt1y8ywjjqtmkg==
-  dependencies:
-    "@vue/compiler-ssr" "3.2.31"
-    "@vue/shared" "3.2.31"
+"@vue/shared@3.2.45", "@vue/shared@^3.2.45":
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.45.tgz#a3fffa7489eafff38d984e23d0236e230c818bc2"
+  integrity sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==
 
-"@vue/shared@3.1.2":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.1.2.tgz#1069c0bc7d6f4bd15ccf3a5f3be29450aca368f9"
-  integrity sha512-EmH/poaDWBPJaPILXNI/1fvUbArJQmmTyVCwvvyDYDFnkPoTclAbHRAtyIvqfez7jybTDn077HTNILpxlsoWhg==
-
-"@vue/shared@3.2.31", "@vue/shared@^3.2.27":
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.31.tgz#c90de7126d833dcd3a4c7534d534be2fb41faa4e"
-  integrity sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ==
-
-acorn-jsx@^5.3.1:
+acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn@^7.1.1:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
-  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
-
-acorn@^8.7.0:
-  version "8.7.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
-  integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==
+acorn@^8.8.0:
+  version "8.8.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.1.tgz#0a3f9cbecc4ec3bea6f0a80b66ae8dd2da250b73"
+  integrity sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==
 
 ajv@^6.10.0, ajv@^6.12.4:
   version "6.12.6"
@@ -531,7 +551,7 @@ ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
-ansi-styles@^4.1.0:
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
   integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
@@ -539,9 +559,9 @@ ansi-styles@^4.1.0:
     color-convert "^2.0.1"
 
 anymatch@~3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
-  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
   dependencies:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
@@ -561,36 +581,19 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-asap@~2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-assert-never@^1.2.1:
+axios@*, axios@^1.2.1:
   version "1.2.1"
-  resolved "https://registry.yarnpkg.com/assert-never/-/assert-never-1.2.1.tgz#11f0e363bf146205fb08193b5c7b90f4d1cf44fe"
-  integrity sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==
-
-axios@*:
-  version "0.20.0"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.20.0.tgz#057ba30f04884694993a8cd07fa394cff11c50bd"
-  integrity sha512-ANA4rr2BDcmmAQLOKft2fufrtuvlqR+cXNNinUmvfeSNCOF98PZL+7M/v1zIdGo7OLjEA9J2gXJL+j4zGsl0bA==
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.2.1.tgz#44cf04a3c9f0c2252ebd85975361c026cb9f864a"
+  integrity sha512-I88cFiGu9ryt/tfVEi4kX2SITsvDddTajXTOFmt2uK1ZVA8LytjtdeyefdQWEf5PU8w+4SSJDoYnggflB5tW4A==
   dependencies:
-    follow-redirects "^1.10.0"
-
-axios@^0.26.0:
-  version "0.26.0"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.26.0.tgz#9a318f1c69ec108f8cd5f3c3d390366635e13928"
-  integrity sha512-lKoGLMYtHvFrPVt3r+RBMp9nh34N0M8zEfCWqdWZx6phynIEhQqAdydpyBAAG211zlhX9Rgu08cOamy6XjE5Og==
-  dependencies:
-    follow-redirects "^1.14.8"
-
-babel-walk@3.0.0-canary-5:
-  version "3.0.0-canary-5"
-  resolved "https://registry.yarnpkg.com/babel-walk/-/babel-walk-3.0.0-canary-5.tgz#f66ecd7298357aee44955f235a6ef54219104b11"
-  integrity sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==
-  dependencies:
-    "@babel/types" "^7.9.6"
+    follow-redirects "^1.15.0"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
 
 balanced-match@^1.0.0:
   version "1.0.2"
@@ -598,9 +601,19 @@ balanced-match@^1.0.0:
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
 binary-extensions@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9"
-  integrity sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
+bootstrap@^5.2.3:
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.2.3.tgz#54739f4414de121b9785c5da3c87b37ff008322b"
+  integrity sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==
 
 brace-expansion@^1.1.7:
   version "1.1.11"
@@ -610,21 +623,20 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
-braces@^3.0.1, braces@~3.0.2:
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.2, braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
   dependencies:
     fill-range "^7.0.1"
 
-call-bind@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
-  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
-  dependencies:
-    function-bind "^1.1.1"
-    get-intrinsic "^1.0.2"
-
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
@@ -647,17 +659,10 @@ chalk@^4.0.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-character-parser@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/character-parser/-/character-parser-2.2.0.tgz#c7ce28f36d4bcd9744e5ffc2c5fcde1c73261fc0"
-  integrity sha1-x84o821LzZdE5f/CxfzeHHMmH8A=
-  dependencies:
-    is-regex "^1.0.3"
-
 "chokidar@>=3.0.0 <4.0.0":
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.2.tgz#dba3976fcadb016f66fd365021d91600d01c1e75"
-  integrity sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ==
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
   dependencies:
     anymatch "~3.1.2"
     braces "~3.0.2"
@@ -669,6 +674,15 @@ character-parser@^2.2.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -686,13 +700,20 @@ color-convert@^2.0.1:
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
 color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
 command-line-args@^5.2.1:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/command-line-args/-/command-line-args-5.2.1.tgz#c44c32e437a57d7c51157696893c5909e9cec42e"
@@ -706,20 +727,12 @@ command-line-args@^5.2.1:
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
-
-constantinople@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/constantinople/-/constantinople-4.0.1.tgz#0def113fa0e4dc8de83331a5cf79c8b325213151"
-  integrity sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==
-  dependencies:
-    "@babel/parser" "^7.6.0"
-    "@babel/types" "^7.6.1"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
 cosmiconfig@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
-  integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
   dependencies:
     "@types/parse-json" "^4.0.0"
     import-fresh "^3.2.1"
@@ -741,15 +754,25 @@ css-selector-parser@^1.3:
   resolved "https://registry.yarnpkg.com/css-selector-parser/-/css-selector-parser-1.4.1.tgz#03f9cb8a81c3e5ab2c51684557d5aaf6d2569759"
   integrity sha512-HYPSb7y/Z7BNDCOrakL4raGO2zltZkbeXyAd6Tg9obzix6QhzxCotdBl6VT0Dv4vZfJGVz3WL/xaEI9Ly3ul0g==
 
-csstype@^2.6.8:
-  version "2.6.17"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.17.tgz#4cf30eb87e1d1a005d8b6510f95292413f6a1c0e"
-  integrity sha512-u1wmTI1jJGzCJzWndZo8mk4wnPTZd1eOIYTYvuEyOQGfmDl3TrabCCfKnOC86FZwW/9djqTl933UF/cS425i9A==
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-debug@^4.1.1, debug@^4.3.2:
-  version "4.3.3"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.3.tgz#04266e0b70a98d4462e6e288e38259213332b664"
-  integrity sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==
+csstype@^2.6.8:
+  version "2.6.21"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.21.tgz#2efb85b7cc55c80017c66a5ad7cbd931fda3a90e"
+  integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
+
+de-indent@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
+  integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
+
+debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
   dependencies:
     ms "2.1.2"
 
@@ -758,6 +781,16 @@ deep-is@^0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
@@ -772,64 +805,16 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-doctypes@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/doctypes/-/doctypes-1.1.0.tgz#ea80b106a87538774e8a3a4a5afe293de489e0a9"
-  integrity sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
-dom-serializer@^1.0.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz#6206437d32ceefaec7161803230c7a20bc1b4d91"
-  integrity sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.2.0"
-    entities "^2.0.0"
-
-domelementtype@^2.0.1, domelementtype@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.2.0.tgz#9a0b6c2782ed6a1c7323d42267183df9bd8b1d57"
-  integrity sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==
-
-domhandler@^4.2.0, domhandler@^4.2.2, domhandler@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.0.tgz#16c658c626cf966967e306f966b431f77d4a5626"
-  integrity sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g==
-  dependencies:
-    domelementtype "^2.2.0"
-
-domutils@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
-  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
-  dependencies:
-    dom-serializer "^1.0.1"
-    domelementtype "^2.2.0"
-    domhandler "^4.2.0"
-
-emmet@^2.3.0:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/emmet/-/emmet-2.3.6.tgz#1d93c1ac03164da9ddf74864c1f341ed6ff6c336"
-  integrity sha512-pLS4PBPDdxuUAmw7Me7+TcHbykTsBKN/S9XJbUOMFQrNv9MoshzyMFK/R57JBm94/6HSL4vHnDeEmxlC82NQ4A==
-  dependencies:
-    "@emmetio/abbreviation" "^2.2.3"
-    "@emmetio/css-abbreviation" "^2.1.4"
-
-entities@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
-  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
-
-entities@^3.0.1:
+entities@~3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
   integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
 
-entities@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
-  integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
-
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -837,145 +822,61 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-esbuild-android-arm64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.23.tgz#c89b3c50b4f47668dcbeb0b34ee4615258818e71"
-  integrity sha512-k9sXem++mINrZty1v4FVt6nC5BQCFG4K2geCIUUqHNlTdFnuvcqsY7prcKZLFhqVC1rbcJAr9VSUGFL/vD4vsw==
-
-esbuild-darwin-64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.23.tgz#1c131e8cb133ed935ca32f824349a117c896a15b"
-  integrity sha512-lB0XRbtOYYL1tLcYw8BoBaYsFYiR48RPrA0KfA/7RFTr4MV7Bwy/J4+7nLsVnv9FGuQummM3uJ93J3ptaTqFug==
-
-esbuild-darwin-arm64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.23.tgz#3c6245a50109dd84953f53d7833bd3b4f0e8c6fa"
-  integrity sha512-yat73Z/uJ5tRcfRiI4CCTv0FSnwErm3BJQeZAh+1tIP0TUNh6o+mXg338Zl5EKChD+YGp6PN+Dbhs7qa34RxSw==
-
-esbuild-freebsd-64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.23.tgz#0cdc54e72d3dd9cd992f9c2960055e68a7f8650c"
-  integrity sha512-/1xiTjoLuQ+LlbfjJdKkX45qK/M7ARrbLmyf7x3JhyQGMjcxRYVR6Dw81uH3qlMHwT4cfLW4aEVBhP1aNV7VsA==
-
-esbuild-freebsd-arm64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.23.tgz#1d11faed3a0c429e99b7dddef84103eb509788b2"
-  integrity sha512-uyPqBU/Zcp6yEAZS4LKj5jEE0q2s4HmlMBIPzbW6cTunZ8cyvjG6YWpIZXb1KK3KTJDe62ltCrk3VzmWHp+iLg==
-
-esbuild-linux-32@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.23.tgz#fd9f033fc27dcab61100cb1eb1c936893a68c841"
-  integrity sha512-37R/WMkQyUfNhbH7aJrr1uCjDVdnPeTHGeDhZPUNhfoHV0lQuZNCKuNnDvlH/u/nwIYZNdVvz1Igv5rY/zfrzQ==
-
-esbuild-linux-64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.23.tgz#c04c438514f1359ecb1529205d0c836d4165f198"
-  integrity sha512-H0gztDP60qqr8zoFhAO64waoN5yBXkmYCElFklpd6LPoobtNGNnDe99xOQm28+fuD75YJ7GKHzp/MLCLhw2+vQ==
-
-esbuild-linux-arm64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.23.tgz#d1b3ab2988ab0734886eb9e811726f7db099ab96"
-  integrity sha512-c4MLOIByNHR55n3KoYf9hYDfBRghMjOiHLaoYLhkQkIabb452RWi+HsNgB41sUpSlOAqfpqKPFNg7VrxL3UX9g==
-
-esbuild-linux-arm@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.23.tgz#df7558b6a5076f5eb9fd387c8704f768b61d97fb"
-  integrity sha512-x64CEUxi8+EzOAIpCUeuni0bZfzPw/65r8tC5cy5zOq9dY7ysOi5EVQHnzaxS+1NmV+/RVRpmrzGw1QgY2Xpmw==
-
-esbuild-linux-mips64le@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.23.tgz#bb4c47fccc9493d460ffeb1f88e8a97a98a14f8b"
-  integrity sha512-kHKyKRIAedYhKug2EJpyJxOUj3VYuamOVA1pY7EimoFPzaF3NeY7e4cFBAISC/Av0/tiV0xlFCt9q0HJ68IBIw==
-
-esbuild-linux-ppc64le@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.23.tgz#a332dbc8a1b4e30cfe1261bfaa5cef57c9c8c02a"
-  integrity sha512-7ilAiJEPuJJnJp/LiDO0oJm5ygbBPzhchJJh9HsHZzeqO+3PUzItXi+8PuicY08r0AaaOe25LA7sGJ0MzbfBag==
-
-esbuild-linux-riscv64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.23.tgz#85675f3f931f5cd7cfb238fd82f77a62ffcb6d86"
-  integrity sha512-fbL3ggK2wY0D8I5raPIMPhpCvODFE+Bhb5QGtNP3r5aUsRR6TQV+ZBXIaw84iyvKC8vlXiA4fWLGhghAd/h/Zg==
-
-esbuild-linux-s390x@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.23.tgz#a526282a696e6d846f4c628f5315475518c0c0f0"
-  integrity sha512-GHMDCyfy7+FaNSO8RJ8KCFsnax8fLUsOrj9q5Gi2JmZMY0Zhp75keb5abTFCq2/Oy6KVcT0Dcbyo/bFb4rIFJA==
-
-esbuild-netbsd-64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.23.tgz#8e456605694719aa1be4be266d6cd569c06dfaf5"
-  integrity sha512-ovk2EX+3rrO1M2lowJfgMb/JPN1VwVYrx0QPUyudxkxLYrWeBxDKQvc6ffO+kB4QlDyTfdtAURrVzu3JeNdA2g==
-
-esbuild-openbsd-64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.23.tgz#f2fc51714b4ddabc86e4eb30ca101dd325db2f7d"
-  integrity sha512-uYYNqbVR+i7k8ojP/oIROAHO9lATLN7H2QeXKt2H310Fc8FJj4y3Wce6hx0VgnJ4k1JDrgbbiXM8rbEgQyg8KA==
-
-esbuild-sunos-64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.23.tgz#a408f33ea20e215909e20173a0fd78b1aaad1f8e"
-  integrity sha512-hAzeBeET0+SbScknPzS2LBY6FVDpgE+CsHSpe6CEoR51PApdn2IB0SyJX7vGelXzlyrnorM4CAsRyb9Qev4h9g==
-
-esbuild-windows-32@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.23.tgz#b9005bbff54dac3975ff355d5de2b5e37165d128"
-  integrity sha512-Kttmi3JnohdaREbk6o9e25kieJR379TsEWF0l39PQVHXq3FR6sFKtVPgY8wk055o6IB+rllrzLnbqOw/UV60EA==
-
-esbuild-windows-64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.23.tgz#2b5a99befeaca6aefdad32d738b945730a60a060"
-  integrity sha512-JtIT0t8ymkpl6YlmOl6zoSWL5cnCgyLaBdf/SiU/Eg3C13r0NbHZWNT/RDEMKK91Y6t79kTs3vyRcNZbfu5a8g==
-
-esbuild-windows-arm64@0.14.23:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.23.tgz#edc560bbadb097eb45fc235aeacb942cb94a38c0"
-  integrity sha512-cTFaQqT2+ik9e4hePvYtRZQ3pqOvKDVNarzql0VFIzhc0tru/ZgdLoXd6epLiKT+SzoSce6V9YJ+nn6RCn6SHw==
-
-esbuild@^0.14.14:
-  version "0.14.23"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.23.tgz#95e842cb22bc0c7d82c140adc16788aac91469fe"
-  integrity sha512-XjnIcZ9KB6lfonCa+jRguXyRYcldmkyZ99ieDksqW/C8bnyEX299yA4QH2XcgijCgaddEZePPTgvx/2imsq7Ig==
+esbuild@^0.16.3:
+  version "0.16.10"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.16.10.tgz#d485c28f1626a3f9c1796c952e4cd0561f0031bb"
+  integrity sha512-z5dIViHoVnw2l+NCJ3zj5behdXjYvXne9gL18OOivCadXDUhyDkeSvEtLcGVAJW2fNmh33TDUpsi704XYlDodw==
   optionalDependencies:
-    esbuild-android-arm64 "0.14.23"
-    esbuild-darwin-64 "0.14.23"
-    esbuild-darwin-arm64 "0.14.23"
-    esbuild-freebsd-64 "0.14.23"
-    esbuild-freebsd-arm64 "0.14.23"
-    esbuild-linux-32 "0.14.23"
-    esbuild-linux-64 "0.14.23"
-    esbuild-linux-arm "0.14.23"
-    esbuild-linux-arm64 "0.14.23"
-    esbuild-linux-mips64le "0.14.23"
-    esbuild-linux-ppc64le "0.14.23"
-    esbuild-linux-riscv64 "0.14.23"
-    esbuild-linux-s390x "0.14.23"
-    esbuild-netbsd-64 "0.14.23"
-    esbuild-openbsd-64 "0.14.23"
-    esbuild-sunos-64 "0.14.23"
-    esbuild-windows-32 "0.14.23"
-    esbuild-windows-64 "0.14.23"
-    esbuild-windows-arm64 "0.14.23"
+    "@esbuild/android-arm" "0.16.10"
+    "@esbuild/android-arm64" "0.16.10"
+    "@esbuild/android-x64" "0.16.10"
+    "@esbuild/darwin-arm64" "0.16.10"
+    "@esbuild/darwin-x64" "0.16.10"
+    "@esbuild/freebsd-arm64" "0.16.10"
+    "@esbuild/freebsd-x64" "0.16.10"
+    "@esbuild/linux-arm" "0.16.10"
+    "@esbuild/linux-arm64" "0.16.10"
+    "@esbuild/linux-ia32" "0.16.10"
+    "@esbuild/linux-loong64" "0.16.10"
+    "@esbuild/linux-mips64el" "0.16.10"
+    "@esbuild/linux-ppc64" "0.16.10"
+    "@esbuild/linux-riscv64" "0.16.10"
+    "@esbuild/linux-s390x" "0.16.10"
+    "@esbuild/linux-x64" "0.16.10"
+    "@esbuild/netbsd-x64" "0.16.10"
+    "@esbuild/openbsd-x64" "0.16.10"
+    "@esbuild/sunos-x64" "0.16.10"
+    "@esbuild/win32-arm64" "0.16.10"
+    "@esbuild/win32-ia32" "0.16.10"
+    "@esbuild/win32-x64" "0.16.10"
+
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
 
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-plugin-vue@^8.5.0:
-  version "8.5.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-8.5.0.tgz#65832bba43ca713fa5da16bdfcf55d0095677f6f"
-  integrity sha512-i1uHCTAKOoEj12RDvdtONWrGzjFm/djkzqfhmQ0d6M/W8KM81mhswd/z+iTZ0jCpdUedW3YRgcVfQ37/J4zoYQ==
+eslint-plugin-vue@^9.8.0:
+  version "9.8.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.8.0.tgz#91de2aabbee8cdbef078ccd4f650a9ecfa445f4f"
+  integrity sha512-E/AXwcTzunyzM83C2QqDHxepMzvI2y6x+mmeYHbVDQlKFqmKYvRrhaVixEeeG27uI44p9oKDFiyCRw4XxgtfHA==
   dependencies:
     eslint-utils "^3.0.0"
     natural-compare "^1.4.0"
+    nth-check "^2.0.1"
+    postcss-selector-parser "^6.0.9"
     semver "^7.3.5"
-    vue-eslint-parser "^8.0.1"
+    vue-eslint-parser "^9.0.1"
+    xml-name-validator "^4.0.0"
 
 eslint-scope@^5.1.1:
   version "5.1.1"
@@ -985,7 +886,7 @@ eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.0.0, eslint-scope@^7.1.1:
+eslint-scope@^7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
   integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
@@ -1005,18 +906,20 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.3.0:
+eslint-visitor-keys@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
 eslint@^8.9.0:
-  version "8.9.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.9.0.tgz#a2a8227a99599adc4342fd9b854cb8d8d6412fdb"
-  integrity sha512-PB09IGwv4F4b0/atrbcMFboF/giawbBLVC7fyDamk5Wtey4Jh2K+rYaBhCAbUyEI4QzB1ly09Uglc9iCtFaG2Q==
+  version "8.30.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.30.0.tgz#83a506125d089eef7c5b5910eeea824273a33f50"
+  integrity sha512-MGADB39QqYuzEGov+F/qb18r4i7DohCDOfatHaxI2iGlPuC65bwG2gxgO+7DkyL38dRFaRH7RaRAgU6JKL9rMQ==
   dependencies:
-    "@eslint/eslintrc" "^1.1.0"
-    "@humanwhocodes/config-array" "^0.9.2"
+    "@eslint/eslintrc" "^1.4.0"
+    "@humanwhocodes/config-array" "^0.11.8"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
     ajv "^6.10.0"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
@@ -1026,38 +929,40 @@ eslint@^8.9.0:
     eslint-scope "^7.1.1"
     eslint-utils "^3.0.0"
     eslint-visitor-keys "^3.3.0"
-    espree "^9.3.1"
+    espree "^9.4.0"
     esquery "^1.4.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^6.0.1"
-    globals "^13.6.0"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-sdsl "^4.1.4"
     js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
     lodash.merge "^4.6.2"
-    minimatch "^3.0.4"
+    minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.1"
     regexpp "^3.2.0"
     strip-ansi "^6.0.1"
     strip-json-comments "^3.1.0"
     text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
 
-espree@^9.0.0, espree@^9.3.1:
-  version "9.3.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.1.tgz#8793b4bc27ea4c778c19908e0719e7b8f4115bcd"
-  integrity sha512-bvdyLmJMfwkV3NCRl5ZhJf22zBFo1y8bYh3VYb+bfzqNB4Je68P2sSuXyuFquzWLebHpNd2/d5uv7yoP9ISnGQ==
+espree@^9.3.1, espree@^9.4.0:
+  version "9.4.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.4.1.tgz#51d6092615567a2c2cff7833445e37c28c0065bd"
+  integrity sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==
   dependencies:
-    acorn "^8.7.0"
-    acorn-jsx "^5.3.1"
+    acorn "^8.8.0"
+    acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.3.0"
 
 esquery@^1.4.0:
@@ -1084,7 +989,7 @@ estraverse@^5.1.0, estraverse@^5.2.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-estree-walker@^2.0.1, estree-walker@^2.0.2:
+estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
@@ -1100,9 +1005,9 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
 fast-glob@^3.2.9:
-  version "3.2.11"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
-  integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
+  version "3.2.12"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
     "@nodelib/fs.walk" "^1.2.3"
@@ -1118,12 +1023,12 @@ fast-json-stable-stringify@^2.0.0:
 fast-levenshtein@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
 fastq@^1.6.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c"
-  integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==
+  version "1.14.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.14.0.tgz#107f69d7295b11e0fccc264e1fc6389f623731ce"
+  integrity sha512-eR2D+V9/ExcbF9ls441yIuN6TI2ED1Y2ZcA5BmMtJsOkWOFRJQ0Jt0g1UwqXJJVAb+V+umH5Dfr8oh4EVP7VVg==
   dependencies:
     reusify "^1.0.4"
 
@@ -1148,6 +1053,14 @@ find-replace@^3.0.0:
   dependencies:
     array-back "^3.0.1"
 
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
 flat-cache@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
@@ -1157,24 +1070,28 @@ flat-cache@^3.0.4:
     rimraf "^3.0.2"
 
 flatted@^3.1.0:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.5.tgz#76c8584f4fc843db64702a6bd04ab7a8bd666da3"
-  integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
+  integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
-follow-redirects@^1.10.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
-  integrity sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==
+follow-redirects@^1.15.0:
+  version "1.15.2"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
+  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
 
-follow-redirects@^1.14.8:
-  version "1.14.9"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.9.tgz#dd4ea157de7bfaf9ea9b3fbd85aa16951f78d8d7"
-  integrity sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
 
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
 fsevents@~2.3.2:
   version "2.3.2"
@@ -1186,24 +1103,15 @@ function-bind@^1.1.1:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
-functional-red-black-tree@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
+get-caller-file@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.1.tgz#15f59f376f855c446963948f0d24cd3637b4abc6"
-  integrity sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==
-  dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
-
-gettext-extractor@^3.5.3:
-  version "3.5.4"
-  resolved "https://registry.yarnpkg.com/gettext-extractor/-/gettext-extractor-3.5.4.tgz#bd36c65b4d26014ffd925f9ac7b4738d6893d6b2"
-  integrity sha512-iK4tSnteSw+pFMts43OP8hUnsOklbkxz3ytWqru7dPf8Ec3uzTYv1aw70ojAvKItmofpj1ibfY7sZWsdSN6zIw==
+gettext-extractor@^3.5.4:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/gettext-extractor/-/gettext-extractor-3.6.0.tgz#a05827ba7cf5baf3f4acd9b42dce75a48c5cf6d5"
+  integrity sha512-fHbvp5toU3NcMOAI7M2b99OkguzBu7v9LADF0Ad1q/ltZvNttcIB65uVIBt+fehPCgy37T+NeEcvtaI+t/+gtw==
   dependencies:
     "@types/glob" "5 - 7"
     "@types/parse5" "^5"
@@ -1220,7 +1128,7 @@ glob-parent@^5.1.2, glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
-glob-parent@^6.0.1:
+glob-parent@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
   integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
@@ -1228,25 +1136,25 @@ glob-parent@^6.0.1:
     is-glob "^4.0.3"
 
 "glob@5 - 7", glob@^7.1.3, glob@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.0.tgz#d15535af7732e02e948f4c41628bd910293f6023"
-  integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
   dependencies:
     fs.realpath "^1.0.0"
     inflight "^1.0.4"
     inherits "2"
-    minimatch "^3.0.4"
+    minimatch "^3.1.1"
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-globals@^13.6.0, globals@^13.9.0:
-  version "13.12.1"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.12.1.tgz#ec206be932e6c77236677127577aa8e50bf1c5cb"
-  integrity sha512-317dFlgY2pdJZ9rspXDks7073GpDmXdfbM3vYYp0HAMKGDh1FfWPleI2ljVNLQX5M5lXcAslTcPTrOrMEFOjyw==
+globals@^13.19.0:
+  version "13.19.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.19.0.tgz#7a42de8e6ad4f7242fbcca27ea5b23aca367b5c8"
+  integrity sha512-dkQ957uSRWHw7CFXLUtUHQI3g3aWApYhfNR2O6jn/907riyTYKVBmxYVROkBcY614FSSeSJh7Xm7SrUWCxvJMQ==
   dependencies:
     type-fest "^0.20.2"
 
-globby@^11.0.4:
+globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -1258,28 +1166,21 @@ globby@^11.0.4:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
+grapheme-splitter@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
+  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
 
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-symbols@^1.0.1, has-symbols@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.2.tgz#165d3070c00309752a1236a479331e3ac56f1423"
-  integrity sha512-chXa79rL/UC2KlX17jo3vRGz0azaWEx5tGqZg5pO3NUyEJVB17dMruQlzCCOfUvElghKcm5194+BCRvi2Rv/Gw==
-
-has-tostringtag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
-  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
-  dependencies:
-    has-symbols "^1.0.2"
-
 has@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
@@ -1287,30 +1188,20 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-htmlparser2@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-7.2.0.tgz#8817cdea38bbc324392a90b1990908e81a65f5a5"
-  integrity sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.2.2"
-    domutils "^2.8.0"
-    entities "^3.0.1"
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-ignore@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
-  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
-
-ignore@^5.1.8, ignore@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
-  integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
+ignore@^5.2.0:
+  version "5.2.4"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
+  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
 
 immutable@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23"
-  integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
+  integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
 
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
@@ -1323,12 +1214,12 @@ import-fresh@^3.0.0, import-fresh@^3.2.1:
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
 
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
   dependencies:
     once "^1.3.0"
     wrappy "1"
@@ -1341,7 +1232,7 @@ inherits@2:
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
 is-binary-path@~2.1.0:
   version "2.1.0"
@@ -1350,67 +1241,61 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
-is-core-module@^2.8.1:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.8.1.tgz#f59fdfca701d5879d0a6b100a40aa1560ce27211"
-  integrity sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==
+is-core-module@^2.9.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
+  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
   dependencies:
     has "^1.0.3"
 
-is-expression@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/is-expression/-/is-expression-4.0.0.tgz#c33155962abf21d0afd2552514d67d2ec16fd2ab"
-  integrity sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==
-  dependencies:
-    acorn "^7.1.1"
-    object-assign "^4.1.1"
+is-docker@^2.0.0, is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
 
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
-is-glob@^4.0.0, is-glob@^4.0.3:
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
   dependencies:
     is-extglob "^2.1.1"
 
-is-glob@^4.0.1, is-glob@~4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
-  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
-  dependencies:
-    is-extglob "^2.1.1"
-
 is-number@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-promise@^2.0.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
-  integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
-is-regex@^1.0.3:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
-  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
+    is-docker "^2.0.0"
 
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-js-stringify@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/js-stringify/-/js-stringify-1.0.2.tgz#1736fddfd9724f28a3682adc6230ae7e4e9679db"
-  integrity sha1-Fzb939lyTyijaCrcYjCufk6Weds=
+js-sdsl@^4.1.4:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.2.0.tgz#278e98b7bea589b8baaf048c20aeb19eb7ad09d0"
+  integrity sha512-dyBIzQBDkCqCu+0upx25Y2jGdbTGxE9fshMsCdK0ViOongpV+n5tXRcZY9v7CaVQ79AGS9KA1KHtojxiM7aXSQ==
 
 js-tokens@^4.0.0:
   version "4.0.0"
@@ -1437,25 +1322,7 @@ json-schema-traverse@^0.4.1:
 json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
-
-jsonc-parser@^2.3.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-2.3.1.tgz#59549150b133f2efacca48fe9ce1ec0659af2342"
-  integrity sha512-H8jvkz1O50L3dMZCsLqiuB2tA7muqbSg1AtGEkN0leAqGjsUzDJir3Zwr02BhqdcITPg3ei3mZ+HjMocAknhhg==
-
-jsonc-parser@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.0.0.tgz#abdd785701c7e7eaca8a9ec8cf070ca51a745a22"
-  integrity sha512-fQzRfAbIBnR0IQvftw9FJveWiHp72Fg20giDrHz6TdfB12UH/uue0D3hm57UB5KgAVuniLMCaS8P1IMj9NR7cA==
-
-jstransformer@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/jstransformer/-/jstransformer-1.0.0.tgz#ed8bf0921e2f3f1ed4d5c1a44f68709ed24722c3"
-  integrity sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=
-  dependencies:
-    is-promise "^2.0.0"
-    promise "^7.0.1"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
 levn@^0.4.1:
   version "0.4.1"
@@ -1470,17 +1337,24 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
-linkify-it@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-3.0.2.tgz#f55eeb8bc1d3ae754049e124ab3bb56d97797fb8"
-  integrity sha512-gDBO4aHNZS6coiZCKVhSNh43F9ioIL4JwRjLZPkoLIY4yZFwg264Y5lu2x6rb1Js42Gh6Yqm2f6L2AJcnkzinQ==
+linkify-it@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-4.0.1.tgz#01f1d5e508190d06669982ba31a7d9f56a5751ec"
+  integrity sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==
   dependencies:
     uc.micro "^1.0.1"
 
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
 lodash.camelcase@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
+  integrity sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==
 
 lodash.merge@^4.6.2:
   version "4.6.2"
@@ -1500,27 +1374,27 @@ lru-cache@^6.0.0:
     yallist "^4.0.0"
 
 magic-string@^0.25.7:
-  version "0.25.7"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051"
-  integrity sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==
+  version "0.25.9"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
   dependencies:
-    sourcemap-codec "^1.4.4"
+    sourcemap-codec "^1.4.8"
 
-markdown-it@^12.3.2:
-  version "12.3.2"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-12.3.2.tgz#bf92ac92283fe983fe4de8ff8abfb5ad72cd0c90"
-  integrity sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==
+markdown-it@^13.0.1:
+  version "13.0.1"
+  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-13.0.1.tgz#c6ecc431cacf1a5da531423fc6a42807814af430"
+  integrity sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==
   dependencies:
     argparse "^2.0.1"
-    entities "~2.1.0"
-    linkify-it "^3.0.1"
+    entities "~3.0.1"
+    linkify-it "^4.0.1"
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
 mdurl@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=
+  integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
 
 merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
@@ -1528,34 +1402,63 @@ merge2@^1.3.0, merge2@^1.4.1:
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
 micromatch@^4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
-  integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
   dependencies:
-    braces "^3.0.1"
-    picomatch "^2.2.3"
+    braces "^3.0.2"
+    picomatch "^2.3.1"
 
-minimatch@^3.0.4:
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.1.tgz#6c9dffcf9927ff2a31e74b5af11adf8b9604b022"
+  integrity sha512-362NP+zlprccbEt/SkxKfRMHnNY85V74mVnpUpNyr3F35covl09Kec7/sEFLt3RA4oXmewtoaanoIf67SE5Y5g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-nanoid@^3.2.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.1.tgz#6347a18cac88af88f58af0b3594b723d5e99bb35"
-  integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==
+muggle-string@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/muggle-string/-/muggle-string-0.1.0.tgz#1fda8a281c8b27bb8b70466dbc9f27586a8baa6c"
+  integrity sha512-Tr1knR3d2mKvvWthlk7202rywKbiOm4rVFLsfAaSIhJ6dt9o47W4S+JMtWhd/PW9Wrdew2/S2fSvhz3E2gkfEg==
+
+nanoid@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
+  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
+
+natural-compare-lite@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
+  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
 
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
@@ -1565,20 +1468,31 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
 nprogress@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
-  integrity sha1-y480xTIT2JVyP8urkH6UIq28r7E=
+  integrity sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==
 
-object-assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
 
 once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
   dependencies:
     wrappy "1"
 
+open@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
+  integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -1591,6 +1505,20 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -1608,15 +1536,27 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-"parse5@5 - 6":
+parse5-htmlparser2-tree-adapter@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz#2cdf9ad823321140370d4dbf5d3e92c7c8ddc6e6"
+  integrity sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==
+  dependencies:
+    parse5 "^6.0.1"
+
+"parse5@5 - 6", parse5@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
   integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
 
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
 path-key@^3.1.0:
   version "3.1.1"
@@ -1638,12 +1578,7 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.0.4, picomatch@^2.2.1:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
-  integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
-
-picomatch@^2.2.3:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -1654,16 +1589,24 @@ pofile@1.0.x:
   integrity sha512-Vy9eH1dRD9wHjYt/QqXcTz+RnX/zg53xK+KljFSX30PvdDMb2z+c6uDUeblUGqqJgz3QFsdlA0IJvHziPmWtQg==
 
 pofile@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/pofile/-/pofile-1.1.3.tgz#e2c0d4052b9829f171b888bfb35c87791dbea297"
-  integrity sha512-sk96pUvpNwDV6PLrnhr68Uu1S5NohsxqLKz0GuracgrDo40BdF/r1RhHnjakUk6Q4Z0OKIybOQ7GevLKGN1iYw==
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/pofile/-/pofile-1.1.4.tgz#eab7e29f5017589b2a61b2259dff608c0cad76a2"
+  integrity sha512-r6Q21sKsY1AjTVVjOuU02VYKVNQGJNQHjTIvs4dEbeuuYfxgYk/DGD2mqqq4RDaVkwdSq0VEtmQUOPe/wH8X3g==
 
-postcss@^8.1.10, postcss@^8.4.6:
-  version "8.4.6"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.6.tgz#c5ff3c3c457a23864f32cb45ac9b741498a09ae1"
-  integrity sha512-OovjwIzs9Te46vlEx7+uXB0PLijpwjXGKXjVGGPIGubGpq7uh5Xgf6D6FiJ/SzJMBosHDp6a2hiXOS97iBXcaA==
+postcss-selector-parser@^6.0.9:
+  version "6.0.11"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
+  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
   dependencies:
-    nanoid "^3.2.0"
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss@^8.1.10, postcss@^8.4.20:
+  version "8.4.20"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.20.tgz#64c52f509644cecad8567e949f4081d98349dc56"
+  integrity sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==
+  dependencies:
+    nanoid "^3.3.4"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
@@ -1672,115 +1615,10 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-promise@^7.0.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
-  integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
-  dependencies:
-    asap "~2.0.3"
-
-pug-attrs@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pug-attrs/-/pug-attrs-3.0.0.tgz#b10451e0348165e31fad1cc23ebddd9dc7347c41"
-  integrity sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==
-  dependencies:
-    constantinople "^4.0.1"
-    js-stringify "^1.0.2"
-    pug-runtime "^3.0.0"
-
-pug-code-gen@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/pug-code-gen/-/pug-code-gen-3.0.2.tgz#ad190f4943133bf186b60b80de483100e132e2ce"
-  integrity sha512-nJMhW16MbiGRiyR4miDTQMRWDgKplnHyeLvioEJYbk1RsPI3FuA3saEP8uwnTb2nTJEKBU90NFVWJBk4OU5qyg==
-  dependencies:
-    constantinople "^4.0.1"
-    doctypes "^1.1.0"
-    js-stringify "^1.0.2"
-    pug-attrs "^3.0.0"
-    pug-error "^2.0.0"
-    pug-runtime "^3.0.0"
-    void-elements "^3.1.0"
-    with "^7.0.0"
-
-pug-error@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pug-error/-/pug-error-2.0.0.tgz#5c62173cb09c34de2a2ce04f17b8adfec74d8ca5"
-  integrity sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==
-
-pug-filters@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pug-filters/-/pug-filters-4.0.0.tgz#d3e49af5ba8472e9b7a66d980e707ce9d2cc9b5e"
-  integrity sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==
-  dependencies:
-    constantinople "^4.0.1"
-    jstransformer "1.0.0"
-    pug-error "^2.0.0"
-    pug-walk "^2.0.0"
-    resolve "^1.15.1"
-
-pug-lexer@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/pug-lexer/-/pug-lexer-5.0.1.tgz#ae44628c5bef9b190b665683b288ca9024b8b0d5"
-  integrity sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==
-  dependencies:
-    character-parser "^2.2.0"
-    is-expression "^4.0.0"
-    pug-error "^2.0.0"
-
-pug-linker@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/pug-linker/-/pug-linker-4.0.0.tgz#12cbc0594fc5a3e06b9fc59e6f93c146962a7708"
-  integrity sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==
-  dependencies:
-    pug-error "^2.0.0"
-    pug-walk "^2.0.0"
-
-pug-load@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pug-load/-/pug-load-3.0.0.tgz#9fd9cda52202b08adb11d25681fb9f34bd41b662"
-  integrity sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==
-  dependencies:
-    object-assign "^4.1.1"
-    pug-walk "^2.0.0"
-
-pug-parser@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/pug-parser/-/pug-parser-6.0.0.tgz#a8fdc035863a95b2c1dc5ebf4ecf80b4e76a1260"
-  integrity sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==
-  dependencies:
-    pug-error "^2.0.0"
-    token-stream "1.0.0"
-
-pug-runtime@^3.0.0, pug-runtime@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/pug-runtime/-/pug-runtime-3.0.1.tgz#f636976204723f35a8c5f6fad6acda2a191b83d7"
-  integrity sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==
-
-pug-strip-comments@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz#f94b07fd6b495523330f490a7f554b4ff876303e"
-  integrity sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==
-  dependencies:
-    pug-error "^2.0.0"
-
-pug-walk@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pug-walk/-/pug-walk-2.0.0.tgz#417aabc29232bb4499b5b5069a2b2d2a24d5f5fe"
-  integrity sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==
-
-pug@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/pug/-/pug-3.0.2.tgz#f35c7107343454e43bc27ae0ff76c731b78ea535"
-  integrity sha512-bp0I/hiK1D1vChHh6EfDxtndHji55XP/ZJKwsRqrz6lRia6ZC2OZbdAymlxdVFwd1L70ebrVJw4/eZ79skrIaw==
-  dependencies:
-    pug-code-gen "^3.0.2"
-    pug-filters "^4.0.0"
-    pug-lexer "^5.0.1"
-    pug-linker "^4.0.0"
-    pug-load "^3.0.0"
-    pug-parser "^6.0.0"
-    pug-runtime "^3.0.1"
-    pug-strip-comments "^2.0.0"
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
 
 punycode@^2.1.0:
   version "2.1.1"
@@ -1804,17 +1642,22 @@ regexpp@^3.2.0:
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
   integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
 
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.15.1, resolve@^1.22.0:
-  version "1.22.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198"
-  integrity sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==
+resolve@^1.22.1:
+  version "1.22.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
   dependencies:
-    is-core-module "^2.8.1"
+    is-core-module "^2.9.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
@@ -1830,10 +1673,19 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
-rollup@^2.59.0:
-  version "2.68.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.68.0.tgz#6ccabfd649447f8f21d62bf41662e5caece3bd66"
-  integrity sha512-XrMKOYK7oQcTio4wyTz466mucnd8LzkiZLozZ4Rz0zQD+HeX4nUK4B8GrTX/2EvN2/vBF/i2WnaXboPxo0JylA==
+rollup-plugin-visualizer@^5.8.3:
+  version "5.8.3"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.8.3.tgz#2f002d6e1e38f4d4fb8638fd8d23ec799c3a2060"
+  integrity sha512-QGJk4Bqe4AOat5AjipOh8esZH1nck5X2KFpf4VytUdSUuuuSwvIQZjMGgjcxe/zXexltqaXp5Vx1V3LmnQH15Q==
+  dependencies:
+    open "^8.4.0"
+    source-map "^0.7.4"
+    yargs "^17.5.1"
+
+rollup@^3.7.0:
+  version "3.7.5"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.7.5.tgz#db580f8eda50237b0721ddea301fb981cd992933"
+  integrity sha512-z0ZbqHBtS/et2EEUKMrAl2CoSdwN7ZPzL17UMiKN9RjjqHShTlv7F9J6ZJZJNREYjBh3TvBrdfjkFDIXFNeuiQ==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -1845,18 +1697,18 @@ run-parallel@^1.1.9:
     queue-microtask "^1.2.2"
 
 sass@^1.49.8:
-  version "1.49.8"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.49.8.tgz#9bbbc5d43d14862db07f1c04b786c9da9b641828"
-  integrity sha512-NoGOjvDDOU9og9oAxhRnap71QaTjjlzrvLnKecUJ3GxhaQBrV6e7gPuSPF28u1OcVAArVojPAe4ZhOXwwC4tGw==
+  version "1.57.1"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.57.1.tgz#dfafd46eb3ab94817145e8825208ecf7281119b5"
+  integrity sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
-semver@^7.3.5:
-  version "7.3.5"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
-  integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
+semver@^7.3.5, semver@^7.3.6, semver@^7.3.7:
+  version "7.3.8"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
+  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
   dependencies:
     lru-cache "^6.0.0"
 
@@ -1887,12 +1739,26 @@ source-map@^0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-sourcemap-codec@^1.4.4:
+source-map@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+sourcemap-codec@^1.4.8:
   version "1.4.8"
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
-strip-ansi@^6.0.1:
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -1926,12 +1792,12 @@ supports-preserve-symlinks-flag@^1.0.0:
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-  integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
+  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
 
 to-regex-range@^5.0.1:
   version "5.0.1"
@@ -1940,20 +1806,15 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-token-stream@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/token-stream/-/token-stream-1.0.0.tgz#cc200eab2613f4166d27ff9afc7ca56d49df6eb4"
-  integrity sha1-zCAOqyYT9BZtJ/+a/HylbUnfbrQ=
-
 tslib@^1.8.1:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
-  integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==
+tslib@^2.4.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e"
+  integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
 
 tsutils@^3.21.0:
   version "3.21.0"
@@ -1974,10 +1835,10 @@ type-fest@^0.20.2:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
-"typescript@2 - 4", typescript@~4.5.5:
-  version "4.5.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.5.5.tgz#d8c953832d28924a9e3d37c73d729c846c5896f3"
-  integrity sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA==
+"typescript@2 - 4", typescript@~4.9.4:
+  version "4.9.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
+  integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
 
 typical@^4.0.0:
   version "4.0.0"
@@ -1989,11 +1850,6 @@ uc.micro@^1.0.1, uc.micro@^1.0.5:
   resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
   integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
 
-upath@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
-  integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
-
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
@@ -2001,216 +1857,89 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
-v8-compile-cache@^2.0.3:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
-  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
+util-deprecate@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
-vite@^2.8.4:
-  version "2.8.4"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.8.4.tgz#4e52a534289b7b4e94e646df2fc5556ceaa7336b"
-  integrity sha512-GwtOkkaT2LDI82uWZKcrpRQxP5tymLnC7hVHHqNkhFNknYr0hJUlDLfhVRgngJvAy3RwypkDCWtTKn1BjO96Dw==
+vite@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.0.2.tgz#909beb07995048fe5a83b35b5e827d79627457c4"
+  integrity sha512-QJaY3R+tFlTagH0exVqbgkkw45B+/bXVBzF2ZD1KB5Z8RiAoiKo60vSUf6/r4c2Vh9jfGBKM4oBI9b4/1ZJYng==
   dependencies:
-    esbuild "^0.14.14"
-    postcss "^8.4.6"
-    resolve "^1.22.0"
-    rollup "^2.59.0"
+    esbuild "^0.16.3"
+    postcss "^8.4.20"
+    resolve "^1.22.1"
+    rollup "^3.7.0"
   optionalDependencies:
     fsevents "~2.3.2"
 
-void-elements@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-3.1.0.tgz#614f7fbf8d801f0bb5f0661f5b2f5785750e4f09"
-  integrity sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=
-
-vscode-css-languageservice@^5.1.9:
-  version "5.1.13"
-  resolved "https://registry.yarnpkg.com/vscode-css-languageservice/-/vscode-css-languageservice-5.1.13.tgz#debc7c8368223b211a734cb7eb7789c586d3e2d9"
-  integrity sha512-FA0foqMzMmEoO0WJP+MjoD4dRERhKS+Ag+yBrtmWQDmw2OuZ1R/5FkvI/XdTkCpHmTD9VMczugpHRejQyTXCNQ==
+vue-eslint-parser@^9.0.0, vue-eslint-parser@^9.0.1:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz#0e121d1bb29bd10763c83e3cc583ee03434a9dd5"
+  integrity sha512-NGn/iQy8/Wb7RrRa4aRkokyCZfOUWk19OP5HP6JEozQFX5AoS/t+Z0ZN7FY4LlmWc4FNI922V7cvX28zctN8dQ==
   dependencies:
-    vscode-languageserver-textdocument "^1.0.1"
-    vscode-languageserver-types "^3.16.0"
-    vscode-nls "^5.0.0"
-    vscode-uri "^3.0.2"
-
-vscode-html-languageservice@^4.2.1:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/vscode-html-languageservice/-/vscode-html-languageservice-4.2.2.tgz#e580b8f22b1b8c1dc0d6aaeda5a861f8b4120e4e"
-  integrity sha512-4ICwlpplGbiNQq6D/LZr4qLbPZuMmnSQeX/57UAYP7jD1LOvKeru4lVI+f6d6Eyd7uS46nLJ5DUY4AAlq35C0g==
-  dependencies:
-    vscode-languageserver-textdocument "^1.0.3"
-    vscode-languageserver-types "^3.16.0"
-    vscode-nls "^5.0.0"
-    vscode-uri "^3.0.3"
-
-vscode-json-languageservice@^4.1.10:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/vscode-json-languageservice/-/vscode-json-languageservice-4.2.0.tgz#df0693b69ba2fbf0a6add896087b6f1c9c38f06a"
-  integrity sha512-XNawv0Vdy/sUK0S+hGf7cq/qsVAbIniGJr89TvZOqMCNJmpgKTy1e8PL1aWW0uy6BfWMG7vxa5lZb3ypuFtuGQ==
-  dependencies:
-    jsonc-parser "^3.0.0"
-    vscode-languageserver-textdocument "^1.0.3"
-    vscode-languageserver-types "^3.16.0"
-    vscode-nls "^5.0.0"
-    vscode-uri "^3.0.3"
-
-vscode-jsonrpc@8.0.0-next.6, vscode-jsonrpc@^8.0.0-next.5:
-  version "8.0.0-next.6"
-  resolved "https://registry.yarnpkg.com/vscode-jsonrpc/-/vscode-jsonrpc-8.0.0-next.6.tgz#981f7c065ecc7e7e8595f9da6d073ac592b34114"
-  integrity sha512-6Ld3RYjygn5Ih7CkAtcAwiDQC+rakj2O+PnASfNyYv3sLmm44eJpEKzuPUN30Iy2UB09AZg8T6LBKWTJTEJDVw==
-
-vscode-languageserver-protocol@^3.17.0-next.12:
-  version "3.17.0-next.14"
-  resolved "https://registry.yarnpkg.com/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.0-next.14.tgz#d3500bef2ad2889385cda4802acfe6549842164d"
-  integrity sha512-iangobY8dL6sFZkOx4OhRPJM9gN0I1caUsOVR+MnPozsqQUtwMXmbIcfaIf0Akp0pd3KhJDPf/tdwRX68QGeeA==
-  dependencies:
-    vscode-jsonrpc "8.0.0-next.6"
-    vscode-languageserver-types "3.17.0-next.7"
-
-vscode-languageserver-textdocument@^1.0.1, vscode-languageserver-textdocument@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.4.tgz#3cd56dd14cec1d09e86c4bb04b09a246cb3df157"
-  integrity sha512-/xhqXP/2A2RSs+J8JNXpiiNVvvNM0oTosNVmQnunlKvq9o4mupHOBAnnzH0lwIPKazXKvAKsVp1kr+H/K4lgoQ==
-
-vscode-languageserver-types@3.17.0-next.7, vscode-languageserver-types@^3.17.0-next.6:
-  version "3.17.0-next.7"
-  resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.17.0-next.7.tgz#3e41ebb290c95bb38595f568a9963212626290cc"
-  integrity sha512-KH4zdG1qBXxoso61ChgpeoZYyHGJo8bV7Jv4I+fwQ1Ryy59JAxoZ9GAbhR5TeeafHctLcg6RFvY3m8Jqfu17cg==
-
-vscode-languageserver-types@^3.15.1, vscode-languageserver-types@^3.16.0:
-  version "3.16.0"
-  resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz#ecf393fc121ec6974b2da3efb3155644c514e247"
-  integrity sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==
-
-vscode-nls@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/vscode-nls/-/vscode-nls-5.0.0.tgz#99f0da0bd9ea7cda44e565a74c54b1f2bc257840"
-  integrity sha512-u0Lw+IYlgbEJFF6/qAqG2d1jQmJl0eyAGJHoAJqr2HT4M2BNuQYSEiSE75f52pXHSJm8AlTjnLLbBFPrdz2hpA==
-
-vscode-pug-languageservice@0.31.4:
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/vscode-pug-languageservice/-/vscode-pug-languageservice-0.31.4.tgz#4679a961607e5f9692bd14156842c9f13582ef61"
-  integrity sha512-StQWV+v1v+an/pGKNPg4YkODFyKeYpUEzaSAoXIUsIoh7O4Nuv6zjd1M/fPxaMSD6Kk+OH/JGE36hbXsKXOz5A==
-  dependencies:
-    "@volar/code-gen" "0.31.4"
-    "@volar/shared" "0.31.4"
-    "@volar/source-map" "0.31.4"
-    "@volar/transforms" "0.31.4"
-    pug-lexer "^5.0.1"
-    pug-parser "^6.0.0"
-    vscode-languageserver-textdocument "^1.0.3"
-    vscode-languageserver-types "^3.17.0-next.6"
-
-vscode-typescript-languageservice@0.31.4:
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/vscode-typescript-languageservice/-/vscode-typescript-languageservice-0.31.4.tgz#b71819c52dc8dfdb3153a398c24661f62886a4ae"
-  integrity sha512-nsnRPEfg9t3oDlwzm3WTAv0p83vceqCuxvRo/+N7hXbmtaO7WMGCMvJx0xyIuUDS4NgaEK31oMR9FnX9JNcEQQ==
-  dependencies:
-    "@volar/shared" "0.31.4"
-    semver "^7.3.5"
-    upath "^2.0.1"
-    vscode-languageserver-protocol "^3.17.0-next.12"
-    vscode-languageserver-textdocument "^1.0.3"
-    vscode-nls "^5.0.0"
-
-vscode-uri@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-2.1.2.tgz#c8d40de93eb57af31f3c715dd650e2ca2c096f1c"
-  integrity sha512-8TEXQxlldWAuIODdukIb+TR5s+9Ds40eSJrw+1iDDA9IFORPjMELarNQE3myz5XIkWWpdprmJjm1/SxMlWOC8A==
-
-vscode-uri@^3.0.2, vscode-uri@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.0.3.tgz#a95c1ce2e6f41b7549f86279d19f47951e4f4d84"
-  integrity sha512-EcswR2S8bpR7fD0YPeS7r2xXExrScVMxg4MedACaWHEtx9ftCF/qHG1xGkolzTPcEmjTavCQgbVzHUIdTMzFGA==
-
-vscode-vue-languageservice@0.31.4:
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/vscode-vue-languageservice/-/vscode-vue-languageservice-0.31.4.tgz#ad4fd65e9ed7d8bb6f14cd4e235cb3969b3055f9"
-  integrity sha512-Pyvtj5iokBilGDH8KY6bocJh8NcIGoFmUksPOOZKBb+4usEHTBtWw/uoH4hjxWwLszMRQuStkXLMaSKtBIv3gQ==
-  dependencies:
-    "@volar/code-gen" "0.31.4"
-    "@volar/html2pug" "0.31.4"
-    "@volar/shared" "0.31.4"
-    "@volar/source-map" "0.31.4"
-    "@volar/transforms" "0.31.4"
-    "@volar/vue-code-gen" "0.31.4"
-    "@vscode/emmet-helper" "^2.8.3"
-    "@vue/reactivity" "^3.2.27"
-    "@vue/shared" "^3.2.27"
-    upath "^2.0.1"
-    vscode-css-languageservice "^5.1.9"
-    vscode-html-languageservice "^4.2.1"
-    vscode-json-languageservice "^4.1.10"
-    vscode-languageserver-protocol "^3.17.0-next.12"
-    vscode-languageserver-textdocument "^1.0.3"
-    vscode-pug-languageservice "0.31.4"
-    vscode-typescript-languageservice "0.31.4"
-
-vue-eslint-parser@^8.0.0, vue-eslint-parser@^8.0.1:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz#5d31129a1b3dd89c0069ca0a1c88f970c360bd0d"
-  integrity sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==
-  dependencies:
-    debug "^4.3.2"
-    eslint-scope "^7.0.0"
-    eslint-visitor-keys "^3.1.0"
-    espree "^9.0.0"
+    debug "^4.3.4"
+    eslint-scope "^7.1.1"
+    eslint-visitor-keys "^3.3.0"
+    espree "^9.3.1"
     esquery "^1.4.0"
     lodash "^4.17.21"
-    semver "^7.3.5"
+    semver "^7.3.6"
 
 vue-matomo@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/vue-matomo/-/vue-matomo-4.1.0.tgz#17b513bc8ac60e168bfa8190ad05b3257a3c441e"
-  integrity sha512-y+tdmhY835Ip3EAGfIAgA33+aBYrvRT7fNnBnA7bSM459XpoWXgqJKdbopVpEUrxCPIq8IkuF7g4KqSLc0Fa3w==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/vue-matomo/-/vue-matomo-4.2.0.tgz#d65e369e4ead1d95ef790bef3627512cac3d25e9"
+  integrity sha512-m5hCw7LH3wPDcERaF4sp/ojR9sEx7Rl8TpOyH/4jjQxMF2DuY/q5pO+i9o5Dx+BXLSa9+IQ0qhAbWYRyESQXmA==
 
 vue-router@^4.0.12:
-  version "4.0.12"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.12.tgz#8dc792cddf5bb1abcc3908f9064136de7e13c460"
-  integrity sha512-CPXvfqe+mZLB1kBWssssTiWg4EQERyqJZes7USiqfW9B5N2x+nHlnsM1D3b5CaJ6qgCvMmYJnz+G0iWjNCvXrg==
+  version "4.1.6"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.1.6.tgz#b70303737e12b4814578d21d68d21618469375a1"
+  integrity sha512-DYWYwsG6xNPmLq/FmZn8Ip+qrhFEzA14EI12MsMgVxvHFDYvlr4NXpVF5hrRH1wVcDP8fGi5F4rxuJSl8/r+EQ==
   dependencies:
-    "@vue/devtools-api" "^6.0.0-beta.18"
+    "@vue/devtools-api" "^6.4.5"
 
-vue-tsc@^0.31.4:
-  version "0.31.4"
-  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-0.31.4.tgz#cf17f7bca225e6bc0fa577392c07de7b4e1f733a"
-  integrity sha512-8RnKGmQRo/0rbXkyZmKCOdT62fNWyEaMdS/BDAPE+saGNAniUZsjpOSOjAiLwsQc5qgeI9/mY1W3o4tX7H/7MA==
+vue-template-compiler@^2.7.14:
+  version "2.7.14"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz#4545b7dfb88090744c1577ae5ac3f964e61634b1"
+  integrity sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==
   dependencies:
-    "@volar/shared" "0.31.4"
-    vscode-vue-languageservice "0.31.4"
+    de-indent "^1.0.2"
+    he "^1.2.0"
 
-vue3-gettext@2.2.0-alpha.1:
-  version "2.2.0-alpha.1"
-  resolved "https://registry.yarnpkg.com/vue3-gettext/-/vue3-gettext-2.2.0-alpha.1.tgz#39679ab688297c00d9c89508eb20d3bea12bf7d7"
-  integrity sha512-VQe9YRWqKGkqpb9xGk1/hMrUztLoHzvjof1++OSvaeNdJA3MWo1AHtmQtmoYZaFKUEBmwhrbcb+rBlu5rGOQAA==
+vue-tsc@^1.0.13:
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-1.0.16.tgz#e42e169241cf28ec023e7339558ae5ef4f558113"
+  integrity sha512-yZaiJBbcKR1rSLhiF9KryAFH7R63po+N/invr2EAHGXxMzZksE5j1zyQKvrYiqK47ZHLAlCR+re/PHqWp/UzTg==
+  dependencies:
+    "@volar/vue-language-core" "1.0.16"
+    "@volar/vue-typescript" "1.0.16"
+
+vue3-gettext@2.3.4:
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/vue3-gettext/-/vue3-gettext-2.3.4.tgz#f7c64604a20638f49910b9616bdb6269423e0a2b"
+  integrity sha512-X+dibsUhiSRz2LW5de6NkDl+GNZoo9JMGmlJ+wuzez/UJYvJ6GKofOeoUxbtwOk2vPY+/wesmyyzhkMoR3Z/AA==
   dependencies:
     chalk "^4.1.2"
     command-line-args "^5.2.1"
     cosmiconfig "^7.0.1"
-    gettext-extractor "^3.5.3"
+    gettext-extractor "^3.5.4"
     glob "^7.2.0"
+    parse5 "^6.0.1"
+    parse5-htmlparser2-tree-adapter "^6.0.1"
     pofile "^1.1.3"
-    tslib "^2.3.1"
+    tslib "^2.4.0"
 
-vue@^3.0.0-beta.1:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.1.2.tgz#647f8e3949a3d600771dca25d50225dc3e594c64"
-  integrity sha512-q/rbKpb7aofax4ugqu2k/uj7BYuNPcd6Z5/qJtfkJQsE0NkwVoCyeSh7IZGH61hChwYn3CEkh4bHolvUPxlQ+w==
+vue@^3.0.0-beta.1, vue@^3.2.31:
+  version "3.2.45"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.45.tgz#94a116784447eb7dbd892167784619fef379b3c8"
+  integrity sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==
   dependencies:
-    "@vue/compiler-dom" "3.1.2"
-    "@vue/runtime-dom" "3.1.2"
-    "@vue/shared" "3.1.2"
-
-vue@^3.2.31:
-  version "3.2.31"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.31.tgz#e0c49924335e9f188352816788a4cca10f817ce6"
-  integrity sha512-odT3W2tcffTiQCy57nOT93INw1auq5lYLLYtWpPYQQYQOOdHiqFct9Xhna6GJ+pJQaF67yZABraH47oywkJgFw==
-  dependencies:
-    "@vue/compiler-dom" "3.2.31"
-    "@vue/compiler-sfc" "3.2.31"
-    "@vue/runtime-dom" "3.2.31"
-    "@vue/server-renderer" "3.2.31"
-    "@vue/shared" "3.2.31"
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/compiler-sfc" "3.2.45"
+    "@vue/runtime-dom" "3.2.45"
+    "@vue/server-renderer" "3.2.45"
+    "@vue/shared" "3.2.45"
 
 which@^2.0.1:
   version "2.0.2"
@@ -2219,25 +1948,34 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-with@^7.0.0:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/with/-/with-7.0.2.tgz#ccee3ad542d25538a7a7a80aad212b9828495bac"
-  integrity sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==
-  dependencies:
-    "@babel/parser" "^7.9.6"
-    "@babel/types" "^7.9.6"
-    assert-never "^1.2.1"
-    babel-walk "3.0.0-canary-5"
-
 word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+xml-name-validator@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
+  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
+
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
 yallist@^4.0.0:
   version "4.0.0"
@@ -2248,3 +1986,26 @@ yaml@^1.10.0:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
+yargs@^17.5.1:
+  version "17.6.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.6.2.tgz#2e23f2944e976339a1ee00f18c77fedee8332541"
+  integrity sha512-1/9UrdHjDZc0eOU0HxOHoS78C69UD3JRMvzlJ7S79S2nTaWRA/whGCTV8o9e/N/1Va9YIV7Q4sOxD8VV4pCWOw==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
diff --git a/config/test.yaml b/config/test.yaml
index bf15ad6..fe900ac 100644
--- a/config/test.yaml
+++ b/config/test.yaml
@@ -6,7 +6,6 @@ elastic-search:
 
 search-instance:
   name_image: '/theme/framasoft/img/title.svg'
-  search_image: '/theme/framasoft/img/sepia-search.svg'
   theme: 'framasoft'
 
 videos-search:
diff --git a/package.json b/package.json
index 4999af0..f49bab8 100644
--- a/package.json
+++ b/package.json
@@ -65,6 +65,7 @@
     "eslint": "^8.16.0",
     "eslint-config-standard-with-typescript": "^24.0.0",
     "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-n": "^15.6.0",
     "eslint-plugin-node": "^11.0.0",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-standard": "^5.0.0",
diff --git a/themes/framasoft/index.css b/themes/framasoft/index.css
index 6a19c41..e69de29 100644
--- a/themes/framasoft/index.css
+++ b/themes/framasoft/index.css
@@ -1,37 +0,0 @@
-header {
-  font-family: inherit !important;
-  margin-bottom: 0;
-}
-
-header h4 {
-  font-size: 16px;
-  color: #757575;
-}
-
-header h4 a {
-  color: #757575;
-}
-
-header .search-home {
-  margin: 50px 0 -7px 0 !important;
-  z-index: 100;
-}
-
-@media screen and (max-width: 500px) {
-  header .search-home {
-    margin-top: 30px !important;
-    margin-bottom: -4px !important;
-    width: 150px;
-    height: auto;
-  }
-}
-
-.search-container {
-  margin-top: 0;
-}
-
-@media screen and (max-height: 400px) {
-  .search-container {
-    margin-top: 30px;
-  }
-}
diff --git a/yarn.lock b/yarn.lock
index 8dc9d09..d62859b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -553,6 +553,13 @@ buffer@^6.0.3:
     base64-js "^1.3.1"
     ieee754 "^1.2.1"
 
+builtins@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/builtins/-/builtins-5.0.1.tgz#87f6db9ab0458be728564fa81d876d8d74552fa9"
+  integrity sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==
+  dependencies:
+    semver "^7.0.0"
+
 busboy@^1.0.0, busboy@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
@@ -886,6 +893,14 @@ eslint-plugin-es@^3.0.0:
     eslint-utils "^2.0.0"
     regexpp "^3.0.0"
 
+eslint-plugin-es@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-4.1.0.tgz#f0822f0c18a535a97c3e714e89f88586a7641ec9"
+  integrity sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==
+  dependencies:
+    eslint-utils "^2.0.0"
+    regexpp "^3.0.0"
+
 eslint-plugin-import@^2.26.0:
   version "2.26.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz#f812dc47be4f2b72b478a021605a59fc6fe8b88b"
@@ -905,6 +920,20 @@ eslint-plugin-import@^2.26.0:
     resolve "^1.22.0"
     tsconfig-paths "^3.14.1"
 
+eslint-plugin-n@^15.6.0:
+  version "15.6.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-15.6.0.tgz#cfb1d2e2e427d620eb9008f8b3b5a40de0c84120"
+  integrity sha512-Hd/F7wz4Mj44Jp0H6Jtty13NcE69GNTY0rVlgTIj1XBnGGVI6UTdDrpE6vqu3AHo07bygq/N+7OH/lgz1emUJw==
+  dependencies:
+    builtins "^5.0.1"
+    eslint-plugin-es "^4.1.0"
+    eslint-utils "^3.0.0"
+    ignore "^5.1.1"
+    is-core-module "^2.11.0"
+    minimatch "^3.1.2"
+    resolve "^1.22.1"
+    semver "^7.3.8"
+
 eslint-plugin-node@^11.0.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz#c95544416ee4ada26740a30474eefc5402dc671d"
@@ -1549,7 +1578,7 @@ is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.8.1, is-core-module@^2.9.0:
+is-core-module@^2.11.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
   version "2.11.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
   integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
@@ -2334,7 +2363,7 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.10.1, resolve@^1.20.0, resolve@^1.22.0:
+resolve@^1.10.1, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1:
   version "1.22.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
   integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
@@ -2406,7 +2435,7 @@ semver@^6.1.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.3.7:
+semver@^7.0.0, semver@^7.3.7, semver@^7.3.8:
   version "7.3.8"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
   integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==