vue_composition_collisions_demo.js

import { ref } from 'vue';

const useCounterUp = (initialVaue = 0) => {
  const counter = ref(initialVaue);
  const increment = () => counter.value += 1;
  return { counter, increment };
};

const useCounterDown = (initialVaue = 0) => {
  const counter = ref(initialVaue);
  const decrement = () => counter.value += 1;
  return { counter, decrement };
};

export default {
  setup() {
    const {counter: counterUp, increment: incrementCounterUp} = useCounterUp(10)
    const {counter: counterDown, decrement: decrementCounterDown} = useCounterUp(10)
    return { counterUp, counterDown, incrementCounterUp, decrementCounterDown };
  }
};