vue jsx test

Wow.tsx

import { defineComponent, ref, watch } from "vue";

const Wow = defineComponent({
  props: {
    limit: {
      type: Number,
      required: false,
      default: 12,
    },
  },
  emits: {
    limit: (value: any) => true,
  },
  name: "NotAnon",
  setup({ limit }, { emit }) {
    const count = ref(0);
    const handler = () => count.value++;
    watch(count, () => {
      if (count.value >= limit) {
        console.log("Should emit");
        emit("limit", "its Done");
      }
    });

    console.log(limit);

    return () => (
      <button type="button" onClick={handler}>
        Count: {count.value}
        <div>Så kan du få la være</div>
      </button>
    );
  },
});

export default Wow;