App.vue

<script type="text/jsx">
import { ref, reactive, watch, toRefs, defineComponent } from "vue";

const App = defineComponent({
  setup() {
    const count = ref(0);

    const inc = () => {
      count.value++;
    };

    const dec = () => {
      count.value--;
    };

    return () => (
        <>
          <p>{count.value}</p>
          <CounterButton text="Incrementar" onClicked={inc} />
          <CounterButton text="Decrementar" onClicked={dec} />   
        </>
    );
  },
});
export default App

const CounterButton = defineComponent({
  props: ["text"],
  emits: ["clicked"],
  setup(props, {emit}) {
    return () => <button onClick={() => emit("clicked")}>{props.text}</button>
  }
})
</script>