Skip to content

Commit

Permalink
feat: remove counter animation
Browse files Browse the repository at this point in the history
  • Loading branch information
Akryum committed Apr 8, 2024
1 parent 354087d commit a6a9b81
Showing 1 changed file with 1 addition and 10 deletions.
11 changes: 1 addition & 10 deletions packages/histoire-app/src/app/components/app/HomeCounter.vue
@@ -1,6 +1,4 @@
<script setup lang="ts">
import { ref, toRefs } from 'vue'
import { useTransition, syncRefs } from '@vueuse/core'
import { Icon } from '@iconify/vue'
const props = defineProps({
Expand All @@ -17,13 +15,6 @@ const props = defineProps({
default: 0,
},
})
const { count } = toRefs(props)
const delayedCount = ref(0)
const animatedCount = useTransition(delayedCount, { delay: 100, duration: 700 })
syncRefs(count, delayedCount)
</script>

<template>
Expand All @@ -36,7 +27,7 @@ syncRefs(count, delayedCount)
<span
class="htw-text-primary-500 htw-min-w-[80px] htw-font-bold"
>
{{ animatedCount.toFixed() }}
{{ count }}
</span>
<span
class="htw-text-sm htw-text-gray-900 dark:htw-text-gray-100"
Expand Down

0 comments on commit a6a9b81

Please sign in to comment.