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() {
    return { ...useCounterUp(10), ...useCounterDown(5) };
    // both "counter" variables in use... will collide
  }
};