From 64b484cfd1fb01c8e350058472b779121f43c2b8 Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Fri, 30 Aug 2024 14:14:39 +0200
Subject: [PATCH 01/16] fix: ts errors

---
 components/TokenCalendar.vue |   8 +-
 nuxt.config.ts               |   3 +-
 package.json                 |   3 +-
 pnpm-lock.yaml               | 266 ++++++++++++++++++++---------------
 4 files changed, 159 insertions(+), 121 deletions(-)

diff --git a/components/TokenCalendar.vue b/components/TokenCalendar.vue
index 2ed7794b..dc97ee40 100644
--- a/components/TokenCalendar.vue
+++ b/components/TokenCalendar.vue
@@ -2,19 +2,19 @@
 	<div>
 		<DatePicker
 			:min-date="new Date()"
-			:model-value="value"
+			:model-value="props.value"
 			inline
 			prev-icon="pi pi-arrow-left"
 			next-icon="pi pi-arrow-right"
-			@update:model-value="(date: Date) => emit('change', date)"
+			@update:model-value="(date) => emit('change', date || null)"
 		/>
 	</div>
 </template>
 
 <script setup lang="ts">
-	defineProps({
+	const props = defineProps({
 		value: {
-			type: [ Date, null, undefined ],
+			type: Object as () => Date | null,
 			default: null,
 		},
 	});
diff --git a/nuxt.config.ts b/nuxt.config.ts
index fba8779d..1617edea 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -47,8 +47,7 @@ export default defineNuxtConfig({
 	},
 	tailwindcss: {},
 	typescript: {
-		// TODO: P2: fix and uncomment.
-		// typeCheck: 'build',
+		typeCheck: 'build',
 	},
 	$development: {
 		runtimeConfig: {
diff --git a/package.json b/package.json
index 037f2154..43f29128 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
 		"nuxt-icons": "^3.2.1",
 		"pinia": "^2.2.1",
 		"primeicons": "^7.0.0",
-		"primevue": "^4.0.4",
+		"primevue": "^4.0.5",
 		"tailwindcss": "^3.4.9",
 		"tailwindcss-primeui": "^0.3.4",
 		"vue": "^3.4.37",
@@ -52,6 +52,7 @@
 		"stylelint": "^14.16.1",
 		"stylelint-config-tailwindcss": "^0.0.7",
 		"typescript": "^5.5.4",
+		"vite": "^5.4.2",
 		"vue-tsc": "^2.0.29"
 	},
 	"lint-staged": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b5654da7..507774dd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -42,7 +42,7 @@ importers:
         version: 4.17.21
       nuxt:
         specifier: ^3.12.4
-        version: 3.12.4(@parcel/watcher@2.4.1)(@types/node@20.14.10)(encoding@0.1.13)(eslint@8.57.0)(ioredis@5.4.1)(magicast@0.3.4)(meow@13.2.0)(optionator@0.9.3)(rollup@4.18.1)(sass@1.77.0)(stylelint@14.16.1)(terser@5.31.2)(typescript@5.5.4)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue-tsc@2.0.29(typescript@5.5.4))
+        version: 3.12.4(@parcel/watcher@2.4.1)(@types/node@20.14.10)(encoding@0.1.13)(eslint@8.57.0)(ioredis@5.4.1)(magicast@0.3.4)(meow@9.0.0)(optionator@0.9.3)(rollup@4.18.1)(sass@1.77.0)(stylelint@14.16.1)(terser@5.31.2)(typescript@5.5.4)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue-tsc@2.0.29(typescript@5.5.4))
       nuxt-icons:
         specifier: ^3.2.1
         version: 3.2.1(rollup@4.18.1)
@@ -53,8 +53,8 @@ importers:
         specifier: ^7.0.0
         version: 7.0.0
       primevue:
-        specifier: ^4.0.4
-        version: 4.0.4(vue@3.4.37(typescript@5.5.4))
+        specifier: ^4.0.5
+        version: 4.0.5(vue@3.4.37(typescript@5.5.4))
       tailwindcss:
         specifier: ^3.4.9
         version: 3.4.9
@@ -113,6 +113,9 @@ importers:
       typescript:
         specifier: ^5.5.4
         version: 5.5.4
+      vite:
+        specifier: ^5.4.2
+        version: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
       vue-tsc:
         specifier: ^2.0.29
         version: 2.0.29(typescript@5.5.4)
@@ -1186,10 +1189,20 @@ packages:
     peerDependencies:
       vue: ^3.0.0
 
+  '@primevue/core@4.0.5':
+    resolution: {integrity: sha512-DUCslDA93eUOVW0A1I3yoZgRLI4zmI2++loZQXbUF5jaXCwKiAza14+iyUU+cWH27VSq+jQnCEP9QJtPZiJJ0w==}
+    engines: {node: '>=12.11.0'}
+    peerDependencies:
+      vue: ^3.0.0
+
   '@primevue/icons@4.0.4':
     resolution: {integrity: sha512-eHOuO5jIv/qb3mpo3m1qpDKJxw/B8ZFpAcsKxV4uWhAXkxWo/afmykGO38PVabKc3SSai8bq1zFVXPA1w0cg9g==}
     engines: {node: '>=12.11.0'}
 
+  '@primevue/icons@4.0.5':
+    resolution: {integrity: sha512-ZxR9W1wlAE2fTtUhrHyeMx5t0jNyAgxDcHPm0cNXpX8q1XF95rSM/qb48QKXIBDBrJ/xs57BcyCNADP/VDPY4g==}
+    engines: {node: '>=12.11.0'}
+
   '@primevue/metadata@4.0.4':
     resolution: {integrity: sha512-j1Cb6qxuKDHyT0vjlFiLjiHILN7D6xC2zIaHRcYn0XcQS27r5ianzGFIiW98OVRFTUqWAf4k0TSCrgZPawPjRA==}
     engines: {node: '>=12.11.0'}
@@ -1283,8 +1296,8 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm-eabi@4.19.0':
-    resolution: {integrity: sha512-JlPfZ/C7yn5S5p0yKk7uhHTTnFlvTgLetl2VxqE518QgyM7C9bSfFTYvB/Q/ftkq0RIPY4ySxTz+/wKJ/dXC0w==}
+  '@rollup/rollup-android-arm-eabi@4.21.2':
+    resolution: {integrity: sha512-fSuPrt0ZO8uXeS+xP3b+yYTCBUd05MoSp2N/MFOgjhhUhMmchXlpTQrTpI8T+YAwAQuK7MafsCOxW7VrPMrJcg==}
     cpu: [arm]
     os: [android]
 
@@ -1293,8 +1306,8 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.19.0':
-    resolution: {integrity: sha512-RDxUSY8D1tWYfn00DDi5myxKgOk6RvWPxhmWexcICt/MEC6yEMr4HNCu1sXXYLw8iAsg0D44NuU+qNq7zVWCrw==}
+  '@rollup/rollup-android-arm64@4.21.2':
+    resolution: {integrity: sha512-xGU5ZQmPlsjQS6tzTTGwMsnKUtu0WVbl0hYpTPauvbRAnmIvpInhJtgjj3mcuJpEiuUw4v1s4BimkdfDWlh7gA==}
     cpu: [arm64]
     os: [android]
 
@@ -1303,8 +1316,8 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-arm64@4.19.0':
-    resolution: {integrity: sha512-emvKHL4B15x6nlNTBMtIaC9tLPRpeA5jMvRLXVbl/W9Ie7HhkrE7KQjvgS9uxgatL1HmHWDXk5TTS4IaNJxbAA==}
+  '@rollup/rollup-darwin-arm64@4.21.2':
+    resolution: {integrity: sha512-99AhQ3/ZMxU7jw34Sq8brzXqWH/bMnf7ZVhvLk9QU2cOepbQSVTns6qoErJmSiAvU3InRqC2RRZ5ovh1KN0d0Q==}
     cpu: [arm64]
     os: [darwin]
 
@@ -1313,8 +1326,8 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.19.0':
-    resolution: {integrity: sha512-fO28cWA1dC57qCd+D0rfLC4VPbh6EOJXrreBmFLWPGI9dpMlER2YwSPZzSGfq11XgcEpPukPTfEVFtw2q2nYJg==}
+  '@rollup/rollup-darwin-x64@4.21.2':
+    resolution: {integrity: sha512-ZbRaUvw2iN/y37x6dY50D8m2BnDbBjlnMPotDi/qITMJ4sIxNY33HArjikDyakhSv0+ybdUxhWxE6kTI4oX26w==}
     cpu: [x64]
     os: [darwin]
 
@@ -1323,8 +1336,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.19.0':
-    resolution: {integrity: sha512-2Rn36Ubxdv32NUcfm0wB1tgKqkQuft00PtM23VqLuCUR4N5jcNWDoV5iBC9jeGdgS38WK66ElncprqgMUOyomw==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.21.2':
+    resolution: {integrity: sha512-ztRJJMiE8nnU1YFcdbd9BcH6bGWG1z+jP+IPW2oDUAPxPjo9dverIOyXz76m6IPA6udEL12reYeLojzW2cYL7w==}
     cpu: [arm]
     os: [linux]
 
@@ -1333,8 +1346,8 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.19.0':
-    resolution: {integrity: sha512-gJuzIVdq/X1ZA2bHeCGCISe0VWqCoNT8BvkQ+BfsixXwTOndhtLUpOg0A1Fcx/+eA6ei6rMBzlOz4JzmiDw7JQ==}
+  '@rollup/rollup-linux-arm-musleabihf@4.21.2':
+    resolution: {integrity: sha512-flOcGHDZajGKYpLV0JNc0VFH361M7rnV1ee+NTeC/BQQ1/0pllYcFmxpagltANYt8FYf9+kL6RSk80Ziwyhr7w==}
     cpu: [arm]
     os: [linux]
 
@@ -1343,8 +1356,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.19.0':
-    resolution: {integrity: sha512-0EkX2HYPkSADo9cfeGFoQ7R0/wTKb7q6DdwI4Yn/ULFE1wuRRCHybxpl2goQrx4c/yzK3I8OlgtBu4xvted0ug==}
+  '@rollup/rollup-linux-arm64-gnu@4.21.2':
+    resolution: {integrity: sha512-69CF19Kp3TdMopyteO/LJbWufOzqqXzkrv4L2sP8kfMaAQ6iwky7NoXTp7bD6/irKgknDKM0P9E/1l5XxVQAhw==}
     cpu: [arm64]
     os: [linux]
 
@@ -1353,8 +1366,8 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.19.0':
-    resolution: {integrity: sha512-GlIQRj9px52ISomIOEUq/IojLZqzkvRpdP3cLgIE1wUWaiU5Takwlzpz002q0Nxxr1y2ZgxC2obWxjr13lvxNQ==}
+  '@rollup/rollup-linux-arm64-musl@4.21.2':
+    resolution: {integrity: sha512-48pD/fJkTiHAZTnZwR0VzHrao70/4MlzJrq0ZsILjLW/Ab/1XlVUStYyGt7tdyIiVSlGZbnliqmult/QGA2O2w==}
     cpu: [arm64]
     os: [linux]
 
@@ -1363,8 +1376,8 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.19.0':
-    resolution: {integrity: sha512-N6cFJzssruDLUOKfEKeovCKiHcdwVYOT1Hs6dovDQ61+Y9n3Ek4zXvtghPPelt6U0AH4aDGnDLb83uiJMkWYzQ==}
+  '@rollup/rollup-linux-powerpc64le-gnu@4.21.2':
+    resolution: {integrity: sha512-cZdyuInj0ofc7mAQpKcPR2a2iu4YM4FQfuUzCVA2u4HI95lCwzjoPtdWjdpDKyHxI0UO82bLDoOaLfpZ/wviyQ==}
     cpu: [ppc64]
     os: [linux]
 
@@ -1373,8 +1386,8 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.19.0':
-    resolution: {integrity: sha512-2DnD3mkS2uuam/alF+I7M84koGwvn3ZVD7uG+LEWpyzo/bq8+kKnus2EVCkcvh6PlNB8QPNFOz6fWd5N8o1CYg==}
+  '@rollup/rollup-linux-riscv64-gnu@4.21.2':
+    resolution: {integrity: sha512-RL56JMT6NwQ0lXIQmMIWr1SW28z4E4pOhRRNqwWZeXpRlykRIlEpSWdsgNWJbYBEWD84eocjSGDu/XxbYeCmwg==}
     cpu: [riscv64]
     os: [linux]
 
@@ -1383,8 +1396,8 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.19.0':
-    resolution: {integrity: sha512-D6pkaF7OpE7lzlTOFCB2m3Ngzu2ykw40Nka9WmKGUOTS3xcIieHe82slQlNq69sVB04ch73thKYIWz/Ian8DUA==}
+  '@rollup/rollup-linux-s390x-gnu@4.21.2':
+    resolution: {integrity: sha512-PMxkrWS9z38bCr3rWvDFVGD6sFeZJw4iQlhrup7ReGmfn7Oukrr/zweLhYX6v2/8J6Cep9IEA/SmjXjCmSbrMQ==}
     cpu: [s390x]
     os: [linux]
 
@@ -1393,8 +1406,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.19.0':
-    resolution: {integrity: sha512-HBndjQLP8OsdJNSxpNIN0einbDmRFg9+UQeZV1eiYupIRuZsDEoeGU43NQsS34Pp166DtwQOnpcbV/zQxM+rWA==}
+  '@rollup/rollup-linux-x64-gnu@4.21.2':
+    resolution: {integrity: sha512-B90tYAUoLhU22olrafY3JQCFLnT3NglazdwkHyxNDYF/zAxJt5fJUB/yBoWFoIQ7SQj+KLe3iL4BhOMa9fzgpw==}
     cpu: [x64]
     os: [linux]
 
@@ -1403,8 +1416,8 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.19.0':
-    resolution: {integrity: sha512-HxfbvfCKJe/RMYJJn0a12eiOI9OOtAUF4G6ozrFUK95BNyoJaSiBjIOHjZskTUffUrB84IPKkFG9H9nEvJGW6A==}
+  '@rollup/rollup-linux-x64-musl@4.21.2':
+    resolution: {integrity: sha512-7twFizNXudESmC9oneLGIUmoHiiLppz/Xs5uJQ4ShvE6234K0VB1/aJYU3f/4g7PhssLGKBVCC37uRkkOi8wjg==}
     cpu: [x64]
     os: [linux]
 
@@ -1413,8 +1426,8 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-arm64-msvc@4.19.0':
-    resolution: {integrity: sha512-HxDMKIhmcguGTiP5TsLNolwBUK3nGGUEoV/BO9ldUBoMLBssvh4J0X8pf11i1fTV7WShWItB1bKAKjX4RQeYmg==}
+  '@rollup/rollup-win32-arm64-msvc@4.21.2':
+    resolution: {integrity: sha512-9rRero0E7qTeYf6+rFh3AErTNU1VCQg2mn7CQcI44vNUWM9Ze7MSRS/9RFuSsox+vstRt97+x3sOhEey024FRQ==}
     cpu: [arm64]
     os: [win32]
 
@@ -1423,8 +1436,8 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.19.0':
-    resolution: {integrity: sha512-xItlIAZZaiG/u0wooGzRsx11rokP4qyc/79LkAOdznGRAbOFc+SfEdfUOszG1odsHNgwippUJavag/+W/Etc6Q==}
+  '@rollup/rollup-win32-ia32-msvc@4.21.2':
+    resolution: {integrity: sha512-5rA4vjlqgrpbFVVHX3qkrCo/fZTj1q0Xxpg+Z7yIo3J2AilW7t2+n6Q8Jrx+4MrYpAnjttTYF8rr7bP46BPzRw==}
     cpu: [ia32]
     os: [win32]
 
@@ -1433,8 +1446,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.19.0':
-    resolution: {integrity: sha512-xNo5fV5ycvCCKqiZcpB65VMR11NJB+StnxHz20jdqRAktfdfzhgjTiJ2doTDQE/7dqGaV5I7ZGqKpgph6lCIag==}
+  '@rollup/rollup-win32-x64-msvc@4.21.2':
+    resolution: {integrity: sha512-6UUxd0+SKomjdzuAcp+HAmxw1FlGBnl1v2yEPSabtx4lBfdXHDVsW7+lQkgz9cNFJGY3AWR7+V8P5BqkD9L9nA==}
     cpu: [x64]
     os: [win32]
 
@@ -3640,10 +3653,6 @@ packages:
     resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
 
-  meow@13.2.0:
-    resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
-    engines: {node: '>=18'}
-
   meow@9.0.0:
     resolution: {integrity: sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==}
     engines: {node: '>=10'}
@@ -4397,6 +4406,10 @@ packages:
     resolution: {integrity: sha512-1moEddbczJ1+yEyfeYQk3xOQB64iCjjM//f+HSXs6YrKVVC0QjPFx9XPNXrr2JjHlp+6D7EpPZtsmcrfA9jWkA==}
     engines: {node: '>=12.11.0'}
 
+  primevue@4.0.5:
+    resolution: {integrity: sha512-MALszGIZ5SnEQy1XeZLBFhpMXQ1OS7D1U7H+l/JAX5U46RQ1vufo7NAiWbbV5/ADjPGw4uLplqMQxujkksNY2g==}
+    engines: {node: '>=12.11.0'}
+
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -4565,8 +4578,8 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
-  rollup@4.19.0:
-    resolution: {integrity: sha512-5r7EYSQIowHsK4eTZ0Y81qpZuJz+MUuYeqmmYmRMl1nwhdmbiYqt5jwzf6u7wyOzJgYqtCRMtVRKOtHANBz7rA==}
+  rollup@4.21.2:
+    resolution: {integrity: sha512-e3TapAgYf9xjdLvKQCkQTnbTKd4a6jwlpQSJJFokHGaX2IVjoEqkIIhiQfqsi0cdwlOD+tQGuOd5AJkc5RngBw==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -5293,8 +5306,8 @@ packages:
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
 
-  vite@5.3.4:
-    resolution: {integrity: sha512-Cw+7zL3ZG9/NZBB8C+8QbQZmR54GwqIz+WMI4b3JgdYJvX+ny9AjJXqkGQlDXSXRP9rP0B4tbciRMOVEKulVOA==}
+  vite@5.4.2:
+    resolution: {integrity: sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -5302,6 +5315,7 @@ packages:
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
+      sass-embedded: '*'
       stylus: '*'
       sugarss: '*'
       terser: ^5.4.0
@@ -5314,6 +5328,8 @@ packages:
         optional: true
       sass:
         optional: true
+      sass-embedded:
+        optional: true
       stylus:
         optional: true
       sugarss:
@@ -6399,12 +6415,12 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@1.3.9(magicast@0.3.4)(rollup@4.18.1)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))':
+  '@nuxt/devtools-kit@1.3.9(magicast@0.3.4)(rollup@4.18.1)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))':
     dependencies:
       '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.1)
       '@nuxt/schema': 3.12.4(rollup@4.18.1)
       execa: 7.2.0
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -6423,13 +6439,13 @@ snapshots:
       rc9: 2.1.2
       semver: 7.6.3
 
-  '@nuxt/devtools@1.3.9(rollup@4.18.1)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))':
+  '@nuxt/devtools@1.3.9(rollup@4.18.1)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.3.9(magicast@0.3.4)(rollup@4.18.1)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
+      '@nuxt/devtools-kit': 1.3.9(magicast@0.3.4)(rollup@4.18.1)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
       '@nuxt/devtools-wizard': 1.3.9
       '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.1)
-      '@vue/devtools-core': 7.3.3(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
+      '@vue/devtools-core': 7.3.3(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
       '@vue/devtools-kit': 7.3.3
       birpc: 0.2.17
       consola: 3.2.3
@@ -6458,9 +6474,9 @@ snapshots:
       simple-git: 3.25.0
       sirv: 2.0.4
       unimport: 3.9.0(rollup@4.18.1)
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
-      vite-plugin-inspect: 0.8.4(@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.18.1))(rollup@4.18.1)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
-      vite-plugin-vue-inspector: 5.1.2(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite-plugin-inspect: 0.8.4(@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.18.1))(rollup@4.18.1)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
+      vite-plugin-vue-inspector: 5.1.2(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
       which: 3.0.1
       ws: 8.18.0
     transitivePeerDependencies:
@@ -6659,12 +6675,12 @@ snapshots:
 
   '@nuxt/ui-templates@1.3.3': {}
 
-  '@nuxt/vite-builder@3.12.4(@types/node@20.14.10)(eslint@8.57.0)(magicast@0.3.4)(meow@13.2.0)(optionator@0.9.3)(rollup@4.18.1)(sass@1.77.0)(stylelint@14.16.1)(terser@5.31.2)(typescript@5.5.4)(vue-tsc@2.0.29(typescript@5.5.4))(vue@3.4.37(typescript@5.5.4))':
+  '@nuxt/vite-builder@3.12.4(@types/node@20.14.10)(eslint@8.57.0)(magicast@0.3.4)(meow@9.0.0)(optionator@0.9.3)(rollup@4.18.1)(sass@1.77.0)(stylelint@14.16.1)(terser@5.31.2)(typescript@5.5.4)(vue-tsc@2.0.29(typescript@5.5.4))(vue@3.4.37(typescript@5.5.4))':
     dependencies:
       '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.1)
       '@rollup/plugin-replace': 5.0.7(rollup@4.18.1)
-      '@vitejs/plugin-vue': 5.0.5(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue@3.4.37(typescript@5.5.4))
-      '@vitejs/plugin-vue-jsx': 4.0.0(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue@3.4.37(typescript@5.5.4))
+      '@vitejs/plugin-vue': 5.0.5(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue@3.4.37(typescript@5.5.4))
+      '@vitejs/plugin-vue-jsx': 4.0.0(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue@3.4.37(typescript@5.5.4))
       autoprefixer: 10.4.19(postcss@8.4.39)
       clear: 0.1.0
       consola: 3.2.3
@@ -6690,9 +6706,9 @@ snapshots:
       ufo: 1.5.4
       unenv: 1.10.0
       unplugin: 1.11.0
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
       vite-node: 2.0.3(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
-      vite-plugin-checker: 0.7.2(eslint@8.57.0)(meow@13.2.0)(optionator@0.9.3)(stylelint@14.16.1)(typescript@5.5.4)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue-tsc@2.0.29(typescript@5.5.4))
+      vite-plugin-checker: 0.7.2(eslint@8.57.0)(meow@9.0.0)(optionator@0.9.3)(stylelint@14.16.1)(typescript@5.5.4)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue-tsc@2.0.29(typescript@5.5.4))
       vue: 3.4.37(typescript@5.5.4)
       vue-bundle-renderer: 2.1.0
     transitivePeerDependencies:
@@ -6706,6 +6722,7 @@ snapshots:
       - optionator
       - rollup
       - sass
+      - sass-embedded
       - stylelint
       - stylus
       - sugarss
@@ -6843,6 +6860,12 @@ snapshots:
       '@primeuix/utils': 0.0.5
       vue: 3.4.37(typescript@5.5.4)
 
+  '@primevue/core@4.0.5(vue@3.4.37(typescript@5.5.4))':
+    dependencies:
+      '@primeuix/styled': 0.0.5
+      '@primeuix/utils': 0.0.5
+      vue: 3.4.37(typescript@5.5.4)
+
   '@primevue/icons@4.0.4(vue@3.4.37(typescript@5.5.4))':
     dependencies:
       '@primeuix/utils': 0.0.5
@@ -6850,6 +6873,13 @@ snapshots:
     transitivePeerDependencies:
       - vue
 
+  '@primevue/icons@4.0.5(vue@3.4.37(typescript@5.5.4))':
+    dependencies:
+      '@primeuix/utils': 0.0.5
+      '@primevue/core': 4.0.5(vue@3.4.37(typescript@5.5.4))
+    transitivePeerDependencies:
+      - vue
+
   '@primevue/metadata@4.0.4': {}
 
   '@primevue/nuxt-module@4.0.4(patch_hash=wiemqw53ii2cuxy56mkzosavte)(@babel/parser@7.25.3)(magicast@0.3.4)(rollup@4.18.1)(vue@3.4.37(typescript@5.5.4))':
@@ -6946,97 +6976,97 @@ snapshots:
   '@rollup/rollup-android-arm-eabi@4.18.1':
     optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.19.0':
+  '@rollup/rollup-android-arm-eabi@4.21.2':
     optional: true
 
   '@rollup/rollup-android-arm64@4.18.1':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.19.0':
+  '@rollup/rollup-android-arm64@4.21.2':
     optional: true
 
   '@rollup/rollup-darwin-arm64@4.18.1':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.19.0':
+  '@rollup/rollup-darwin-arm64@4.21.2':
     optional: true
 
   '@rollup/rollup-darwin-x64@4.18.1':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.19.0':
+  '@rollup/rollup-darwin-x64@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-arm-gnueabihf@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.19.0':
+  '@rollup/rollup-linux-arm-gnueabihf@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-arm-musleabihf@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.19.0':
+  '@rollup/rollup-linux-arm-musleabihf@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-arm64-gnu@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.19.0':
+  '@rollup/rollup-linux-arm64-gnu@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-arm64-musl@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.19.0':
+  '@rollup/rollup-linux-arm64-musl@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-powerpc64le-gnu@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.19.0':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-riscv64-gnu@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.19.0':
+  '@rollup/rollup-linux-riscv64-gnu@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-s390x-gnu@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.19.0':
+  '@rollup/rollup-linux-s390x-gnu@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-x64-gnu@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.19.0':
+  '@rollup/rollup-linux-x64-gnu@4.21.2':
     optional: true
 
   '@rollup/rollup-linux-x64-musl@4.18.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.19.0':
+  '@rollup/rollup-linux-x64-musl@4.21.2':
     optional: true
 
   '@rollup/rollup-win32-arm64-msvc@4.18.1':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.19.0':
+  '@rollup/rollup-win32-arm64-msvc@4.21.2':
     optional: true
 
   '@rollup/rollup-win32-ia32-msvc@4.18.1':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.19.0':
+  '@rollup/rollup-win32-ia32-msvc@4.21.2':
     optional: true
 
   '@rollup/rollup-win32-x64-msvc@4.18.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.19.0':
+  '@rollup/rollup-win32-x64-msvc@4.21.2':
     optional: true
 
   '@rushstack/eslint-patch@1.10.3': {}
@@ -7294,19 +7324,19 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@4.0.0(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue@3.4.37(typescript@5.5.4))':
+  '@vitejs/plugin-vue-jsx@4.0.0(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue@3.4.37(typescript@5.5.4))':
     dependencies:
       '@babel/core': 7.24.9
       '@babel/plugin-transform-typescript': 7.24.8(@babel/core@7.24.9)
       '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.9)
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
       vue: 3.4.37(typescript@5.5.4)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.0.5(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue@3.4.37(typescript@5.5.4))':
+  '@vitejs/plugin-vue@5.0.5(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue@3.4.37(typescript@5.5.4))':
     dependencies:
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
       vue: 3.4.37(typescript@5.5.4)
 
   '@volar/language-core@2.4.0-alpha.18':
@@ -7427,14 +7457,14 @@ snapshots:
 
   '@vue/devtools-api@6.6.3': {}
 
-  '@vue/devtools-core@7.3.3(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))':
+  '@vue/devtools-core@7.3.3(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))':
     dependencies:
       '@vue/devtools-kit': 7.3.3
       '@vue/devtools-shared': 7.3.5
       mitt: 3.0.1
       nanoid: 3.3.7
       pathe: 1.1.2
-      vite-hot-client: 0.2.3(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
+      vite-hot-client: 0.2.3(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
     transitivePeerDependencies:
       - vite
 
@@ -9650,9 +9680,6 @@ snapshots:
 
   media-typer@0.3.0: {}
 
-  meow@13.2.0:
-    optional: true
-
   meow@9.0.0:
     dependencies:
       '@types/minimist': 1.2.5
@@ -9946,14 +9973,14 @@ snapshots:
       - rollup
       - supports-color
 
-  nuxt@3.12.4(@parcel/watcher@2.4.1)(@types/node@20.14.10)(encoding@0.1.13)(eslint@8.57.0)(ioredis@5.4.1)(magicast@0.3.4)(meow@13.2.0)(optionator@0.9.3)(rollup@4.18.1)(sass@1.77.0)(stylelint@14.16.1)(terser@5.31.2)(typescript@5.5.4)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue-tsc@2.0.29(typescript@5.5.4)):
+  nuxt@3.12.4(@parcel/watcher@2.4.1)(@types/node@20.14.10)(encoding@0.1.13)(eslint@8.57.0)(ioredis@5.4.1)(magicast@0.3.4)(meow@9.0.0)(optionator@0.9.3)(rollup@4.18.1)(sass@1.77.0)(stylelint@14.16.1)(terser@5.31.2)(typescript@5.5.4)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue-tsc@2.0.29(typescript@5.5.4)):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.3.9(rollup@4.18.1)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
+      '@nuxt/devtools': 1.3.9(rollup@4.18.1)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))
       '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.1)
       '@nuxt/schema': 3.12.4(rollup@4.18.1)
       '@nuxt/telemetry': 2.5.4(magicast@0.3.4)(rollup@4.18.1)
-      '@nuxt/vite-builder': 3.12.4(@types/node@20.14.10)(eslint@8.57.0)(magicast@0.3.4)(meow@13.2.0)(optionator@0.9.3)(rollup@4.18.1)(sass@1.77.0)(stylelint@14.16.1)(terser@5.31.2)(typescript@5.5.4)(vue-tsc@2.0.29(typescript@5.5.4))(vue@3.4.37(typescript@5.5.4))
+      '@nuxt/vite-builder': 3.12.4(@types/node@20.14.10)(eslint@8.57.0)(magicast@0.3.4)(meow@9.0.0)(optionator@0.9.3)(rollup@4.18.1)(sass@1.77.0)(stylelint@14.16.1)(terser@5.31.2)(typescript@5.5.4)(vue-tsc@2.0.29(typescript@5.5.4))(vue@3.4.37(typescript@5.5.4))
       '@unhead/dom': 1.9.16
       '@unhead/ssr': 1.9.16
       '@unhead/vue': 1.9.16(vue@3.4.37(typescript@5.5.4))
@@ -10038,6 +10065,7 @@ snapshots:
       - optionator
       - rollup
       - sass
+      - sass-embedded
       - stylelint
       - stylus
       - sugarss
@@ -10541,6 +10569,15 @@ snapshots:
     transitivePeerDependencies:
       - vue
 
+  primevue@4.0.5(vue@3.4.37(typescript@5.5.4)):
+    dependencies:
+      '@primeuix/styled': 0.0.5
+      '@primeuix/utils': 0.0.5
+      '@primevue/core': 4.0.5(vue@3.4.37(typescript@5.5.4))
+      '@primevue/icons': 4.0.5(vue@3.4.37(typescript@5.5.4))
+    transitivePeerDependencies:
+      - vue
+
   process-nextick-args@2.0.1: {}
 
   process@0.11.10: {}
@@ -10728,26 +10765,26 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.18.1
       fsevents: 2.3.3
 
-  rollup@4.19.0:
+  rollup@4.21.2:
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.19.0
-      '@rollup/rollup-android-arm64': 4.19.0
-      '@rollup/rollup-darwin-arm64': 4.19.0
-      '@rollup/rollup-darwin-x64': 4.19.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.19.0
-      '@rollup/rollup-linux-arm-musleabihf': 4.19.0
-      '@rollup/rollup-linux-arm64-gnu': 4.19.0
-      '@rollup/rollup-linux-arm64-musl': 4.19.0
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.19.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.19.0
-      '@rollup/rollup-linux-s390x-gnu': 4.19.0
-      '@rollup/rollup-linux-x64-gnu': 4.19.0
-      '@rollup/rollup-linux-x64-musl': 4.19.0
-      '@rollup/rollup-win32-arm64-msvc': 4.19.0
-      '@rollup/rollup-win32-ia32-msvc': 4.19.0
-      '@rollup/rollup-win32-x64-msvc': 4.19.0
+      '@rollup/rollup-android-arm-eabi': 4.21.2
+      '@rollup/rollup-android-arm64': 4.21.2
+      '@rollup/rollup-darwin-arm64': 4.21.2
+      '@rollup/rollup-darwin-x64': 4.21.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.21.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.21.2
+      '@rollup/rollup-linux-arm64-gnu': 4.21.2
+      '@rollup/rollup-linux-arm64-musl': 4.21.2
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.21.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.21.2
+      '@rollup/rollup-linux-s390x-gnu': 4.21.2
+      '@rollup/rollup-linux-x64-gnu': 4.21.2
+      '@rollup/rollup-linux-x64-musl': 4.21.2
+      '@rollup/rollup-win32-arm64-msvc': 4.21.2
+      '@rollup/rollup-win32-ia32-msvc': 4.21.2
+      '@rollup/rollup-win32-x64-msvc': 4.21.2
       fsevents: 2.3.3
 
   run-applescript@7.0.0: {}
@@ -11572,9 +11609,9 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite-hot-client@0.2.3(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)):
+  vite-hot-client@0.2.3(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)):
     dependencies:
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
 
   vite-node@2.0.3(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2):
     dependencies:
@@ -11582,18 +11619,19 @@ snapshots:
       debug: 4.3.5
       pathe: 1.1.2
       tinyrainbow: 1.2.0
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
     transitivePeerDependencies:
       - '@types/node'
       - less
       - lightningcss
       - sass
+      - sass-embedded
       - stylus
       - sugarss
       - supports-color
       - terser
 
-  vite-plugin-checker@0.7.2(eslint@8.57.0)(meow@13.2.0)(optionator@0.9.3)(stylelint@14.16.1)(typescript@5.5.4)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue-tsc@2.0.29(typescript@5.5.4)):
+  vite-plugin-checker@0.7.2(eslint@8.57.0)(meow@9.0.0)(optionator@0.9.3)(stylelint@14.16.1)(typescript@5.5.4)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2))(vue-tsc@2.0.29(typescript@5.5.4)):
     dependencies:
       '@babel/code-frame': 7.24.7
       ansi-escapes: 4.3.2
