Vue 3.0.0 qiz reproduction of "Boolean to default false"

test.vue

<template>
  <a-modal v-model:visible="onShow"> </a-modal>
</template>

<script lang="ts">
// import { Options, Vue } from "vue-class-component";

// @Options({
//   props: {
//     show: Boolean,
//   },
//   emits: ["update:show"],
// })
// export default class Settings extends Vue {
//   show!: boolean;

//   public get onShow(): boolean {
//     return this.show;
//   }

//   public set onShow(v: boolean) {
//     this.$emit("update:show", v);
//   }
// }

import { computed, defineComponent } from "vue";

export default defineComponent({
  name: "Settings",
  props: {
    show: {
      type: Boolean,
      default: false, // TODO: wait for v3 to fix the default boolean to false problem.
    },
  },
  setup(props, { emit }) {
    const onShow = computed({
      get: () => {
        return props.show;
      },
      set: (val: boolean) => {
        emit("update:show", val);
      },
    });
    return {
      onShow,
    };
  },
});
</script>

<style>
</style>