From 40432da0f244f5acc16035618c65358e401eb62d Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Mon, 31 Jul 2023 20:03:00 +0200
Subject: [PATCH] - refactoring code

---
 package-lock.json                             | 228 +++--------------
 package.json                                  |  17 +-
 src/App.vue                                   |  10 +-
 src/HeaderReference/index.js                  |  33 +++
 src/components/FooterComponent.vue            |  46 ++--
 src/components/NavigationHeader.vue           | 102 ++++----
 src/components/SelectedProjects.vue           |  18 +-
 src/components/SiteHeader.vue                 |  59 ++---
 src/components/buttons/BaseButton.vue         |  36 ++-
 src/components/buttons/GhostButton.vue        |  28 +--
 src/components/sections/AboutSection.vue      |   4 +-
 .../sections/ExperiencesSection.vue           | 162 +++---------
 src/components/sections/FavoriteProjects.vue  |  48 ++--
 .../sections/contacts/MailContact.vue         | 233 +++++++++---------
 .../sections/contacts/OtherContact.vue        |   2 +-
 src/main.js                                   |   1 +
 src/resource/data/Technologies.js             |  99 ++++++++
 src/router/index.js                           |  78 +++---
 src/store/index.js                            |  30 +--
 src/views/AboutView.vue                       |  22 --
 src/views/ContactView.vue                     |  24 +-
 src/views/HomeView.vue                        |  30 +--
 src/views/{NotFound.vue => NotFoundView.vue}  |   0
 src/views/ProjectView.vue                     | 103 ++++----
 src/views/ProjectsView.vue                    |   7 +-
 vite.config.js                                |  10 +-
 26 files changed, 608 insertions(+), 822 deletions(-)
 create mode 100644 src/HeaderReference/index.js
 create mode 100644 src/resource/data/Technologies.js
 rename src/views/{NotFound.vue => NotFoundView.vue} (100%)

diff --git a/package-lock.json b/package-lock.json
index 8280354..adaddf8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,11 @@
         "@fortawesome/free-solid-svg-icons": "^6.2.1",
         "@fortawesome/vue-fontawesome": "^3.0.3",
         "@vitejs/plugin-vue": "^4.2.3",
+        "autoprefixer": "^10.4.14",
+        "markdown-it": "^13.0.1",
+        "postcss": "^8.4.27",
+        "sass-loader": "^13.3.2",
+        "tailwindcss": "^3.3.3",
         "vite": "^4.4.7",
         "vue": "^3.3.4",
         "vue-meta": "^2.4.0",
@@ -21,14 +26,8 @@
         "vuex": "^4.1.0"
       },
       "devDependencies": {
-        "autoprefixer": "^10.4.13",
         "eslint": "^8.29.0",
-        "eslint-plugin-vue": "^9.8.0",
-        "markdown-it": "^13.0.1",
-        "postcss": "^8.4.20",
-        "sass": "^1.56.2",
-        "sass-loader": "^13.2.0",
-        "tailwindcss": "^3.2.4"
+        "eslint-plugin-vue": "^9.8.0"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -44,7 +43,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -552,7 +550,6 @@
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
       "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "devOptional": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.0.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -566,7 +563,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
       "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-      "devOptional": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -575,7 +571,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
       "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "devOptional": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -584,7 +579,6 @@
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
       "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
-      "devOptional": true,
       "peer": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.0",
@@ -600,7 +594,6 @@
       "version": "0.3.18",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
       "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
-      "devOptional": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "3.1.0",
         "@jridgewell/sourcemap-codec": "1.4.14"
@@ -609,14 +602,12 @@
     "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.14",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
-      "devOptional": true
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
     },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -629,7 +620,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -638,7 +628,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -651,7 +640,6 @@
       "version": "8.44.1",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.1.tgz",
       "integrity": "sha512-XpNDc4Z5Tb4x+SW1MriMVeIsMoONHCkWFMkR/aPJbzEsxqHy+4Glu/BqTdPrApfDeMaXbtNh6bseNgl5KaWrSg==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@types/estree": "*",
@@ -662,7 +650,6 @@
       "version": "3.7.4",
       "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz",
       "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@types/eslint": "*",
@@ -673,21 +660,18 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz",
       "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==",