@@ -11605,20 +11643,20 @@ snapshots:
       npm-run-path: 4.0.1
       strip-ansi: 6.0.1
       tiny-invariant: 1.3.3
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
       vscode-languageclient: 7.0.0
       vscode-languageserver: 7.0.0
       vscode-languageserver-textdocument: 1.0.11
       vscode-uri: 3.0.8
     optionalDependencies:
       eslint: 8.57.0
-      meow: 13.2.0
+      meow: 9.0.0
       optionator: 0.9.3
       stylelint: 14.16.1
       typescript: 5.5.4
       vue-tsc: 2.0.29(typescript@5.5.4)
 
-  vite-plugin-inspect@0.8.4(@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.18.1))(rollup@4.18.1)(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)):
+  vite-plugin-inspect@0.8.4(@nuxt/kit@3.12.4(magicast@0.3.4)(rollup@4.18.1))(rollup@4.18.1)(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.0(rollup@4.18.1)
@@ -11629,14 +11667,14 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.0.1
       sirv: 2.0.4
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
     optionalDependencies:
       '@nuxt/kit': 3.12.4(magicast@0.3.4)(rollup@4.18.1)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-vue-inspector@5.1.2(vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)):
+  vite-plugin-vue-inspector@5.1.2(vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)):
     dependencies:
       '@babel/core': 7.24.8
       '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.24.8)
