discourse-custom-wizard/assets/javascripts/wizard/components/validator.js.es6

import Component from "@ember/component";
import { not } from "@ember/object/computed";
import { observes } from "discourse-common/utils/decorators";

export default Component.extend({
    classNameBindings: ['isValid', 'isInvalid'],
    validMessageKey: null,
    invalidMessageKey: null,
    isValid: null,
    isInvalid: not('isValid'),
    layoutName: 'components/validator', // useful for sharing the template with extending components
    @observes('perform')
    performValidation() {
      this.validate();
    },
});