-      "dev": true,
       "peer": true
     },
     "node_modules/@types/json-schema": {
       "version": "7.0.12",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
       "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
-      "dev": true,
       "peer": true
     },
     "node_modules/@types/node": {
       "version": "20.4.5",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.5.tgz",
       "integrity": "sha512-rt40Nk13II9JwQBdeYqmbn2Q6IVTA5uPhvSO+JVqdXw/6/4glI6oR9ezty/A9Hg5u7JH4OmYmuQ+XvjKm0Datg==",
-      "devOptional": true,
       "peer": true
     },
     "node_modules/@vitejs/plugin-vue": {
@@ -813,7 +797,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
       "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.11.6",
@@ -824,28 +807,24 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
       "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
-      "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
       "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
-      "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
       "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
-      "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-numbers": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
       "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.11.6",
@@ -857,14 +836,12 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
       "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
-      "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
       "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -877,7 +854,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
       "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
@@ -887,7 +863,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
       "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
@@ -897,14 +872,12 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
       "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
-      "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
       "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -921,7 +894,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
       "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -935,7 +907,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
       "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -948,7 +919,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
       "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -963,7 +933,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
       "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
@@ -974,21 +943,18 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
       "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "dev": true,
       "peer": true
     },
     "node_modules/@xtuc/long": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "dev": true,
       "peer": true
     },
     "node_modules/acorn": {
       "version": "8.10.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
       "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
-      "devOptional": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1000,7 +966,6 @@
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
       "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
-      "dev": true,
       "peer": true,
       "peerDependencies": {
         "acorn": "^8"
@@ -1019,7 +984,6 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -1035,7 +999,6 @@
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
       "peer": true,
       "peerDependencies": {
         "ajv": "^6.9.1"
@@ -1068,14 +1031,12 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "devOptional": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -1087,20 +1048,17 @@
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
     },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
     "node_modules/autoprefixer": {
       "version": "10.4.14",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
       "integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -1132,14 +1090,12 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "devOptional": true,
       "engines": {
         "node": ">=8"
       }
@@ -1154,7 +1110,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -1164,7 +1119,6 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "devOptional": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -1176,7 +1130,6 @@
       "version": "4.21.9",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz",
       "integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -1208,7 +1161,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
       "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "devOptional": true,
       "peer": true
     },
     "node_modules/callsites": {
@@ -1224,7 +1176,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -1233,7 +1184,6 @@
       "version": "1.0.30001517",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001517.tgz",
       "integrity": "sha512-Vdhm5S11DaFVLlyiKu4hiUTkpZu+y1KA/rZZqVQfOD5YdDT/eQKlkt7NaE0WGOFgX32diqt9MiP9CAiFeRklaA==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -1269,7 +1219,6 @@
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "devOptional": true,
       "funding": [
         {
           "type": "individual",
@@ -1296,7 +1245,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "devOptional": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -1308,7 +1256,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
       "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true,
       "peer": true,
       "engines": {
         "node": ">=6.0"
@@ -1336,7 +1283,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -1344,8 +1290,7 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
@@ -1365,7 +1310,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -1412,14 +1356,12 @@
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
     },
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
@@ -1436,14 +1378,12 @@
     "node_modules/electron-to-chromium": {
       "version": "1.4.477",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.477.tgz",
-      "integrity": "sha512-shUVy6Eawp33dFBFIoYbIwLHrX0IZ857AlH9ug2o4rvbWmpaCUdBpQ5Zw39HRrfzAFm4APJE9V+E2A/WB0YqJw==",
-      "dev": true
+      "integrity": "sha512-shUVy6Eawp33dFBFIoYbIwLHrX0IZ857AlH9ug2o4rvbWmpaCUdBpQ5Zw39HRrfzAFm4APJE9V+E2A/WB0YqJw=="
     },
     "node_modules/enhanced-resolve": {
       "version": "5.15.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
       "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -1457,7 +1397,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
       "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
-      "dev": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -1469,7 +1408,6 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz",
       "integrity": "sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==",
-      "dev": true,
       "peer": true
     },
     "node_modules/esbuild": {
@@ -1512,7 +1450,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -1665,7 +1602,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -1677,7 +1613,6 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -1700,7 +1635,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
       "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true,
       "peer": true,
       "engines": {
         "node": ">=0.8.x"
@@ -1709,14 +1643,12 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-glob": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
       "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -1732,7 +1664,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -1743,8 +1674,7 @@
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
@@ -1756,7 +1686,6 @@
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
       "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -1777,7 +1706,6 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "devOptional": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -1824,7 +1752,6 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
       "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
-      "dev": true,
       "engines": {
         "node": "*"
       },
@@ -1836,8 +1763,7 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
     "node_modules/fsevents": {
       "version": "2.3.2",
@@ -1855,8 +1781,7 @@
     "node_modules/function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
     },
     "node_modules/glob": {
       "version": "7.2.3",
@@ -1882,7 +1807,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -1894,7 +1818,6 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "dev": true,
       "peer": true
     },
     "node_modules/globals": {
@@ -1916,7 +1839,6 @@
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true,
       "peer": true
     },
     "node_modules/graphemer": {
@@ -1929,7 +1851,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
       "dependencies": {
         "function-bind": "^1.1.1"
       },
@@ -1941,7 +1862,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -1959,7 +1879,8 @@
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.1.tgz",
       "integrity": "sha512-lj9cnmB/kVS0QHsJnYKD1uo3o39nrbKxszjnqS9Fr6NB7bZzW45U6WSGBPKXDL/CvDKqDNPA4r3DoDQ8GTxo2A==",
-      "devOptional": true
+      "optional": true,
+      "peer": true
     },
     "node_modules/import-fresh": {
       "version": "3.3.0",
@@ -1990,7 +1911,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -1999,14 +1919,12 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "devOptional": true,
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -2018,7 +1936,6 @@
       "version": "2.12.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.12.1.tgz",
       "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
-      "dev": true,
       "dependencies": {
         "has": "^1.0.3"
       },
@@ -2030,7 +1947,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2039,7 +1955,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "devOptional": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -2051,7 +1966,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "devOptional": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -2075,7 +1989,6 @@
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
       "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@types/node": "*",
@@ -2090,7 +2003,6 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "has-flag": "^4.0.0"
@@ -2106,7 +2018,6 @@
       "version": "1.19.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.19.1.tgz",
       "integrity": "sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==",
-      "dev": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -2127,14 +2038,12 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true,
       "peer": true
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
@@ -2159,7 +2068,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
       "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -2167,14 +2075,12 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
     "node_modules/linkify-it": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
       "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
-      "dev": true,
       "dependencies": {
         "uc.micro": "^1.0.1"
       }
@@ -2183,7 +2089,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
       "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true,
       "peer": true,
       "engines": {
         "node": ">=6.11.5"
@@ -2243,7 +2148,6 @@
       "version": "13.0.1",
       "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.1.tgz",
       "integrity": "sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==",
-      "dev": true,
       "dependencies": {
         "argparse": "^2.0.1",
         "entities": "~3.0.1",
@@ -2258,21 +2162,18 @@
     "node_modules/mdurl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
-      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
-      "dev": true
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
     },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true,
       "peer": true
     },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -2281,7 +2182,6 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
       "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
       "dependencies": {
         "braces": "^3.0.2",
         "picomatch": "^2.3.1"
@@ -2294,7 +2194,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "peer": true,
       "engines": {
         "node": ">= 0.6"
@@ -2304,7 +2203,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "mime-db": "1.52.0"
@@ -2317,7 +2215,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2335,7 +2232,6 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -2368,20 +2264,17 @@
     "node_modules/neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
     },
     "node_modules/node-releases": {
       "version": "2.0.13",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
-      "dev": true
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2390,7 +2283,6 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
       "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2411,7 +2303,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2420,7 +2311,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -2429,7 +2319,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -2506,7 +2395,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2523,8 +2411,7 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
     "node_modules/picocolors": {
       "version": "1.0.0",
@@ -2535,7 +2422,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "devOptional": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -2547,7 +2433,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2556,7 +2441,6 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -2592,7 +2476,6 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -2609,7 +2492,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -2628,7 +2510,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
       "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
-      "dev": true,
       "dependencies": {
         "lilconfig": "^2.0.5",
         "yaml": "^2.1.1"
@@ -2657,7 +2538,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
       "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
-      "dev": true,
       "dependencies": {
         "postcss-selector-parser": "^6.0.11"
       },
@@ -2676,7 +2556,6 @@
       "version": "6.0.13",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
       "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
-      "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -2688,8 +2567,7 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
     },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
@@ -2704,7 +2582,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
       "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -2713,7 +2590,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -2733,7 +2609,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
       "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "safe-buffer": "^5.1.0"
@@ -2743,7 +2618,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -2752,7 +2626,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "devOptional": true,
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -2764,7 +2637,6 @@
       "version": "1.22.2",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
       "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==",
-      "dev": true,
       "dependencies": {
         "is-core-module": "^2.11.0",
         "path-parse": "^1.0.7",
@@ -2790,7 +2662,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -2830,7 +2701,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -2853,7 +2723,6 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -2874,7 +2743,8 @@
       "version": "1.64.1",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.64.1.tgz",
       "integrity": "sha512-16rRACSOFEE8VN7SCgBu1MpYCyN7urj9At898tyzdXFhC+a+yOX5dXwAR7L8/IdPJ1NB8OYoXmD55DM30B2kEQ==",
-      "devOptional": true,
+      "optional": true,
+      "peer": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -2891,7 +2761,6 @@
       "version": "13.3.2",
       "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.3.2.tgz",
       "integrity": "sha512-CQbKl57kdEv+KDLquhC+gE3pXt74LEAzm+tzywcA0/aHZuub8wTErbjAoNI57rPUWRYRNC5WUnNl8eGJNbDdwg==",
-      "dev": true,
       "dependencies": {
         "neo-async": "^2.6.2"
       },
@@ -2928,7 +2797,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
       "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@types/json-schema": "^7.0.8",
@@ -2962,7 +2830,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
       "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "randombytes": "^2.1.0"
@@ -2993,7 +2860,6 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "devOptional": true,
       "peer": true,
       "engines": {
         "node": ">=0.10.0"
@@ -3011,7 +2877,6 @@
       "version": "0.5.21",
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
       "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "devOptional": true,
       "peer": true,
       "dependencies": {
         "buffer-from": "^1.0.0",
@@ -3046,7 +2911,6 @@
       "version": "3.34.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
       "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -3068,7 +2932,6 @@
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
       "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -3100,7 +2963,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -3112,7 +2974,6 @@
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz",
       "integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
-      "dev": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -3149,7 +3010,6 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
       "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
       "peer": true,
       "engines": {
         "node": ">=6"
@@ -3159,7 +3019,6 @@
       "version": "5.19.2",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.2.tgz",
       "integrity": "sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==",
-      "devOptional": true,
       "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
@@ -3178,7 +3037,6 @@
       "version": "5.3.9",
       "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
       "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.17",
@@ -3213,7 +3071,6 @@
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "devOptional": true,
       "peer": true
     },
     "node_modules/text-table": {
@@ -3226,7 +3083,6 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -3235,7 +3091,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -3247,7 +3102,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "devOptional": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -3258,8 +3112,7 @@
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
     },
     "node_modules/type-check": {
       "version": "0.4.0",
@@ -3288,14 +3141,12 @@
     "node_modules/uc.micro": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
-      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
-      "dev": true
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
     },
     "node_modules/update-browserslist-db": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz",
       "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -3325,7 +3176,6 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -3333,8 +3183,7 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/vite": {
       "version": "4.4.7",
@@ -3463,7 +3312,6 @@
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
       "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
@@ -3477,7 +3325,6 @@
       "version": "5.88.2",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.2.tgz",
       "integrity": "sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
@@ -3525,7 +3372,6 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
       "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
       "peer": true,
       "engines": {
         "node": ">=10.13.0"
@@ -3535,7 +3381,6 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
       "peer": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
@@ -3549,7 +3394,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
       "peer": true,
       "engines": {
         "node": ">=4.0"
@@ -3573,8 +3417,7 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
@@ -3595,7 +3438,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
       "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
-      "dev": true,
       "engines": {
         "node": ">= 14"
       }
diff --git a/package.json b/package.json
index 963dd51..fc216d5 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,9 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "./node_modules/.bin/eslint src --ext .js,.vue",
+    "lintf": "./node_modules/.bin/eslint src --ext .js,.vue --fix"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
@@ -14,6 +16,11 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@fortawesome/vue-fontawesome": "^3.0.3",
     "@vitejs/plugin-vue": "^4.2.3",
+    "autoprefixer": "^10.4.14",
+    "markdown-it": "^13.0.1",
+    "postcss": "^8.4.27",
+    "sass-loader": "^13.3.2",
+    "tailwindcss": "^3.3.3",
     "vite": "^4.4.7",
     "vue": "^3.3.4",
     "vue-meta": "^2.4.0",
@@ -21,14 +28,8 @@
     "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.13",
     "eslint": "^8.29.0",
-    "eslint-plugin-vue": "^9.8.0",
-    "markdown-it": "^13.0.1",
-    "postcss": "^8.4.20",
-    "sass": "^1.56.2",
-    "sass-loader": "^13.2.0",
-    "tailwindcss": "^3.2.4"
+    "eslint-plugin-vue": "^9.8.0"
   },
   "eslintConfig": {
     "root": true,
diff --git a/src/App.vue b/src/App.vue
index cbb94db..dd86faa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,3 +1,8 @@
+<script setup>
+import SiteHeader from '@/components/SiteHeader.vue';
+import FooterComponent from '@/components/FooterComponent.vue';
+</script>
+
 <template>
   <SiteHeader />
   <main
@@ -8,11 +13,6 @@
   <FooterComponent />
 </template>
 
-<script setup>
-import SiteHeader from '@/components/SiteHeader.vue'
-import FooterComponent from '@/components/FooterComponent.vue'
-</script>
-
 <style lang="scss">
 #app {
   font-family: var(--font-family);
diff --git a/src/HeaderReference/index.js b/src/HeaderReference/index.js
new file mode 100644
index 0000000..f79dc71
--- /dev/null
+++ b/src/HeaderReference/index.js
@@ -0,0 +1,33 @@
+import { ref } from 'vue';
+
+const head = ref(null);
+const description = ref(null);
+
+export function defineHeader(headString = null, descriptionArray = null) {
+    head.value = headString;
+    description.value = descriptionArray;
+}
+
+export function setHeaderTitle(value) {
+    head.value = value;
+}
+
+export function setHeaderDescription(value) {
+    description.value = value;
+}
+
+export function getHeaderTitle() {
+    return head;
+}
+
+export function getHeaderDescription() {
+    return description;
+}
+
+export function clearHeaderTitle() {
+    head.value = null;
+}
+
+export function clearHeaderDescription() {
+    description.value = null;
+}
diff --git a/src/components/FooterComponent.vue b/src/components/FooterComponent.vue
index afe9b3e..f3066be 100644
--- a/src/components/FooterComponent.vue
+++ b/src/components/FooterComponent.vue
@@ -1,3 +1,26 @@
+<script setup>
+const socialLinks = [
+  {
+    link: 'https://www.youtube.com/user/kamilniemczycki',
+    icon: 'youtube',
+    title: 'Oglądaj mnie na YouTube',
+    shortcut: 'YouTube'
+  },
+  {
+    link: 'https://www.facebook.com/nikcamii',
+    icon: 'facebook',
+    title: 'Znajdź mnie na Facebooku',
+    shortcut: 'Facebook'
+  },
+  {
+    link: 'https://github.com/kamilniemczycki/kamilcraft.com',
+    icon: 'github',
+    title: 'Kod na GitHub',
+    shortcut: 'GitHub'
+  }
+];
+</script>
+
 <template>
   <footer class="bg-neutral-800 py-8">
     <div class="flex items-center justify-between max-w-screen-xl mx-auto">
@@ -28,26 +51,3 @@
     </div>
   </footer>
 </template>
-
-<script setup>
-const socialLinks = [
-  {
-    link: 'https://www.youtube.com/user/kamilniemczycki',
-    icon: 'youtube',
-    title: 'Oglądaj mnie na YouTube',
-    shortcut: 'YouTube'
-  },
-  {
-    link: 'https://www.facebook.com/nikcamii',
-    icon: 'facebook',
-    title: 'Znajdź mnie na Facebooku',
-    shortcut: 'Facebook'
-  },
-  {
-    link: 'https://github.com/kamilniemczycki/kamilcraft.com',
-    icon: 'github',
-    title: 'Kod na GitHub',
-    shortcut: 'GitHub'
-  }
-]
-</script>
diff --git a/src/components/NavigationHeader.vue b/src/components/NavigationHeader.vue
index fa65eaa..8705cfc 100644
--- a/src/components/NavigationHeader.vue
+++ b/src/components/NavigationHeader.vue
@@ -1,3 +1,54 @@
+<script setup>
+import { ref, computed } from 'vue';
+
+defineProps({
+  isHomePage: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const menuItems = [
+  {
+    slug: 'start',
+    title: 'Start',
+    uri: '/'
+  },
+  {
+    slug: 'projects',
+    title: 'Projekty',
+    uri: '/projects'
+  },
+  {
+    slug: 'about',
+    title: 'O mnie',
+    uri: '/about'
+  },
+  {
+    slug: 'contact',
+    title: 'Kontakt',
+    uri: '/contact'
+  }
+];
+
+const clicked = ref(false);
+const isClicked = computed(() => clicked.value);
+
+function changeClickedStatus() {
+  clicked.value = !clicked.value;
+}
+
+function clickMenu() {
+  changeClickedStatus();
+}
+
+function linkClicked() {
+  if (isClicked.value) {
+    changeClickedStatus();
+  }
+}
+</script>
+
 <template>
   <div
     class="flex relative items-center justify-between md:justify-start max-w-screen-xl mx-auto gap-5"
@@ -57,57 +108,6 @@
   </div>
 </template>
 
-<script setup>
-import { defineProps, ref, computed } from 'vue'
-
-defineProps({
-  isHomePage: {
-    type: Boolean,
-    default: false
-  }
-})
-
-const menuItems = [
-  {
-    slug: 'start',
-    title: 'Start',
-    uri: '/'
-  },
-  {
-    slug: 'projects',
-    title: 'Projekty',
-    uri: '/projects'
-  },
-  {
-    slug: 'about',
-    title: 'O mnie',
-    uri: '/about'
-  },
-  {
-    slug: 'contact',
-    title: 'Kontakt',
-    uri: '/contact'
-  }
-]
-
-const clicked = ref(false)
-const isClicked = computed(() => clicked.value)
-
-function changeClickedStatus() {
-  clicked.value = !clicked.value
-}
-
-function clickMenu() {
-  changeClickedStatus()
-}
-
-function linkClicked() {
-  if (isClicked.value) {
-    changeClickedStatus()
-  }
-}
-</script>
-
 <style lang="scss">
 .clicked-menu {
   animation: bg-menu-animation 500ms forwards ease-in-out;
diff --git a/src/components/SelectedProjects.vue b/src/components/SelectedProjects.vue
index e1bf916..5d4ea36 100644
--- a/src/components/SelectedProjects.vue
+++ b/src/components/SelectedProjects.vue
@@ -1,7 +1,5 @@
 <script setup>
-import { defineProps, onMounted } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useStore } from 'vuex';
+import { useRouter } from 'vue-router';
 import BaseButton from '@/components/buttons/BaseButton.vue';
 import Markdown from "@/components/markdowns/MarkdownShort.vue";
 
@@ -12,19 +10,7 @@ defineProps({
   }
 })
 
-const route = useRoute()
-const router = useRouter()
-const store = useStore()
-
-onMounted(() => {
-  const header = {
-    title: route.meta.title,
-    description: [
-      'Witam Państwa na podstronie z moimi projektami!'
-    ]
-  }
-  store.commit('setHeader', header)
-})
+const router = useRouter();
 </script>
 
 <template>
diff --git a/src/components/SiteHeader.vue b/src/components/SiteHeader.vue
index 3cc2ea6..69f1c71 100644
--- a/src/components/SiteHeader.vue
+++ b/src/components/SiteHeader.vue
@@ -1,3 +1,21 @@
+<script setup>
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+
+import Navigation from '@/components/NavigationHeader.vue';
+
+import { getHeaderTitle, getHeaderDescription } from '@/HeaderReference';
+
+const route = useRoute();
+
+const isHome = computed(() => route.path === '/');
+const thisClass = computed(() => [isHome.value ? 'home-page' : 'sub-page']);
+const title = getHeaderTitle();
+const isTitle = computed(() => title.value !== null);
+const description = getHeaderDescription();
+const isDescription = computed(() => description.value !== null);
+</script>
+
 <template>
   <header :class="thisClass">
     <Navigation :is-home-page="isHome" />
@@ -7,43 +25,20 @@
       :class="{ 'text-white': isHome }"
     >
       <h1 class="mb-6 relative font-light text-[2.5rem] leading-[3.5rem] after:block after:absolute after:w-24 after:h-0.5 after:bg-kamilcraft-green after:left-1/2 after:-ml-12">
-        {{ getTitle }}
+        {{ title }}
       </h1>
-      <p v-if="isDescription && descriptionType === 'string'">
-        {{ getDescription }}
-      </p>
-      <p
-        v-for="(desc, key) in getDescription"
-        v-else-if="isDescription && descriptionType === 'array'"
-        :key="key"
-      >
-        {{ desc }}
-      </p>
+      <template v-if="isDescription">
+        <p
+          v-for="(descriptionLine, key) in description"
+          :key="key"
+        >
+          {{ descriptionLine }}
+        </p>
+      </template>
     </div>
   </header>
 </template>
 
-<script setup>
-import { computed } from 'vue'
-import { useStore } from 'vuex'
-import { useRoute } from 'vue-router'
-import Navigation from '@/components/NavigationHeader.vue'
-
-const store = useStore()
-const route = useRoute()
-
-const isHome = computed(() => route.path === '/')
-const thisClass = computed(() => [isHome.value ? 'home-page' : 'sub-page'])
-const getTitle = computed(() => store.getters.getHeader.title)
-const isTitle = computed(() => getTitle.value !== null)
-const getDescription = computed(() => store.getters.getHeader.description)
-const isDescription = computed(() => getDescription.value !== null)
-const descriptionType = computed(() => {
-  const isArray = getDescription.value instanceof Array
-  return isArray ? 'array' : typeof getDescription.value
-})
-</script>
-
 <style scoped>
 .home-page {
   background: linear-gradient(237.74deg, #1199A5 0%, #436DA7 83%);
diff --git a/src/components/buttons/BaseButton.vue b/src/components/buttons/BaseButton.vue
index 00bc029..238f88c 100644
--- a/src/components/buttons/BaseButton.vue
+++ b/src/components/buttons/BaseButton.vue
@@ -1,3 +1,20 @@
+<script setup>
+defineProps({
+  hasIcon: {
+    type: Boolean,
+    default: false,
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  isReverse: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
+
 <template>
   <button
     class="btn"
@@ -13,25 +30,6 @@
   </button>
 </template>
 
-<script setup>
-import { defineProps } from 'vue'
-
-defineProps({
-  hasIcon: {
-    type: Boolean,
-    default: false
-  },
-  icon: {
-    type: String,
-    default: ''
-  },
-  isReverse: {
-    type: Boolean,
-    default: false
-  }
-})
-</script>
-
 <style lang="scss">
 @import 'scss/btn';
 
diff --git a/src/components/buttons/GhostButton.vue b/src/components/buttons/GhostButton.vue
index e4b5515..6de826b 100644
--- a/src/components/buttons/GhostButton.vue
+++ b/src/components/buttons/GhostButton.vue
@@ -1,3 +1,16 @@
+<script setup>
+defineProps({
+  hasIcon: {
+    type: Boolean,
+    default: false
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+});
+</script>
+
 <template>
   <button class="btn">
     <font-awesome-icon
@@ -9,21 +22,6 @@
   </button>
 </template>
 
-<script setup>
-import { defineProps } from 'vue'
-
-defineProps({
-  hasIcon: {
-    type: Boolean,
-    default: false
-  },
-  icon: {
-    type: String,
-    default: ''
-  }
-})
-</script>
-
 <style lang="scss" scoped>
 @import 'scss/btn';
 
diff --git a/src/components/sections/AboutSection.vue b/src/components/sections/AboutSection.vue
index 27db718..ab93ea8 100644
--- a/src/components/sections/AboutSection.vue
+++ b/src/components/sections/AboutSection.vue
@@ -6,8 +6,8 @@ const router = useRouter();
 
 function scrollTo(id) {
   document.querySelector(id).scrollIntoView({
-    behavior: 'smooth'
-  })
+    behavior: 'smooth',
+  });
 }
 </script>
 
diff --git a/src/components/sections/ExperiencesSection.vue b/src/components/sections/ExperiencesSection.vue
index cb0bcad..5132a4a 100644
--- a/src/components/sections/ExperiencesSection.vue
+++ b/src/components/sections/ExperiencesSection.vue
@@ -1,3 +1,27 @@
+<script setup>
+import { onMounted, reactive } from 'vue';
+
+let list = reactive([]);
+
+onMounted(() => {
+  const importedList = () => import('@/resource/data/Technologies');
+  importedList().then(data => {
+    data.default.forEach(obj => {
+      obj.showMore = false;
+      list.push(obj);
+    });
+  });
+});
+
+function parseText(text) {
+  return text.substr(0, 200).trim();
+}
+
+function showMore(skill) {
+  skill.showMore = !skill.showMore;
+}
+</script>
+
 <template>
   <div>
     <div class="max-w-screen-xl mx-auto px-6 xl:px-2 py-11">
@@ -30,20 +54,12 @@
               {{ skill.header }}
             </h3>
           </header>
-          <p
-            v-if="skill.showMore.value || skill.description.length < 200"
-            class="text-sm"
-          >
-            {{ skill.description }}
-          </p>
-          <p
-            v-else
-            class="text-sm"
-          >
-            {{ parseText(skill.description) }}...
+          <p class="text-sm">
+            {{ skill.showMore || skill.description.length < 200 ? skill.description : parseText(skill.description) }}...
             <a
+              v-if="!skill.showMore"
               class="text-neutral-500 hover:text-neutral-700 hover:underline cursor-pointer"
-              @click="changeMoreStatus(skill)"
+              @click="showMore(skill)"
             >Więcej</a>
           </p>
         </div>
@@ -52,128 +68,6 @@
   </div>
 </template>
 
-<script setup>
-import { ref } from 'vue'
-
-let list = [
-  {
-    icons: [
-      {
-        class: 'icon-php',
-        name: 'php',
-        alt: 'Ikona przedstawiająca język PHP',
-        title: 'Ikona PHP'
-      },
-      {
-        class: 'icon-laravel',
-        name: 'laravel',
-        alt: 'Ikona przedstawiająca framework Laravel',
-        title: 'Ikona Laravel'
-      }
-    ],
-    header: 'PHP & Laravel',
-    showMore: ref(false),
-    description: `PHP wraz z frameworkiem Laravel wykorzystuję do tworzenia nowych projektów. Laravel znacznie
-      przyspiesza pisanie części backendowej, odciążając programistę od pisania skomplikownych filtrów i monotonnych
-      walidacji przyjmowanych danych od użytkowników. Jednakże, choć dobrze pracuje mi się w środowisku Laravel
-      w miarę możliwości staram się pisać kod w samym PHP z wykorzystaniem bibliotek i paczek autorskich.`
-  },
-  {
-    icons: [
-      {
-        class: 'icon-js',
-        name: 'js-square',
-        alt: 'Ikona przedstawiająca język JavaScript',
-        title: 'Ikona JavaScript'
-      }
-    ],
-    header: 'JavaScript Vanilla',
-    showMore: ref(false),
-    description: `JavaScript wykorzystuję głównie do logiki frontendowej jak i pisania kodu wykonywalnego po stronie
-      przeglądarki internetowej. Wykorzystując możliwości reaktywnych frameworków mogę przyspieszyć pisanie UI.`
-  },
-  {
-    icons: [
-      {
-        class: 'icon-vue',
-        name: 'vuejs',
-        alt: 'Ikona przedstawiająca framework Vue.js',
-        title: 'Ikona Vue.js'
-      }
-    ],
-    header: 'Vue',
-    showMore: ref(false),
-    description: `Framework ten wspomaga mnie w pisaniu aplikacji frontendowej. Przyspiesza tworzenie warstwy
-      wizualnej, obsługę interakcji z użytkownikiem i bindowanie zdefiniowanych pól, które są odpowiednio renderowane
-      przez przeglądarkę. To wszystko, umożliwia łatwe łączenie CSS i HTML z logiką i otrzymanymi danymi z API.`
-  },
-  {
-    icons: [
-      {
-        class: 'icon-html5',
-        name: 'html5',
-        alt: 'Ikona przedstawiająca HTML5',
-        title: 'Ikona HTML5'
-      },
-      {
-        class: 'icon-css3',
-        name: 'css3-alt',
-        alt: 'Ikona przedstawiająca CSS3',
-        title: 'Ikona CSS3'
-      }
-    ],
-    header: 'HTML & CSS',
-    showMore: ref(false),
-    description: `HTML i CSS to już nieodłączne technologie, które w łatwy sposób umożliwiają nadanie wizualnej
-      spójności dla treści, obrazów lub ułożenia elementów. Nie raz, odpowednie zaprojektowanie interfejsu użytkownika
-      przyspiesza integrację z naszą stroną/sklepem. Ma to przełożenie na zyski dla obu stron - firmy (finanse)
-      i klienta (czas).`
-  },
-  {
-    icons: [
-      {
-        class: 'icon-node',
-        name: 'node',
-        alt: 'Ikona przedstawiająca Node.js',
-        title: 'Ikona Node.js'
-      }
-    ],
-    header: 'Node.js',
-    showMore: ref(false),
-    description: `Node jest wieloplatformowym środowiskiem uruchomieniowym, umożliwiającym uruchomienie kodu
-      JavaScript po stronie backendowej. Jest to bardzo przyjemny język, który ułatwia projektowanie logiki biznesowej
-      aplikacji, dla mniej wymagających serwisów pod względem analizy i przetwarzania danych.`
-  },
-  {
-    icons: [
-      {
-        class: 'icon-sass',
-        name: 'sass',
-        alt: 'Ikona przedstawiająca Sass',
-        title: 'Ikona Sass'
-      }
-    ],
-    header: 'Sass',
-    showMore: ref(false),
-    description: `Sass zwiększa czytelność kodu dla programisty. Zawiera abstrakcje znane z języków obiektowych,
-      przy czym ogranicza powtarzalność i umożliwia optymalizację kodu. Kompilacja napisanego stylu w Sass jest
-      przekształcana do formy czytelnej dla silnika graficznego przeglądarki, co przyspiesza proces generowania strony.`
-  }
-]
-
-function parseText(text) {
-  let shortText = text.substr(0, 200)
-  if (shortText.slice(-1) === ' ') {
-    shortText = text.substr(0, 199)
-  }
-  return shortText
-}
-
-function changeMoreStatus(skill) {
-  skill.showMore.value = !skill.showMore.value
-}
-</script>
-
 <style scoped>
 .icon-js {
   color: #F1DE4F;
diff --git a/src/components/sections/FavoriteProjects.vue b/src/components/sections/FavoriteProjects.vue
index e0887e1..274a689 100644
--- a/src/components/sections/FavoriteProjects.vue
+++ b/src/components/sections/FavoriteProjects.vue
@@ -1,3 +1,27 @@
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+import Projects from '@/components/SelectedProjects.vue';
+import GhostButton from '@/components/buttons/GhostButton.vue';
+
+const router = useRouter();
+const apiURL = import.meta.env.VITE_APP_API_URL;
+
+let select_projects = ref([]);
+
+onMounted(() => {
+  loadProjectList();
+});
+
+function loadProjectList() {
+  fetch(apiURL + '/projects?category=selected')
+    .then(response => response.json())
+    .then(data => {
+      select_projects.value = data
+    });
+}
+</script>
+
 <template>
   <section class="bg-neutral-50">
     <projects :projects="select_projects">
@@ -21,30 +45,6 @@
   </section>
 </template>
 
-<script setup>
-import { ref, onMounted } from 'vue'
-import { useRouter } from 'vue-router'
-import Projects from '@/components/SelectedProjects.vue'
-import GhostButton from '@/components/buttons/GhostButton.vue'
-
-const router = useRouter()
-const apiURL = import.meta.env.VITE_APP_API_URL
-
-let select_projects = ref([])
-
-onMounted(() => {
-  loadProjectList()
-})
-
-function loadProjectList() {
-  fetch(apiURL + '/projects?category=selected')
-    .then(response => response.json())
-    .then(data => {
-      select_projects.value = data
-    })
-}
-</script>
-
 <style lang="scss">
 @import "scss/default";
 
diff --git a/src/components/sections/contacts/MailContact.vue b/src/components/sections/contacts/MailContact.vue
index 05235a8..4e8e131 100644
--- a/src/components/sections/contacts/MailContact.vue
+++ b/src/components/sections/contacts/MailContact.vue
@@ -1,3 +1,118 @@
+<script setup>
+import { ref, reactive, watch, computed } from 'vue';
+import BaseButton from '@/components/buttons/BaseButton.vue';
+
+function emailValidate (mailObj) {
+  const mailFormat = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/;
+  return mailObj.match(mailFormat);
+}
+
+async function postData (url = '', data = {}) {
+  const response = await fetch(url, {
+    method: 'POST',
+    cache: 'no-cache',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(data),
+  })
+  return response.json();
+}
+
+const buttonDisabled = ref(false)
+const statusError = ref(0)
+const emailValue = ref('')
+const messageValue = ref('')
+const senderValue = ref('')
+
+const messageError = ref('')
+const messageOk = ref('')
+
+const errors = reactive({
+  email: false,
+  message: false,
+  sender: false,
+});
+
+const isButtonDisabled = computed(() => buttonDisabled.value || errors.email || errors.message || errors.sender);
+const isEmailError = computed(() => errors.email);
+const isMessageError = computed(() => errors.message);
+const isSenderError = computed(() => errors.sender);
+const hasMessageError = computed(() => messageError.value);
+const hasMessageOkStatus = computed(() => messageOk.value && !hasMessageError.value);
+
+watch([statusError, emailValue], ([errorCount, value]) => {
+  errors.email = errorCount > 0 && !emailValidate(value);
+})
+
+watch([statusError, messageValue], ([errorCount, value]) => {
+  errors.message = errorCount > 0 && (value === '' || value.length < 3);
+})
+
+watch([statusError, senderValue], ([errorCount, value]) => {
+  errors.sender = errorCount > 0 && (value === '' || value.length < 3);
+})
+
+function clearErrors() {
+  statusError.value = 0;
+  errors.email = false;
+  errors.message = false;
+  errors.sender = false;
+}
+
+function checkForm() {
+  clearErrors();
+  if (!emailValidate(emailValue.value)) {
+    errors.email = true;
+    statusError.value++;
+  }
+  if (messageValue.value === '') {
+    errors.message = true;
+    statusError.value++;
+  }
+  if (senderValue.value === '') {
+    errors.sender = true;
+    statusError.value++;
+  }
+}
+
+function formSubmit(event) {
+  event.preventDefault();
+
+  checkForm();
+
+  if (statusError.value === 0) {
+    buttonDisabled.value = true;
+    postData('https://kamilcraft.com/send', {
+      email: emailValue.value,
+      message: messageValue.value,
+      sender: senderValue.value,
+    }).then(result => {
+      if (result.error) {
+        messageError.value = result.message;
+      } else {
+        messageOk.value = result.message;
+        messageValue.value = '';
+        emailValue.value = '';
+        senderValue.value = '';
+      }
+      buttonDisabled.value = false
+    }).catch(() => {
+      messageError.value = 'Wystąpił błąd podczas wysyłania wiadomości. Proszę spróbować później.';
+      buttonDisabled.value = false;
+    });
+  }
+
+  scrollTo('#contact-form');
+}
+
+function scrollTo(id) {
+  document.querySelector(id).scrollIntoView({
+    behavior: 'smooth',
+  });
+}
+</script>
+
 <template>
   <div
     id="contact-form"
@@ -102,123 +217,7 @@
   </div>
 </template>
 
-<script setup>
-import BaseButton from '@/components/buttons/BaseButton.vue'
-import { ref, reactive, watch, computed } from 'vue'
-
-function emailValidate (mailObj) {
-  const mailFormat = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/
-  return mailObj.match(mailFormat)
-}
-
-async function postData (url = '', data = {}) {
-  const response = await fetch(url, {
-    method: 'POST',
-    cache: 'no-cache',
-    headers: {
-      'Content-Type': 'application/json'
-    },
-    body: JSON.stringify(data)
-  })
-  return response.json()
-}
-
-const buttonDisabled = ref(false)
-const statusError = ref(0)
-const emailValue = ref('')
-const messageValue = ref('')
-const senderValue = ref('')
-
-const messageError = ref('')
-const messageOk = ref('')
-
-const errors = reactive({
-  email: false,
-  message: false,
-  sender: false
-})
-
-const isButtonDisabled = computed(() => buttonDisabled.value || errors.email || errors.message || errors.sender)
-const isEmailError = computed(() => errors.email)
-const isMessageError = computed(() => errors.message)
-const isSenderError = computed(() => errors.sender)
-const hasMessageError = computed(() => messageError.value)
-const hasMessageOkStatus = computed(() => messageOk.value && !hasMessageError.value)
-
-watch([statusError, emailValue], ([errorCount, value]) => {
-  errors.email = errorCount > 0 && !emailValidate(value)
-})
-
-watch([statusError, messageValue], ([errorCount, value]) => {
-  errors.message = errorCount > 0 && (value === '' || value.length < 3)
-})
-
-watch([statusError, senderValue], ([errorCount, value]) => {
-  errors.sender = errorCount > 0 && (value === '' || value.length < 3)
-})
-
-function clearErrors() {
-  statusError.value = 0
-  errors.email = false
-  errors.message = false
-  errors.sender = false
-}
-
-function checkForm() {
-  clearErrors()
-  if (!emailValidate(emailValue.value)) {
-    errors.email = true
-    statusError.value++
-  }
-  if (messageValue.value === '') {
-    errors.message = true
-    statusError.value++
-  }
-  if (senderValue.value === '') {
-    errors.sender = true
-    statusError.value++
-  }
-}
-
-function formSubmit(event) {
-  event.preventDefault()
-
-  checkForm()
-
-  if (statusError.value === 0) {
-    console.log('Send!')
-    buttonDisabled.value = true
-    postData('https://kamilcraft.com/send', {
-      email: emailValue.value,
-      message: messageValue.value,
-      sender: senderValue.value
-    }).then(result => {
-      if (result.error) {
-        messageError.value = result.message
-      } else {
-        messageOk.value = result.message
-        messageValue.value = ''
-        emailValue.value = ''
-        senderValue.value = ''
-      }
-      buttonDisabled.value = false
-    }).catch(() => {
-      messageError.value = 'Wystąpił błąd podczas wysyłania wiadomości. Proszę spróbować później.'
-      buttonDisabled.value = false
-    })
-  }
-
-  scrollTo('#contact-form')
-}
-
-function scrollTo(id) {
-  document.querySelector(id).scrollIntoView({
-    behavior: 'smooth'
-  })
-}
-</script>
-
-<style lang="scss" scoped>
+<style lang="scss">
 @screen md {
   .contact_container {
     flex-basis: 500px;
diff --git a/src/components/sections/contacts/OtherContact.vue b/src/components/sections/contacts/OtherContact.vue
index 1b7af4d..ecae687 100644
--- a/src/components/sections/contacts/OtherContact.vue
+++ b/src/components/sections/contacts/OtherContact.vue
@@ -91,7 +91,7 @@
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
 @import "scss/media";
 
 @screen md {
diff --git a/src/main.js b/src/main.js
index c5cb024..c8a6074 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,6 +9,7 @@ import { library } from '@fortawesome/fontawesome-svg-core';
 import { fas } from '@fortawesome/free-solid-svg-icons';
 import { fab } from '@fortawesome/free-brands-svg-icons';
 import { far } from '@fortawesome/free-regular-svg-icons';
+
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 library.add(fas, fab, far);
diff --git a/src/resource/data/Technologies.js b/src/resource/data/Technologies.js
new file mode 100644
index 0000000..c9e98cc
--- /dev/null
+++ b/src/resource/data/Technologies.js
@@ -0,0 +1,99 @@
+export default [
+    {
+      icons: [
+        {
+          class: 'icon-php',
+          name: 'php',
+          alt: 'Ikona przedstawiająca język PHP',
+          title: 'Ikona PHP'
+        },
+        {
+          class: 'icon-laravel',
+          name: 'laravel',
+          alt: 'Ikona przedstawiająca framework Laravel',
+          title: 'Ikona Laravel'
+        }
+      ],
+      header: 'PHP & Laravel',
+      description: `PHP wraz z frameworkiem Laravel wykorzystuję do tworzenia nowych projektów. Laravel znacznie
+        przyspiesza pisanie części backendowej, odciążając programistę od pisania skomplikownych filtrów i monotonnych
+        walidacji przyjmowanych danych od użytkowników. Jednakże, choć dobrze pracuje mi się w środowisku Laravel
+        w miarę możliwości staram się pisać kod w samym PHP z wykorzystaniem bibliotek i paczek autorskich.`
+    },
+    {
+      icons: [
+        {
+          class: 'icon-js',
+          name: 'js-square',
+          alt: 'Ikona przedstawiająca język JavaScript',
+          title: 'Ikona JavaScript'
+        }
+      ],
+      header: 'JavaScript Vanilla',
+      description: `JavaScript wykorzystuję głównie do logiki frontendowej jak i pisania kodu wykonywalnego po stronie
+        przeglądarki internetowej. Wykorzystując możliwości reaktywnych frameworków mogę przyspieszyć pisanie UI.`
+    },
+    {
+      icons: [
+        {
+          class: 'icon-vue',
+          name: 'vuejs',
+          alt: 'Ikona przedstawiająca framework Vue.js',
+          title: 'Ikona Vue.js'
+        }
+      ],
+      header: 'Vue',
+      description: `Framework ten wspomaga mnie w pisaniu aplikacji frontendowej. Przyspiesza tworzenie warstwy
+        wizualnej, obsługę interakcji z użytkownikiem i bindowanie zdefiniowanych pól, które są odpowiednio renderowane
+        przez przeglądarkę. To wszystko, umożliwia łatwe łączenie CSS i HTML z logiką i otrzymanymi danymi z API.`
+    },
+    {
+      icons: [
+        {
+          class: 'icon-html5',
+          name: 'html5',
+          alt: 'Ikona przedstawiająca HTML5',
+          title: 'Ikona HTML5'
+        },
+        {
+          class: 'icon-css3',
+          name: 'css3-alt',
+          alt: 'Ikona przedstawiająca CSS3',
+          title: 'Ikona CSS3'
+        }
+      ],
+      header: 'HTML & CSS',
+      description: `HTML i CSS to już nieodłączne technologie, które w łatwy sposób umożliwiają nadanie wizualnej
+        spójności dla treści, obrazów lub ułożenia elementów. Nie raz, odpowednie zaprojektowanie interfejsu użytkownika
+        przyspiesza integrację z naszą stroną/sklepem. Ma to przełożenie na zyski dla obu stron - firmy (finanse)
+        i klienta (czas).`
+    },
+    {
+      icons: [
+        {
+          class: 'icon-node',
+          name: 'node',
+          alt: 'Ikona przedstawiająca Node.js',
+          title: 'Ikona Node.js'
+        }
+      ],
+      header: 'Node.js',
+      description: `Node jest wieloplatformowym środowiskiem uruchomieniowym, umożliwiającym uruchomienie kodu
+        JavaScript po stronie backendowej. Jest to bardzo przyjemny język, który ułatwia projektowanie logiki biznesowej
+        aplikacji, dla mniej wymagających serwisów pod względem analizy i przetwarzania danych.`
+    },
+    {
+      icons: [
+        {
+          class: 'icon-sass',
+          name: 'sass',
+          alt: 'Ikona przedstawiająca Sass',
+          title: 'Ikona Sass'
+        }
+      ],
+      header: 'Sass',
+      description: `Sass zwiększa czytelność kodu dla programisty. Zawiera abstrakcje znane z języków obiektowych,
+        przy czym ogranicza powtarzalność i umożliwia optymalizację kodu. Kompilacja napisanego stylu w Sass jest
+        przekształcana do formy czytelnej dla silnika graficznego przeglądarki, co przyspiesza proces generowania strony.`
+    }
+  ];
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index ef98190..b2077a2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,62 +1,76 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHistory } from 'vue-router';
+import { setHeaderTitle, setHeaderDescription, clearHeaderDescription } from '@/HeaderReference';
 
 const Home = () => import('@/views/HomeView.vue');
 const About = () => import('@/views/AboutView.vue');
 const Projects = () => import('@/views/ProjectsView.vue');
 const Project = () => import('@/views/ProjectView.vue');
 const Contact = () => import('@/views/ContactView.vue');
-const NotFound = () => import('@/views/NotFound.vue');
+const NotFound = () => import('@/views/NotFoundView.vue');
 
-const mainTitle = 'kamilcraft.com'
+const mainTitle = 'kamilcraft.com';
 
 const routes = [
   {
     path: '/',
     name: 'Home',
     meta: {
-      title: 'Dzień dobry! 😊'
+      title: 'Dzień dobry! 😊',
+      description: [
+        'Chciałbym Państwa powitać na mojej stronie!',
+        'Przedstawiam tutaj część swojego życia związaną z programowaniem i projektowaniem aplikacji internetowych.',
+      ],
     },
-    component: Home
+    component: Home,
   },
   {
     path: '/projects',
     name: 'Projects',
     meta: {
-      title: 'Moje projekty'
+      title: 'Moje projekty',
+      description: [
+        'Witam Państwa na podstronie z moimi projektami!',
+      ],
     },
-    component: Projects
+    component: Projects,
   },
   {
     path: '/projects/:id',
     name: 'Project',
     meta: {
-      title: 'Projekt'
+      title: 'Projekt',
     },
-    component: Project
+    component: Project,
   },
   {
     path: '/about',
     name: 'About',
     meta: {
-      title: 'O mnie'
+      title: 'O mnie',
+      description: [
+        'Jestem młodym i ambitnym inżynierem oprogramowania. Specjalizuję się w tworzeniu frontendów i backendów.',
+      ],
     },
-    component: About
+    component: About,
   },
   {
     path: '/contact',
     name: 'Kontakt',
     meta: {
-      title: 'Kontakt'
+      title: 'Kontakt',
+      description: [
+        'Chcesz o coś zapytać? Chciałbyś współpracować? Napisz!',
+      ],
     },
-    component: Contact
+    component: Contact,
   },
   {
-    path: '/:catchAll(.*)',
+    path: '/:pathMatch(.*)*',
     name: '404',
     meta: {
-      title: 'Błąd 404'
+      title: 'Błąd 404',
     },
-    component: NotFound
+    component: NotFound,
   }
 ]
 
@@ -65,26 +79,34 @@ const router = createRouter({
   routes,
   scrollBehavior(to, from, savedPosition) {
     if (savedPosition) {
-      return savedPosition
+      return savedPosition;
     } else if (to.hash) {
       return new Promise(resolve => {
         setTimeout(() => {
           resolve({
             selector: to.hash
-          }, 1000)
-        })
-      })
+          }, 1000);
+        });
+      });
     } else {
-      return { left: 0, top: 0 }
+      return { left: 0, top: 0 };
     }
   }
-})
+});
 
-const title = ' :: ' + mainTitle
+const title = ' :: ' + mainTitle;
 router.beforeEach((to, form, next) => {
-  const documentTitle = to.meta.title + title || mainTitle
-  document.title = documentTitle === to.meta.title ? title : documentTitle
-  next()
-})
+  const documentTitle = to.meta.title + title || mainTitle;
+  document.title = documentTitle === to.meta.title ? title : documentTitle;
+  if (to.meta.title) {
+    setHeaderTitle(to.meta.title);
+  }
+  if (to.meta.description && to.meta.description !== []) {
+    setHeaderDescription(to.meta.description);
+  } else {
+    clearHeaderDescription();
+  }
+  next();
+});
 
-export default router
+export default router;
diff --git a/src/store/index.js b/src/store/index.js
index 859d58e..ddf4b8d 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -4,22 +4,15 @@ const apiURL = import.meta.env.VITE_APP_API_URL;
 
 export const store = createStore({
   state: {
-    header: {
-      title: null,
-      description: null
-    },
     categories: [],
     projects: []
   },
   getters: {
-    getHeader (state) {
-      return state.header
-    },
     getCategories (state) {
-      return state.categories
+      return state.categories;
     },
     getProjects (state) {
-      return state.projects
+      return state.projects;
     }
   },
   actions: {
@@ -29,7 +22,7 @@ export const store = createStore({
         .then(data => {
           store.commit('setProjects', data)
           return store.getters.getProjects
-        })
+        });
     },
     fetchCategories (store) {
       return fetch(apiURL + '/categories')
@@ -37,7 +30,7 @@ export const store = createStore({
         .then(data => {
           store.commit('setCategories', data)
           return store.getters.getCategories
-        })
+        });
     }
   },
   mutations: {
@@ -47,20 +40,5 @@ export const store = createStore({
     setProjects: (state, array = []) => {
       state.projects = array
     },
-    setHeader: (state, text) => {
-      state.header = {
-        title: text.title ?? null,
-        description: text.description ?? null
-      }
-    },
-    resetHeaderTitle (state) {
-      state.header.title = null
-    },
-    setHeaderDescription: (state, payload) => {
-      state.header.description = payload.title
-    },
-    resetHeaderDescription (state) {
-      state.header.description = null
-    }
   }
 })
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index ce3da25..ba70adf 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -1,25 +1,3 @@
-<script setup>
-import { onMounted, onUnmounted } from 'vue';
-import { useStore } from 'vuex';
-import { useRoute } from 'vue-router';
-
-const store = useStore();
-const route = useRoute();
-
-onMounted(() => {
-  const header = {
-    title: route.meta.title,
-    description: 'Jestem młodym i ambitnym inżynierem oprogramowania. Specjalizuję się w tworzeniu frontendów i backendów.',
-  }
-  store.commit('setHeader', header);
-});
-
-onUnmounted(() => {
-  store.commit('resetHeaderTitle');
-  store.commit('resetHeaderDescription');
-});
-</script>
-
 <template>
   <section class="max-w-screen-xl mx-auto px-6 xl:px-2 py-11">
     <p class="font-bold">
diff --git a/src/views/ContactView.vue b/src/views/ContactView.vue
index b3e9334..6abace5 100644
--- a/src/views/ContactView.vue
+++ b/src/views/ContactView.vue
@@ -1,25 +1,11 @@
+<script setup>
+import MailContact from '@/components/sections/contacts/MailContact.vue';
+import OtherContact from '@/components/sections/contacts/OtherContact.vue';
+</script>
+
 <template>
   <section class="flex flex-col px-3 py-6 md:flex-row items-start justify-center mx-auto gap-5">
     <MailContact />
     <OtherContact />
   </section>
 </template>
-
-<script setup>
-import { onMounted } from 'vue'
-import { useRoute } from 'vue-router'
-import { useStore } from 'vuex'
-import MailContact from '@/components/sections/contacts/MailContact.vue'
-import OtherContact from '@/components/sections/contacts/OtherContact.vue'
-
-const route = useRoute()
-const store = useStore()
-
-onMounted(() => {
-  const header = {
-    title: route.meta.title,
-    description: 'Chcesz o coś zapytać? Chciałbyś współpracować? Napisz!'
-  }
-  store.commit('setHeader', header)
-})
-</script>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index e6c76a0..3682847 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,35 +1,13 @@
 <script setup>
-import { onMounted, onUnmounted } from 'vue';
-import { useStore } from 'vuex';
-import { useRoute } from 'vue-router';
-import About from '@/components/sections/AboutSection.vue';
-import ExperiencesSection from '@/components/sections/ExperiencesSection.vue';
-import FavoriteProjects from '@/components/sections/FavoriteProjects.vue';
-
-const store = useStore();
-const route = useRoute();
-
-onMounted(() => {
-  const header = {
-    title: route.meta.title,
-    description: [
-      'Chciałbym Państwa powitać na mojej stronie!',
-      'Przedstawiam tutaj część swojego życia związaną z programowaniem i projektowaniem aplikacji internetowych.'
-    ],
-  }
-  store.commit('setHeader', header);
-})
-
-onUnmounted(() => {
-  store.commit('resetHeaderTitle');
-  store.commit('resetHeaderDescription');
-})
+import About from'@/components/sections/AboutSection.vue';
+import Experiences from'@/components/sections/ExperiencesSection.vue';
+import FavoriteProjects from'@/components/sections/FavoriteProjects.vue';
 </script>
 
 <template>
   <section class="home">
     <About />
-    <ExperiencesSection />
+    <Experiences />
     <FavoriteProjects />
   </section>
 </template>
diff --git a/src/views/NotFound.vue b/src/views/NotFoundView.vue
similarity index 100%
rename from src/views/NotFound.vue
rename to src/views/NotFoundView.vue
diff --git a/src/views/ProjectView.vue b/src/views/ProjectView.vue
index 139dd2b..b6f1797 100644
--- a/src/views/ProjectView.vue
+++ b/src/views/ProjectView.vue
@@ -1,3 +1,56 @@
+<script setup>
+import { ref, reactive, computed, onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { useStore } from 'vuex';
+import { clearHeaderTitle, clearHeaderDescription } from '@/HeaderReference';
+import Markdown from '@/components/markdowns/MarkdownDescription.vue';
+
+const apiURL = import.meta.env.VITE_APP_API_URL;
+const route = useRoute();
+const store = useStore();
+
+const isLoaded = ref(false);
+let project = reactive({});
+
+const getCategories = computed(() => store.getters.getCategories);
+
+onMounted(() => {
+  clearHeaderTitle();
+  clearHeaderDescription();
+  if (getCategories.value.length === 0) {
+    store.dispatch('fetchCategories');
+  }
+  loadProject(route.params.id);
+})
+
+function getCategoryName(categories = []) {
+  const categoriesText = [];
+  categories.forEach(categoryElement => {
+    const category = getCategories.value.find(category => category.slug === categoryElement);
+    if (category) {
+      categoriesText.push(category.name);
+    }
+  });
+  return categoriesText[0] ?? undefined;
+}
+
+function loadProject(id) {
+  fetch(apiURL + '/project/' + id)
+    .then(response => response.json())
+    .then(data => {
+      project.title = data.title;
+      project.description = data.description;
+      project.release_date = data.release_date;
+      project.author = data.author;
+      project.categories = data.categories;
+      project.project_version = data.project_version;
+      project.project_url = data.project_url;
+      project.images = data.images;
+      isLoaded.value = true;
+    });
+}
+</script>
+
 <template>
   <section
     v-if="isLoaded"
@@ -78,56 +131,6 @@
   </div>
 </template>
 
-<script setup>
-import { ref, reactive, computed, onMounted } from 'vue';
-import { useRoute } from 'vue-router';
-import { useStore } from 'vuex';
-import Markdown from '@/components/markdowns/MarkdownDescription.vue';
-
-const apiURL = import.meta.env.VITE_APP_API_URL;
-const route = useRoute();
-const store = useStore();
-
-const isLoaded = ref(false);
-let project = reactive({});
-
-const getCategories = computed(() => store.getters.getCategories);
-
-onMounted(() => {
-  if (getCategories.value.length === 0) {
-    store.dispatch('fetchCategories');
-  }
-  loadProject(route.params.id);
-})
-
-function getCategoryName(categories = []) {
-  const categoriesText = [];
-  categories.forEach(categoryElement => {
-    const category = getCategories.value.find(category => category.slug === categoryElement);
-    if (category) {
-      categoriesText.push(category.name);
-    }
-  });
-  return categoriesText[0] ?? undefined;
-}
-
-function loadProject(id) {
-  fetch(apiURL + '/project/' + id)
-    .then(response => response.json())
-    .then(data => {
-      project.title = data.title;
-      project.description = data.description;
-      project.release_date = data.release_date;
-      project.author = data.author;
-      project.categories = data.categories;
-      project.project_version = data.project_version;
-      project.project_url = data.project_url;
-      project.images = data.images;
-      isLoaded.value = true;
-    });
-}
-</script>
-
 <style lang="scss">
 @import "scss/default";
 
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 405fbe4..ad28882 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive, computed, onMounted, onUnmounted } from 'vue';
+import { ref, reactive, computed, onMounted } from 'vue';
 import { useStore } from 'vuex';
 import SelectedProjects from '@/components/SelectedProjects.vue';
 
@@ -14,11 +14,6 @@ onMounted(() => {
   loadAllData();
 });
 
-onUnmounted(() => {
-  store.commit('resetHeaderTitle');
-  store.commit('resetHeaderDescription');
-});
-
 function loadAllData () {
   store.dispatch('fetchCategories');
   store.dispatch('fetchProjects').then(loadedProjects => {
diff --git a/vite.config.js b/vite.config.js
index c0ba0d3..9ec8cbe 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,13 +1,10 @@
 import { fileURLToPath, URL } from 'node:url';
-import { defineConfig, loadEnv } from 'vite';
+import { defineConfig, loadEnv, splitVendorChunkPlugin } from 'vite';
 import vue from '@vitejs/plugin-vue';
 
-// https://vitejs.dev/config/
 export default defineConfig((mode) => {
   const env = loadEnv(mode, process.cwd(), "");
   return {
-    publicPath: '/',
-    transpileDependencies: true,
     server: {
       host: 'localhost',
       port: parseInt(env.VITE_PORT ?? 5173),
@@ -15,7 +12,10 @@ export default defineConfig((mode) => {
         host: 'localhost',
       },
     },
-    plugins: [ vue() ],
+    plugins: [
+      vue(),
+      splitVendorChunkPlugin(),
+    ],
     resolve: {
         vue: 'vue/dist/vue.esm-bundler.js',
         alias: {