@@ -11647,15 +11685,15 @@ snapshots:
       '@vue/compiler-dom': 3.4.37
       kolorist: 1.8.0
       magic-string: 0.30.10
-      vite: 5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
+      vite: 5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2)
     transitivePeerDependencies:
       - supports-color
 
-  vite@5.3.4(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2):
+  vite@5.4.2(@types/node@20.14.10)(sass@1.77.0)(terser@5.31.2):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.4.39
-      rollup: 4.19.0
+      postcss: 8.4.41
+      rollup: 4.21.2
     optionalDependencies:
       '@types/node': 20.14.10
       fsevents: 2.3.3

From 6855837b5de9f0414efb3c8fc625e22034ed53b1 Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Fri, 30 Aug 2024 15:26:21 +0200
Subject: [PATCH 02/16] fix: expanding after copy click

---
 components/StartProbe.vue | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/components/StartProbe.vue b/components/StartProbe.vue
index 2ebc44bb..9522a3ab 100644
--- a/components/StartProbe.vue
+++ b/components/StartProbe.vue
@@ -13,27 +13,27 @@
 		/>
 	</div>
 	<div class="relative">
+		<div class="!absolute right-2 top-2">
+			<!-- TODO: P3: copy button could be a component -->
+			<Button
+				icon="pi pi-copy"
+				severity="secondary"
+				aria-label="Copy"
+				outlined
+				@click="copyCommand"
+			/>
+			<div v-if="copyTooltip" class="absolute -top-10 left-1/2 -translate-x-1/2 rounded-md bg-bluegray-700 p-2 text-surface-0">
+				Copied!
+			</div>
+		</div>
 		<div ref="codeWrapperElem" class="mt-4 box-content overflow-hidden rounded-xl border p-4 pr-0 transition-[height] duration-500 dark:bg-dark-900">
