<template>
  <div>
    <a-checkbox :checked="value" @change="onChange">
      <slot></slot>
    </a-checkbox>
  </div>
</template>

<script>
export default {
  model: {
    prop: "checked",
    event: "change",
  },
  props: {
    checked: {
      required: true,
    },
  },
  computed: {
    value() {
      return this.checked === 1 || this.checked === "1";
    },
  },
  methods: {
    onChange(e) {
      this.$emit("change", e.target.checked ? 1 : 0);
    },
  },
};
</script>

<style lang="less" scoped></style>