Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MkNumber

Browse Source
This commit is contained in:
ThatOneCalculator 2023-02-13 20:02:41 -08:00
parent 24e49e39db
commit b5a03e40f1
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
3 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/client/package.json
View File

@ -8,7 +8,8 @@
}, },
"dependencies": { "dependencies": {
"@khmyznikov/pwa-install": "^0.2.0", "@khmyznikov/pwa-install": "^0.2.0",
"chartjs-chart-matrix": "^2.0.1" "chartjs-chart-matrix": "^2.0.1",
"gsap": "^3.11.4"
}, },
"devDependencies": { "devDependencies": {
"@discordapp/twemoji": "14.0.2", "@discordapp/twemoji": "14.0.2",

23
packages/client/src/components/MkNumber.vue Normal file
View File

@ -0,0 +1,23 @@
<template>
<span>{{ number(Math.floor(tweened.number)) }}</span>
</template>
<script lang="ts" setup>
import { ref, reactive, watch } from 'vue';
import gsap from 'gsap';
import number from '@/filters/number';
const props = defineProps<{
value: number;
}>();
const tweened = reactive({
number: 0,
});
watch(() => props.value, (n) => {
gsap.to(tweened, { duration: 1, number: Number(n) || 0 });
}, {
immediate: true,
});
</script>

6
pnpm-lock.yaml
View File

@ -427,6 +427,7 @@ importers:
date-fns: 2.29.3 date-fns: 2.29.3
escape-regexp: 0.0.1 escape-regexp: 0.0.1
eventemitter3: 4.0.7 eventemitter3: 4.0.7
gsap: ^3.11.4
idb-keyval: 6.2.0 idb-keyval: 6.2.0
insert-text-at-cursor: 0.3.0 insert-text-at-cursor: 0.3.0
json5: 2.2.3 json5: 2.2.3
@ -466,6 +467,7 @@ importers:
dependencies: dependencies:
'@khmyznikov/pwa-install': 0.2.0 '@khmyznikov/pwa-install': 0.2.0
chartjs-chart-matrix: 2.0.1_chart.js@4.1.1 chartjs-chart-matrix: 2.0.1_chart.js@4.1.1
gsap: 3.11.4
devDependencies: devDependencies:
'@discordapp/twemoji': 14.0.2 '@discordapp/twemoji': 14.0.2
'@rollup/plugin-alias': 3.1.9_rollup@3.9.1 '@rollup/plugin-alias': 3.1.9_rollup@3.9.1
@ -6914,6 +6916,10 @@ packages:
/grapheme-splitter/1.0.4: /grapheme-splitter/1.0.4:
resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==} resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
/gsap/3.11.4:
resolution: {integrity: sha512-McHhEguHyExMMnjqKA8G+7TvxmlKQGMbjgwAilnFe1e4id7V/tFveRQ2YMZhTYu0oxHGWvbPltdVYQOu3z1SCA==}
dev: false
/gulp-cli/2.3.0: /gulp-cli/2.3.0:
resolution: {integrity: sha512-zzGBl5fHo0EKSXsHzjspp3y5CONegCm8ErO5Qh0UzFzk2y4tMvzLWhoDokADbarfZRL2pGpRp7yt6gfJX4ph7A==} resolution: {integrity: sha512-zzGBl5fHo0EKSXsHzjspp3y5CONegCm8ErO5Qh0UzFzk2y4tMvzLWhoDokADbarfZRL2pGpRp7yt6gfJX4ph7A==}
engines: {node: '>= 0.10'} engines: {node: '>= 0.10'}