-			<!-- TODO: P3: collapse/expand thing could be a component, collapse/expand is not smooth if triggered immideately after copy click -->
+			<!-- TODO: P3: collapse/expand thing could be a component -->
 			<div ref="codeElem">
 				<pre v-if="size === 'compact'" class="no-scrollbar flex min-h-[22px] items-center overflow-scroll"><code class="mr-16">{{ commands[platform][size] }}</code></pre>
 				<div v-if="size === 'expanded'" class="no-scrollbar overflow-scroll">
 					<pre v-for="line in commands[platform][size]" :key="line.toString()"><code>{{ line[0] }}</code><code class="mr-16 text-bluegray-300">{{ line[1] }}</code></pre>
 				</div>
 			</div>
-			<div class="!absolute right-2 top-2">
-				<!-- TODO: P3: copy button could be a component -->
-				<Button
-					icon="pi pi-copy"
-					severity="secondary"
-					aria-label="Copy"
-					outlined
-					@click="copyCommand"
-				/>
-				<div v-if="copyTooltip" class="absolute -top-10 left-1/2 -translate-x-1/2 rounded-md bg-bluegray-700 p-2 text-surface-0">
-					Copied!
-				</div>
-			</div>
 		</div>
 	</div>
 	<div class="flex justify-center">

