Composable SimpleCounter

simpleCounter.js

import { ref, computed } from "@vue/composition-api";
export default function composableSimpleCounter () {
    const counter = ref(0);
    const increment = () => {
        counter.value++;
    };
    const decrement = () => {
        counter.value--;
    };
    const counterComputed = computed(() => {
        if (counter.value === 0) return counter.value;
        return counter.value > 0 ? `+${counter.value}` : `${counter.value}`;
    });
    return { counter, counterComputed, increment, decrement };
}