diff options
Diffstat (limited to 'src/client/components/number-diff.vue')
| -rw-r--r-- | src/client/components/number-diff.vue | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/src/client/components/number-diff.vue b/src/client/components/number-diff.vue deleted file mode 100644 index 690f89dd59..0000000000 --- a/src/client/components/number-diff.vue +++ /dev/null @@ -1,47 +0,0 @@ -<template> -<span class="ceaaebcd" :class="{ isPlus, isMinus, isZero }"> - <slot name="before"></slot>{{ isPlus ? '+' : '' }}{{ number(value) }}<slot name="after"></slot> -</span> -</template> - -<script lang="ts"> -import { computed, defineComponent } from 'vue'; -import number from '@client/filters/number'; - -export default defineComponent({ - props: { - value: { - type: Number, - required: true - }, - }, - - setup(props) { - const isPlus = computed(() => props.value > 0); - const isMinus = computed(() => props.value < 0); - const isZero = computed(() => props.value === 0); - return { - isPlus, - isMinus, - isZero, - number, - }; - } -}); -</script> - -<style lang="scss" scoped> -.ceaaebcd { - &.isPlus { - color: var(--success); - } - - &.isMinus { - color: var(--error); - } - - &.isZero { - opacity: 0.5; - } -} -</style> |