From 94879ca8b709441fe53cedb33410c296579ee34e Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Fri, 30 Aug 2024 17:13:51 +0200
Subject: [PATCH 03/16] feat: create CopyButton component

---
 components/CodeBlock.vue  | 22 +--------------------
 components/CopyButton.vue | 41 +++++++++++++++++++++++++++++++++++++++
 components/StartProbe.vue | 28 +-------------------------
 3 files changed, 43 insertions(+), 48 deletions(-)
 create mode 100644 components/CopyButton.vue

diff --git a/components/CodeBlock.vue b/components/CodeBlock.vue
index a123f1a1..dbbe3f11 100644
--- a/components/CodeBlock.vue
+++ b/components/CodeBlock.vue
@@ -1,20 +1,9 @@
 <template>
 	<div class="relative rounded-xl border bg-surface-0 p-4 pr-0 dark:bg-dark-900">
+		<CopyButton :content="props.commands"/>
 		<div class="no-scrollbar overflow-scroll">
 			<pre v-for="line in commands" :key="line.toString()" class="flex min-h-[22px] items-center"><code>{{ line[0] }}</code><code class="mr-16 text-bluegray-300">{{ line[1] }}</code></pre>
 		</div>
-		<div class="!absolute right-2 top-2">
-			<Button
-				icon="pi pi-copy"
-				severity="secondary"
-				outlined
-				aria-label="Copy"
-				@click="copyCommand"
-			/>
-			<div v-if="copyTooltip" class="absolute -top-10 left-1/2 -translate-x-1/2 rounded-md bg-bluegray-700 p-2 text-surface-0">
-				Copied!
-			</div>
-		</div>
 	</div>
 </template>
 
@@ -25,13 +14,4 @@
 			default: () => [],
 		},
 	});
-
-	const copyTooltip = ref(false);
-	const copyCommand = async () => {
-		const content = props.commands.map(parts => parts.join('')).join('\n');
-
-		await navigator.clipboard.writeText(content);
-		copyTooltip.value = true;
-		setTimeout(() => copyTooltip.value = false, 1000);
-	};
 </script>
diff --git a/components/CopyButton.vue b/components/CopyButton.vue
new file mode 100644
index 00000000..109d9803
--- /dev/null
+++ b/components/CopyButton.vue
@@ -0,0 +1,41 @@
+<template>
+	<div class="!absolute right-2 top-2">
+		<Button
+			icon="pi pi-copy"
+			severity="secondary"
+			aria-label="Copy"
+			outlined
+			@click="copyCommand"
+		/>
+		<div v-if="copyTooltip" class="absolute -top-10 left-1/2 -translate-x-1/2 rounded-md bg-bluegray-700 p-2 text-surface-0">
+			Copied!
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	const props = defineProps({
+		content: {
+			type: [
+				String,
+				Array as () => string[] | string[][],
+			],
+			required: true,
+		},
+	});
+
+	const copyTooltip = ref(false);
+	const copyCommand = async () => {
+		let result: string;
+
+		if (Array.isArray(props.content)) {
+			result = props.content.map(parts => Array.isArray(parts) ? parts.join('') : parts).join('\n');
+		} else {
+			result = props.content;
+		}
+
+		await navigator.clipboard.writeText(result);
+		copyTooltip.value = true;
+		setTimeout(() => copyTooltip.value = false, 1000);
+	};
+</script>
diff --git a/components/StartProbe.vue b/components/StartProbe.vue
index 9522a3ab..3180d910 100644
--- a/components/StartProbe.vue
+++ b/components/StartProbe.vue
@@ -13,21 +13,8 @@
 		/>
 	</div>
 	<div class="relative">
-		<div class="!absolute right-2 top-2">
-			<!-- TODO: P3: copy button could be a component -->
-			<Button
-				icon="pi pi-copy"
-				severity="secondary"
-				aria-label="Copy"
-				outlined
-				@click="copyCommand"
-			/>
-			<div v-if="copyTooltip" class="absolute -top-10 left-1/2 -translate-x-1/2 rounded-md bg-bluegray-700 p-2 text-surface-0">
-				Copied!
-			</div>
-		</div>
+		<CopyButton :content="commands[platform][size]"/>
 		<div ref="codeWrapperElem" class="mt-4 box-content overflow-hidden rounded-xl border p-4 pr-0 transition-[height] duration-500 dark:bg-dark-900">
-			<!-- TODO: P3: collapse/expand thing could be a component -->
 			<div ref="codeElem">
 				<pre v-if="size === 'compact'" class="no-scrollbar flex min-h-[22px] items-center overflow-scroll"><code class="mr-16">{{ commands[platform][size] }}</code></pre>
 				<div v-if="size === 'expanded'" class="no-scrollbar overflow-scroll">
@@ -97,17 +84,4 @@
 		size.value = size.value === 'compact' ? 'expanded' : 'compact';
 		smoothResize(codeWrapperElem.value!, codeElem.value!, codeElem.value!);
 	};
-
-	const copyTooltip = ref(false);
-	const copyCommand = async () => {
-		let content = commands[platform.value][size.value];
-
-		if (Array.isArray(content)) {
-			content = content.map(parts => parts.join('')).join('\n');
-		}
-
-		await navigator.clipboard.writeText(content);
-		copyTooltip.value = true;
-		setTimeout(() => copyTooltip.value = false, 1000);
-	};
 </script>

From ba301ecc005ee8d3ccf853c122ca6fe9217bcd28 Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Fri, 30 Aug 2024 18:06:15 +0200
Subject: [PATCH 04/16] feat: add title class

---
 assets/css/global.css | 6 ++++++
 pages/credits.vue     | 3 +--
 pages/index.vue       | 2 +-
 pages/probes.vue      | 2 +-
 pages/settings.vue    | 2 +-
 pages/tokens.vue      | 2 +-
 6 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/assets/css/global.css b/assets/css/global.css
index 3209414f..5d3c88f4 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -69,3 +69,9 @@ input[disabled], textarea[disabled], select[disabled='disabled'] {
 	opacity: 1;
 	color: var(--text-bluegray-500);
 }
+
+@layer classes {
+	.title {
+		@apply text-2xl font-bold
+	}
+}
diff --git a/pages/credits.vue b/pages/credits.vue
index abe0f6a5..b280e883 100644
--- a/pages/credits.vue
+++ b/pages/credits.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="flex min-h-full flex-col p-6" :class="{'min-w-[640px]': creditsChanges.length}">
 		<div class="mb-6 flex">
-			<h1 class="col-span-2 text-2xl font-bold">Credits</h1>
+			<h1 class="title">Credits</h1>
 			<NuxtLink to="https://github.com/sponsors/jsdelivr" tabindex="-1" class="ml-auto" target="_blank" rel="noopener">
 				<Button label="Become a sponsor" icon="pi pi-github"/>
 			</NuxtLink>
@@ -102,7 +102,6 @@
 						date_created: { _gte: '$NOW(-30 day)' },
 					},
 				})),
