<template>
  <div id="app">
    <div>
      {{ counter }}
    </div>
    <div>
      <button @click="handleClick">Inc</button>
    </div>
  </div>
</template>

<script>
import { useCounter } from 'vue-use-counter';

export default {
  name: 'App',
  setup() {
    const { counter, inc } = useCounter();

    function handleClick() {
      inc();
    }

    return {
      counter,
      handleClick,
    };
  },
};
</script>