feat: add number animate when posts's status has changed (#244)

components/common/AnimateNumber.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+defineProps<{
+  increased: boolean
+}>()
+</script>
+
+<template>
+  <div overflow-hidden h="1.25rem">
+    <div
+      transition="duration-300 transform"
+      :style="{
+        transform: increased ? 'translateY(-50%)' : 'translateY(0%)',
+      }"
+    >
+      <slot />
+      <slot name="next" />
+    </div>
+  </div>
+</template>