-				// TODO: P2: let's also drop the "For (the)" prefix from other messages (server side) => "Adopted probe ...", "$10 sponsorship"
 				$directus.request<CreditsDeduction[]>(readItems('gp_credits_deductions', {
 					filter: {
 						user_id: { _eq: user.id },
diff --git a/pages/index.vue b/pages/index.vue
index c202a581..ac4aec1f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="grid grid-cols-2 gap-4 p-6">
-		<h1 class="col-span-2 mb-2 text-2xl font-bold">Overview</h1>
+		<h1 class="title col-span-2 mb-2">Overview</h1>
 
 		<div class="rounded-xl border bg-surface-0 max-xl:col-span-2 dark:bg-dark-800">
 			<p class="flex border-b px-6 py-3 font-bold text-bluegray-700 dark:text-dark-0">Summary</p>
diff --git a/pages/probes.vue b/pages/probes.vue
index efe6b487..b69a6452 100644
--- a/pages/probes.vue
+++ b/pages/probes.vue
@@ -2,7 +2,7 @@
 	<!-- TODO: P1: @MartinKolarik - review including all texts after the design update. -->
 	<div class="flex min-h-full flex-col p-6" :class="{'min-w-[1024px]': probes?.length}">
 		<div class="mb-6 flex">
-			<h1 class="col-span-2 text-2xl font-bold">Probes</h1>
+			<h1 class="title">Probes</h1>
 			<Button class="ml-auto" @click="adoptProbeDialog = true">
 				<nuxt-icon class="pi" name="capture"/>
 				<span class="font-bold">Adopt a probe</span>
diff --git a/pages/settings.vue b/pages/settings.vue
index 04acf06e..3d964650 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -3,7 +3,7 @@
 		<div>
 			<!-- TODO: P3: this and most likely other elements should use custom classes, e.g. page-title -->
 			<!-- https://tailwindcss.com/docs/adding-custom-styles#adding-component-classes -->
-			<h1 class="col-span-2 text-2xl font-bold">Settings</h1>
+			<h1 class="title">Settings</h1>
 		</div>
 		<div class="mt-6 flex rounded-xl border bg-surface-0 p-6 max-sm:flex-col dark:bg-dark-800">
 			<div class="max-sm:mb-4 sm:w-2/5">
diff --git a/pages/tokens.vue b/pages/tokens.vue
index 168a77d6..957276b1 100644
--- a/pages/tokens.vue
+++ b/pages/tokens.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="flex min-h-full flex-col p-6" :class="{'min-w-[640px]': tokens.length}">
 		<div class="mb-4 flex">
-			<h1 class="col-span-2 text-2xl font-bold">Tokens</h1>
+			<h1 class="title">Tokens</h1>
 			<Button class="ml-auto" label="Generate new token" @click="openTokenDetails('generate')"/>
 		</div>
 		<p class="xl:w-1/2">

From 22d03cbb4d32b5bcda8e913f6d954506256547ae Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Mon, 2 Sep 2024 15:52:20 +0200
Subject: [PATCH 05/16] feat: create custom GPDialog

---
 components/GPDialog.vue | 11 +++++++++++
 pages/settings.vue      |  9 ++-------
 2 files changed, 13 insertions(+), 7 deletions(-)
 create mode 100644 components/GPDialog.vue

diff --git a/components/GPDialog.vue b/components/GPDialog.vue
new file mode 100644
index 00000000..e7359ff5
--- /dev/null
+++ b/components/GPDialog.vue
@@ -0,0 +1,11 @@
+<template>
+	<Dialog
+		position="top"
+		class="min-w-[700px] max-md:min-w-[95%]"
+		modal
+		dismissable-mask
+		:draggable="false"
+	>
+		<slot/>
+	</Dialog>
+</template>
diff --git a/pages/settings.vue b/pages/settings.vue
index 3d964650..a4543576 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -94,13 +94,8 @@
 			<Button label="Apply settings" :loading="saveLoading" @click="save"/>
 		</div>
 		<!-- TODO: P3: we have many of these in the same style, might be worth to wrap in our own component (possibly same applies to other components). -->
-		<Dialog
+		<GPDialog
 			v-model:visible="deleteDialog"
-			position="top"
-			class="min-w-[700px] max-md:min-w-[95%]"
-			modal
-			dismissable-mask
-			:draggable="false"
 			header="Delete account"
 		>
 			<div class="flex items-center">
@@ -116,7 +111,7 @@
 				<Button class="mr-2" label="Cancel" severity="secondary" text @click="deleteDialog = false"/>
 				<Button label="Delete account" severity="danger" @click="deleteAccount"/>
 			</div>
-		</Dialog>
+		</GPDialog>
 	</div>
 </template>
 

From f3abbeb732ba760ef155d202ea3d1c9ecd821b80 Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Thu, 5 Sep 2024 16:53:42 +0200
Subject: [PATCH 06/16] feat: use own GPDialog wrapper

---
 pages/index.vue       |  9 ++-------
 pages/probes.vue      | 18 ++++--------------
 pages/probes/[id].vue | 18 +++++-------------
 pages/settings.vue    |  1 -
 pages/tokens.vue      | 27 ++++++---------------------
 5 files changed, 17 insertions(+), 56 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index ac4aec1f..ea4a0b94 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -132,18 +132,13 @@
 			</AsyncBlock>
 		</div>
 
-		<Dialog
+		<GPDialog
 			v-model:visible="adoptProbeDialog"
-			position="top"
-			class="min-w-[700px] max-md:min-w-[95%]"
-			modal
-			dismissable-mask
-			:draggable="false"
 			header="Adopt a probe"
 			content-class="!p-0"
 		>
 			<AdoptProbe @cancel="adoptProbeDialog = false" @adopted="refreshNuxtData"/>
-		</Dialog>
+		</GPDialog>
 	</div>
 </template>
 
diff --git a/pages/probes.vue b/pages/probes.vue
index b69a6452..548f458c 100644
--- a/pages/probes.vue
+++ b/pages/probes.vue
@@ -115,29 +115,19 @@
 			:gmaps-loaded="gmapsLoaded"
 			@save="loadLazyData"
 		/>
-		<Dialog
+		<GPDialog
 			v-model:visible="startProbeDialog"
-			position="top"
-			class="min-w-[700px] max-md:min-w-[95%]"
-			modal
-			dismissable-mask
-			:draggable="false"
 			header="Start a probe"
 		>
 			<StartProbe/>
-		</Dialog>
-		<Dialog
+		</GPDialog>
+		<GPDialog
 			v-model:visible="adoptProbeDialog"
-			position="top"
-			class="min-w-[700px] max-md:min-w-[95%]"
-			modal
-			dismissable-mask
-			:draggable="false"
 			header="Adopt a probe"
 			content-class="!p-0"
 		>
 			<AdoptProbe @cancel="adoptProbeDialog = false" @adopted="loadLazyData"/>
-		</Dialog>
+		</GPDialog>
 	</div>
 </template>
 
diff --git a/pages/probes/[id].vue b/pages/probes/[id].vue
index ae60dc4f..fe5d5cde 100644
--- a/pages/probes/[id].vue
+++ b/pages/probes/[id].vue
@@ -1,10 +1,7 @@
 <template>
-	<Dialog
+	<GPDialog
 		v-model:visible="probeDetailsDialog"
-		class="min-w-[700px] max-md:min-w-[95%]"
-		modal
-		dismissable-mask
-		:draggable="false"
+		position="center"
 		header="Probe details"
 		content-class="!p-0"
 		@after-hide="navigateTo('/probes')"
@@ -177,13 +174,8 @@
 				<Button label="Save" :loading="updateProbeLoading" :disabled="!isSaveEnabled" @click="updateProbe"/>
 			</div>
 		</div>
-		<Dialog
+		<GPDialog
 			v-model:visible="deleteDialog"
-			position="top"
-			class="min-w-[700px] max-md:min-w-[95%]"
-			modal
-			dismissable-mask
-			:draggable="false"
 			header="Delete probe"
 		>
 			<div class="flex items-center">
@@ -199,8 +191,8 @@
 				<Button class="mr-2" label="Cancel" severity="secondary" text @click="deleteDialog = false"/>
 				<Button label="Delete probe" severity="danger" @click="deleteProbe"/>
 			</div>
-		</Dialog>
-	</Dialog>
+		</GPDialog>
+	</GPDialog>
 </template>
 
 <script setup lang="ts">
diff --git a/pages/settings.vue b/pages/settings.vue
index a4543576..c4a8766f 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -93,7 +93,6 @@
 		<div class="mt-6 text-right">
 			<Button label="Apply settings" :loading="saveLoading" @click="save"/>
 		</div>
-		<!-- TODO: P3: we have many of these in the same style, might be worth to wrap in our own component (possibly same applies to other components). -->
 		<GPDialog
 			v-model:visible="deleteDialog"
 			header="Delete account"
diff --git a/pages/tokens.vue b/pages/tokens.vue
index 957276b1..936c0b57 100644
--- a/pages/tokens.vue
+++ b/pages/tokens.vue
@@ -86,13 +86,8 @@
 				<p class="mt-4">Adopt a probe or become a sponsor to track your credit usage</p>
 			</div>
 		</div>
-		<Dialog
+		<GPDialog
 			v-model:visible="tokenDetailsDialog"
-			position="top"
-			class="min-w-[700px] max-md:min-w-[95%]"
-			modal
-			dismissable-mask
-			:draggable="false"
 			:header="tokenDetails ? 'Edit token' : 'Generate new token'"
 			content-class="!p-0"
 		>
@@ -103,14 +98,9 @@
 				@save="handleSave"
 				@regenerate="handleRegenerate"
 			/>
-		</Dialog>
-		<Dialog
+		</GPDialog>
+		<GPDialog
 			v-model:visible="deleteDialog"
-			position="top"
-			class="min-w-[700px] max-md:min-w-[95%]"
-			modal
-			dismissable-mask
-			:draggable="false"
 			header="Delete token"
 		>
 			<div class="flex items-center">
@@ -126,14 +116,9 @@
 				<Button class="mr-2" label="Cancel" severity="secondary" text @click="deleteDialog = false"/>
 				<Button label="Delete token" severity="danger" @click="deleteToken"/>
 			</div>
-		</Dialog>
-		<Dialog
+		</GPDialog>
+		<GPDialog
 			v-model:visible="regenerateDialog"
-			position="top"
-			class="min-w-[700px] max-md:min-w-[95%]"
-			modal
-			dismissable-mask
-			:draggable="false"
 			header="Regenerate token"
 		>
 			<div class="flex items-center">
@@ -149,7 +134,7 @@
 				<Button class="mr-2" label="Cancel" severity="secondary" text @click="regenerateDialog = false"/>
 				<Button label="Regenerate" @click="regenerateToken"/>
 			</div>
-		</Dialog>
+		</GPDialog>
 	</div>
 </template>
 

From 33cf40aee96e93137fb9af2318a4bbf29ae8c922 Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Thu, 5 Sep 2024 18:00:31 +0200
Subject: [PATCH 07/16] feat: auto fit table width

---
 pages/probes.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/pages/probes.vue b/pages/probes.vue
index 548f458c..f8239452 100644
--- a/pages/probes.vue
+++ b/pages/probes.vue
@@ -16,7 +16,6 @@
 				data-key="id"
 				:total-records="probesCount"
 				:loading="loading"
-				table-class="table-fixed"
 				:row-class="() => 'cursor-pointer hover:bg-surface-50 dark:hover:bg-dark-700'"
 				:pt="{footer: '!pt-0 border-t-0'}"
 				:pt-options="{ mergeProps: true }"
@@ -52,7 +51,7 @@
 						</NuxtLink>
 					</template>
 				</Column>
-				<Column header="Tags" class="w-5/12" body-class="!p-0 h-16">
+				<Column header="Tags" body-class="!p-0 h-16">
 					<template #body="slotProps">
 						<NuxtLink :to="`/probes/${slotProps.data.id}`" class="flex h-full items-center" @click="openProbeDetails(slotProps.data.id)">
 							<div class="flex h-full flex-wrap items-center">

From 98fe3fbe31f658e693bea5f381f995a8e88997f5 Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Thu, 5 Sep 2024 18:47:30 +0200
Subject: [PATCH 08/16] feat: move common link properties to class

---
 layouts/default.vue | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 12d417be..a02f4f85 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -58,12 +58,12 @@
 						</div>
 					</template>
 
-					<NuxtLink active-class="active" class="sidebar-link" to="/" @click="mobileSidebar = false"><i class="pi pi-home pl-4 pr-3 text-lg text-bluegray-400"/>Overview</NuxtLink>
-					<NuxtLink active-class="active" class="sidebar-link" to="/probes" @click="mobileSidebar = false"><nuxt-icon class="pi pl-4 pr-3 text-lg text-bluegray-400" name="probe"/>Probes</NuxtLink>
-					<NuxtLink active-class="active" class="sidebar-link" to="/credits" @click="mobileSidebar = false"><nuxt-icon class="pi pl-4 pr-3 text-lg text-bluegray-400" name="coin"/>Credits</NuxtLink>
-					<NuxtLink active-class="active" class="sidebar-link" to="/tokens" @click="mobileSidebar = false"><i class="pi pi-database pl-4 pr-3 text-lg text-bluegray-400"/>Tokens</NuxtLink>
-					<NuxtLink active-class="active" class="sidebar-link" to="/settings" @click="mobileSidebar = false"><i class="pi pi-cog pl-4 pr-3 text-lg text-bluegray-400"/>Settings</NuxtLink>
-					<button active-class="active" class="sidebar-link" @click="auth.logout"><i class="pi pi-power-off pl-4 pr-3 text-lg text-bluegray-400"/>Sign out</button>
+					<NuxtLink active-class="active" class="sidebar-link" to="/" @click="mobileSidebar = false"><i class="pi pi-home sidebar-link-icon"/>Overview</NuxtLink>
+					<NuxtLink active-class="active" class="sidebar-link" to="/probes" @click="mobileSidebar = false"><nuxt-icon class="pi sidebar-link-icon" name="probe"/>Probes</NuxtLink>
+					<NuxtLink active-class="active" class="sidebar-link" to="/credits" @click="mobileSidebar = false"><nuxt-icon class="pi sidebar-link-icon" name="coin"/>Credits</NuxtLink>
+					<NuxtLink active-class="active" class="sidebar-link" to="/tokens" @click="mobileSidebar = false"><i class="pi pi-database sidebar-link-icon"/>Tokens</NuxtLink>
+					<NuxtLink active-class="active" class="sidebar-link" to="/settings" @click="mobileSidebar = false"><i class="pi pi-cog sidebar-link-icon"/>Settings</NuxtLink>
+					<button active-class="active" class="sidebar-link" @click="auth.logout"><i class="pi pi-power-off sidebar-link-icon"/>Sign out</button>
 					<div class="flex flex-col border-t">
 						<NuxtLink class="ml-6 mt-4 text-bluegray-600 no-underline hover:underline dark:text-bluegray-100" to="https://www.jsdelivr.com/" target="_blank">
 							<i class="pi pi-external-link text-bluegray-300"/>
@@ -98,10 +98,10 @@
 		</header>
 
 		<aside class="flex flex-col border-r bg-surface-100 p-4 max-lg:hidden dark:bg-dark-700">
-			<NuxtLink active-class="active" class="sidebar-link" to="/"><i class="pi pi-home pl-4 pr-3 text-lg text-bluegray-400"/>Overview</NuxtLink>
-			<NuxtLink active-class="active" class="sidebar-link" to="/probes"><nuxt-icon class="pi pl-4 pr-3 text-lg text-bluegray-400" name="probe"/>Probes</NuxtLink>
-			<NuxtLink active-class="active" class="sidebar-link" to="/credits"><nuxt-icon class="pi pl-4 pr-3 text-lg text-bluegray-400" name="coin"/>Credits</NuxtLink>
-			<NuxtLink active-class="active" class="sidebar-link" to="/tokens"><i class="pi pi-database pl-4 pr-3 text-lg text-bluegray-400"/>Tokens</NuxtLink>
+			<NuxtLink active-class="active" class="sidebar-link" to="/"><i class="pi pi-home sidebar-link-icon"/>Overview</NuxtLink>
+			<NuxtLink active-class="active" class="sidebar-link" to="/probes"><nuxt-icon class="pi sidebar-link-icon" name="probe"/>Probes</NuxtLink>
+			<NuxtLink active-class="active" class="sidebar-link" to="/credits"><nuxt-icon class="pi sidebar-link-icon" name="coin"/>Credits</NuxtLink>
+			<NuxtLink active-class="active" class="sidebar-link" to="/tokens"><i class="pi pi-database sidebar-link-icon"/>Tokens</NuxtLink>
 			<div class="mt-auto rounded-xl border bg-surface-0 p-6 dark:border-dark-400 dark:bg-dark-500">
 				<p class="mb-2 font-bold">Sponsorship</p>
 				<p class="mb-6">Support the development of our products by becoming a sponsor.</p>
@@ -219,6 +219,10 @@
 		box-sizing: border-box;
 	}
 
+	.sidebar-link-icon {
+		@apply pl-4 pr-3 text-lg text-bluegray-400;
+	}
+
 	.dark .sidebar-link {
 		color: var(--p-surface-0);
 	}

From b03c367c71b41d196394e9b4ac8e91e040811eea Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Thu, 5 Sep 2024 20:06:41 +0200
Subject: [PATCH 09/16] fix: probe details mobile view

---
 pages/probes/[id].vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/pages/probes/[id].vue b/pages/probes/[id].vue
index fe5d5cde..86970a75 100644
--- a/pages/probes/[id].vue
+++ b/pages/probes/[id].vue
@@ -8,8 +8,7 @@
 	>
 		<div class="relative border-y">
 			<div id="gp-map" class="h-44"/>
-
-			<div class="absolute inset-x-0 top-2 mx-6 flex justify-between dark:text-bluegray-900">
+			<div class="absolute inset-x-0 top-2 mx-6 flex flex-wrap justify-between gap-4 dark:text-bluegray-900">
 				<div>
 					Status:<span class="ml-2 font-bold">{{ capitalize(probe.status.replaceAll('-', ' ')) }}</span>
 					<StatusIcon class="ml-2 text-3xs" :status="probe.status"/>

From a295af483fea38f7390461b60071a27e82dfc181 Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Sat, 7 Sep 2024 11:32:19 +0200
Subject: [PATCH 10/16] feat: update common styles

---
 assets/css/global.css | 2 +-
 pages/credits.vue     | 6 +++---
 pages/index.vue       | 2 +-
 pages/probes.vue      | 6 +++---
 pages/settings.vue    | 6 ++----
 pages/tokens.vue      | 4 ++--
 6 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/assets/css/global.css b/assets/css/global.css
index 5d3c88f4..84f817b9 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -71,7 +71,7 @@ input[disabled], textarea[disabled], select[disabled='disabled'] {
 }
 
 @layer classes {
-	.title {
+	.page-title {
 		@apply text-2xl font-bold
 	}
 }
diff --git a/pages/credits.vue b/pages/credits.vue
index b280e883..a2dfb08c 100644
--- a/pages/credits.vue
+++ b/pages/credits.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="flex min-h-full flex-col p-6" :class="{'min-w-[640px]': creditsChanges.length}">
-		<div class="mb-6 flex">
-			<h1 class="title">Credits</h1>
+	<div class="min-h-full p-6" :class="{'min-w-[640px]': creditsChanges.length}">
+		<div class="mb-4 flex">
+			<h1 class="page-title">Credits</h1>
 			<NuxtLink to="https://github.com/sponsors/jsdelivr" tabindex="-1" class="ml-auto" target="_blank" rel="noopener">
 				<Button label="Become a sponsor" icon="pi pi-github"/>
 			</NuxtLink>
diff --git a/pages/index.vue b/pages/index.vue
index ea4a0b94..9402aa73 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="grid grid-cols-2 gap-4 p-6">
-		<h1 class="title col-span-2 mb-2">Overview</h1>
+		<h1 class="page-title col-span-2 mb-2">Overview</h1>
 
 		<div class="rounded-xl border bg-surface-0 max-xl:col-span-2 dark:bg-dark-800">
 			<p class="flex border-b px-6 py-3 font-bold text-bluegray-700 dark:text-dark-0">Summary</p>
diff --git a/pages/probes.vue b/pages/probes.vue
index f8239452..016a442e 100644
--- a/pages/probes.vue
+++ b/pages/probes.vue
@@ -1,8 +1,8 @@
 <template>
 	<!-- TODO: P1: @MartinKolarik - review including all texts after the design update. -->
-	<div class="flex min-h-full flex-col p-6" :class="{'min-w-[1024px]': probes?.length}">
-		<div class="mb-6 flex">
-			<h1 class="title">Probes</h1>
+	<div class="min-h-full p-6" :class="{'min-w-[1024px]': probes?.length}">
+		<div class="mb-4 flex">
+			<h1 class="page-title">Probes</h1>
 			<Button class="ml-auto" @click="adoptProbeDialog = true">
 				<nuxt-icon class="pi" name="capture"/>
 				<span class="font-bold">Adopt a probe</span>
diff --git a/pages/settings.vue b/pages/settings.vue
index c4a8766f..90c8559b 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -1,9 +1,7 @@
 <template>
-	<div class="flex min-h-full flex-col p-6">
+	<div class="min-h-full p-6">
 		<div>
-			<!-- TODO: P3: this and most likely other elements should use custom classes, e.g. page-title -->
-			<!-- https://tailwindcss.com/docs/adding-custom-styles#adding-component-classes -->
-			<h1 class="title">Settings</h1>
+			<h1 class="page-title">Settings</h1>
 		</div>
 		<div class="mt-6 flex rounded-xl border bg-surface-0 p-6 max-sm:flex-col dark:bg-dark-800">
 			<div class="max-sm:mb-4 sm:w-2/5">
diff --git a/pages/tokens.vue b/pages/tokens.vue
index 936c0b57..332c4dde 100644
--- a/pages/tokens.vue
+++ b/pages/tokens.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="flex min-h-full flex-col p-6" :class="{'min-w-[640px]': tokens.length}">
+	<div class="min-h-full p-6" :class="{'min-w-[640px]': tokens.length}">
 		<div class="mb-4 flex">
-			<h1 class="title">Tokens</h1>
+			<h1 class="page-title">Tokens</h1>
 			<Button class="ml-auto" label="Generate new token" @click="openTokenDetails('generate')"/>
 		</div>
 		<p class="xl:w-1/2">

From 097ad49e7e763c6b900c112c58eeb524b0adda1d Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Sat, 7 Sep 2024 12:11:11 +0200
Subject: [PATCH 11/16] feat: preview theme appearance

---
 pages/settings.vue | 9 ++++++++-
 store/auth.ts      | 3 +++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/pages/settings.vue b/pages/settings.vue
index 90c8559b..cf575e86 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -32,7 +32,6 @@
 				<h5 class="text-lg font-bold">Interface</h5>
 			</div>
 			<div class="grow">
-				<!-- TODO: P3: can we automatically "preview" the theme when I click a button here without saving? the setting should revert when I leave the page/reload -->
 				<p class="font-bold">Theme</p>
 				<SelectButton
 					v-model="appearance"
@@ -42,6 +41,7 @@
 					aria-labelledby="basic"
 					option-label="name"
 					option-value="value"
+					@update:model-value="auth.setAppearance"
 				>
 					<template #option="slotProps">
 						<i :class="slotProps.option.icon"/>
@@ -152,6 +152,8 @@
 				email: email.value,
 			}));
 
+			lastSavedAppearance = appearance.value;
+
 			await auth.refresh();
 
 			toast.add({ severity: 'success', summary: 'Saved', detail: 'All settings saved', life: 4000 });
@@ -162,6 +164,11 @@
 		saveLoading.value = false;
 	};
 
