diff --git a/packages/client/package.json b/packages/client/package.json
index 4af4ff8f6f..fe6288406b 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -8,7 +8,8 @@
},
"dependencies": {
"@khmyznikov/pwa-install": "^0.2.0",
- "chartjs-chart-matrix": "^2.0.1"
+ "chartjs-chart-matrix": "^2.0.1",
+ "gsap": "^3.11.4"
},
"devDependencies": {
"@discordapp/twemoji": "14.0.2",
diff --git a/packages/client/src/components/MkNumber.vue b/packages/client/src/components/MkNumber.vue
new file mode 100644
index 0000000000..58279be0b6
--- /dev/null
+++ b/packages/client/src/components/MkNumber.vue
@@ -0,0 +1,23 @@
+
+{{ number(Math.floor(tweened.number)) }}
+
+
+
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7d1c0150f3..06ec19ecae 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -427,6 +427,7 @@ importers:
date-fns: 2.29.3
escape-regexp: 0.0.1
eventemitter3: 4.0.7
+ gsap: ^3.11.4
idb-keyval: 6.2.0
insert-text-at-cursor: 0.3.0
json5: 2.2.3
@@ -466,6 +467,7 @@ importers:
dependencies:
'@khmyznikov/pwa-install': 0.2.0
chartjs-chart-matrix: 2.0.1_chart.js@4.1.1
+ gsap: 3.11.4
devDependencies:
'@discordapp/twemoji': 14.0.2
'@rollup/plugin-alias': 3.1.9_rollup@3.9.1
@@ -6914,6 +6916,10 @@ packages:
/grapheme-splitter/1.0.4:
resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+ /gsap/3.11.4:
+ resolution: {integrity: sha512-McHhEguHyExMMnjqKA8G+7TvxmlKQGMbjgwAilnFe1e4id7V/tFveRQ2YMZhTYu0oxHGWvbPltdVYQOu3z1SCA==}
+ dev: false
+
/gulp-cli/2.3.0:
resolution: {integrity: sha512-zzGBl5fHo0EKSXsHzjspp3y5CONegCm8ErO5Qh0UzFzk2y4tMvzLWhoDokADbarfZRL2pGpRp7yt6gfJX4ph7A==}
engines: {node: '>= 0.10'}