How to use the @material/checkbox.MDCCheckbox function in @material/checkbox

mounted: function() {
    const mdcCheckbox = new MDCCheckbox(this.$el);
    const ripple = new MDCRipple(this.$el);
    ripple.unbounded = true;
    this.$nextTick(function() {
      this.$parent.$emit('input-mounted', mdcCheckbox);
    });
  }
};

bind() {
        this.mdcCheckbox = new MDCCheckbox(this.element);
    }

constructor(...args) {
    super(...args);

    this.$element.addClass('mdc-checkbox');
    this.mdc = new MDCCheckbox(this.$element[0]);

    this.$element.ready(() => {
      this.mdc.ripple.layout();
    });
  }

installed() {
    const checkbox = new MDCCheckbox(this.shadowRoot.querySelector('.mdc-checkbox'))
    const formField = new MDCFormField(this.shadowRoot.querySelector('.mdc-form-field'))
		formField.input = checkbox
  }

public componentDidMount() {
    super.componentDidMount();
    if (this.control) {
      this.MDComponent = new MDCCheckbox(this.control);
      this.control.addEventListener('change', this.onChange);
    }
    this.afterComponentDidMount();
  }

mounted() {
        this.mdcCheckbox = new MDCCheckbox(this.$el)
        this.mdcCheckbox.indeterminate = this.indeterminate
    },
    destroyed() {

document.querySelectorAll(".mdc-checkbox").forEach((d) => new MDCCheckbox(d));