+	// APPEARANCE
+
+	let lastSavedAppearance = user.appearance;
+	onUnmounted(() => auth.setAppearance(lastSavedAppearance));
+
 	// SYNC WITH GITHUB
 
 	const loadingIconId = ref<number | null>(null);
diff --git a/store/auth.ts b/store/auth.ts
index e968e3d3..5b5ce7c4 100644
--- a/store/auth.ts
+++ b/store/auth.ts
@@ -79,5 +79,8 @@ export const useAuth = defineStore('auth', {
 				console.error(error);
 			}
 		},
+		setAppearance (appearance: AuthState['user']['appearance']) {
+			this.user.appearance = appearance;
+		},
 	},
 });

From 19dd27132c1341095029b3d9a179018939a13cd4 Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Sat, 7 Sep 2024 13:04:58 +0200
Subject: [PATCH 12/16] feat: use autocomplete for gh orgs

---
 pages/probes/[id].vue |  2 +-
 pages/settings.vue    | 25 +++++++++++++++++++------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/pages/probes/[id].vue b/pages/probes/[id].vue
index 86970a75..9b9b3834 100644
--- a/pages/probes/[id].vue
+++ b/pages/probes/[id].vue
@@ -133,7 +133,7 @@
 					multiple
 					disabled
 					:pt="{
-						inputMultiple: 'pb-1 pr-28',
+						inputMultiple: 'pb-1 pr-28 min-h-10',
 						inputChip: 'hidden',
 						chipItem: 'mt-1'
 					}"
diff --git a/pages/settings.vue b/pages/settings.vue
index cf575e86..32b264d6 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -57,20 +57,34 @@
 			<div class="grow">
 				<label for="email" class="block font-bold">Email</label>
 				<InputText id="email" v-model="email" class="mt-2 w-full"/>
-				<!-- TODO: P2: let's use a "tag-like" design here, like we have for token origins -->
-				<!-- should also resolve issues with overflows by breaking it up into several lines when there are many values -->
 				<label for="organizations" class="mt-6 block font-bold">Organizations</label>
 				<div class="relative mt-2">
+					<AutoComplete
+						id="tags"
+						v-model="user.github_organizations"
+						class="pointer-events-auto cursor-auto select-auto bg-transparent dark:bg-transparent"
+						chip-icon="hidden"
+						multiple
+						disabled
+						:pt="{
+							inputMultiple: 'pb-1 pr-48 min-h-10',
+							inputChip: 'hidden',
+							chipItem: 'mt-1'
+						}"
+						:pt-options="{ mergeProps: true }"
+						:typeahead="false"
+					/>
 					<Button
 						severity="contrast"
+						size="small"
 						text
 						label="Sync from GitHub"
+						aria-label="Sync from GitHub"
 						:icon="loadingIconId === 2 ? 'pi pi-sync pi-spin' : 'pi pi-sync'"
-						class="!absolute right-8 top-[5px] h-6 bg-transparent !px-1 hover:bg-transparent"
+						class="!absolute right-8 top-2 h-6 bg-transparent !px-1 hover:bg-transparent"
 						@click="syncFromGithub(2)"
 					/>
-					<i class="pi pi-lock absolute right-3 top-2.5 text-bluegray-500"/>
-					<InputText id="organizations" v-model="organizationsString" disabled class="pointer-events-auto w-full cursor-text select-auto bg-transparent pr-44 dark:bg-transparent"/>
+					<i class="pi pi-lock absolute right-3 top-3 text-bluegray-500"/>
 				</div>
 				<label for="userType" class="mt-6 block font-bold">User type</label>
 				<div class="relative mt-2">
@@ -130,7 +144,6 @@
 	const lastName = ref(user.last_name);
 	const appearance = ref(user.appearance);
 	const email = ref(user.email);
-	const organizationsString = computed(() => user.github_organizations.join(', '));
 
 	const themeOptions = [
 		{ name: 'Auto', value: null, icon: 'pi pi-cog' },

From 3d75984a6d0aa084da1b2761e410d1032f10045e Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Sat, 7 Sep 2024 13:51:20 +0200
Subject: [PATCH 13/16] fix: remove unnecessary aria-label

---
 pages/settings.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/settings.vue b/pages/settings.vue
index 32b264d6..e452cd34 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -79,7 +79,6 @@
 						size="small"
 						text
 						label="Sync from GitHub"
-						aria-label="Sync from GitHub"
 						:icon="loadingIconId === 2 ? 'pi pi-sync pi-spin' : 'pi pi-sync'"
 						class="!absolute right-8 top-2 h-6 bg-transparent !px-1 hover:bg-transparent"
 						@click="syncFromGithub(2)"

From 70183f6e731fda592e004a0cb9e7587d1fcf19e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20Kol=C3=A1rik?= <martin@kolarik.sk>
Date: Thu, 19 Sep 2024 15:05:23 +0200
Subject: [PATCH 14/16] fix: fixed but improved probes table layout

---
 pages/probes.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/probes.vue b/pages/probes.vue
index 016a442e..2514774b 100644
--- a/pages/probes.vue
+++ b/pages/probes.vue
@@ -23,7 +23,7 @@
 				<template #header>
 					<h3 class="px-2">List of probes</h3>
 				</template>
-				<Column body-class="!p-0 h-16">
+				<Column class="w-96" body-class="!p-0 h-16">
 					<template #header>
 						Name <i v-tooltip.top="'Private name of the probe, visible only to you'" class="pi pi-info-circle"/>
 					</template>
@@ -38,7 +38,7 @@
 						</NuxtLink>
 					</template>
 				</Column>
-				<Column header="Location" body-class="!p-0 h-16">
+				<Column header="Location" class="w-96" body-class="!p-0 h-16">
 					<template #body="slotProps">
 						<NuxtLink :to="`/probes/${slotProps.data.id}`" class="flex h-full items-center" @click="openProbeDetails(slotProps.data.id)">
 							<div class="px-2 py-3">

From 68ae2ed79d48f0d65bd6a047c0e2aeb6b2311ced Mon Sep 17 00:00:00 2001
From: Alexey Yarmosh <yarmoshalexey@gmail.com>
Date: Wed, 11 Sep 2024 22:07:05 +0200
Subject: [PATCH 15/16] fix: responsive credits chart width (#19)

---
 components/CreditsChart.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/CreditsChart.vue b/components/CreditsChart.vue
index 8685d3b6..05807097 100644
--- a/components/CreditsChart.vue
+++ b/components/CreditsChart.vue
@@ -1,5 +1,7 @@
 <template>
-	<Chart type="line" :data="chartData" :options="chartOptions" class="h-30rem"/>
+	<div class="credits-chart">
+		<Chart type="line" :data="chartData" :options="chartOptions" class="h-40"/>
+	</div>
 </template>
 
 <script setup lang="ts">
@@ -185,3 +187,11 @@ Spent: ${changes.value[ctx[0].dataIndex].spent.toLocaleString('en-US')}`,
 		},
 	}));
 </script>
+
+<style>
+	/* https://github.com/chartjs/Chart.js/issues/11005 */
+	.credits-chart canvas {
+		width: 100% !important;
+		height: 100% !important;
+	}
+</style>

From 7aa845353514fb2b9e7345f5ffbb789482030419 Mon Sep 17 00:00:00 2001
From: Alex Yarmosh <yarmoshalexey@gmail.com>
Date: Thu, 19 Sep 2024 15:15:42 +0200
Subject: [PATCH 16/16] fix: scroll only content on desktop (#20)

---
 layouts/default.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index a02f4f85..79140d2d 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -110,7 +110,7 @@
 				</NuxtLink>
 			</div>
 		</aside>
-		<div class="max-lg:overflow-x-scroll">
+		<div class="overflow-auto">
 			<slot/>
 		</div>
 	</section>