How to use the marko/legacy-components.defineComponent function in marko

module.exports = require("marko/legacy-components").defineComponent({
    template: require("./template.marko"),

    init: function() {}
});

module.exports = require("marko/legacy-components").defineComponent({
    template: require("./template.marko"),

    init: function() {}
});

module.exports = require('marko/legacy-components').defineComponent({
    template: require.resolve('./template.marko'),
    getInitialState: function(input) {
        return {
            buttonLabel: 'Initial Button Label'
        };
    },
    getTemplateData: function(state, input) {
        return {
            buttonLabel: state.buttonLabel
        };
    }
});

module.exports = require('marko/legacy-components').defineComponent({
	template: require.resolve('./template.marko'),

	getTemplateData: function(state, input) {
		return {
		};
	},

	init: function() {
		this.mouseMoved = false;
	},

	handleMouseMove: function() {
		this.mouseMoved = true;
	}
});

module.exports = require("marko/legacy-components").defineComponent({
    template: require("./template.marko"),

    getInitialState: function(input) {
        return { interactive: input.interactive };
    },

    getTemplateData: function(state) {
        return {
            interactive: state.interactive
        };
    }
});

var template = require('marko').load(require.resolve('./template.marko'));

module.exports = require('marko/legacy-components').defineComponent({
    createOut: template.createOut,

    renderer: function(input, out) {
        template.render({
                name: input.name
            },
            out);
    },

    setName: function(name) {
        this.getEl('name').innerHTML = name;
    }
});

module.exports = require('marko/legacy-components').defineComponent({
    template: require('./template.marko'),
    
    init: function() {

    }
});

module.exports = require("marko/legacy-components").defineComponent({
    template: require.resolve("./template.marko"),
    getInitialState: function() {
        return {
            buttonSize: "small",
            buttonLabel: "Initial Label"
        };
    },
    getTemplateData: function(state) {
        return {
            buttonSize: state.buttonSize,
            buttonLabel: state.buttonLabel
        };
    },

    update_buttonSize: function(newSize) {
        var button1Widget = this.getWidget("button1");

module.exports = require("marko/legacy-components").defineComponent({
    template: require("./template.marko"),

    init: function() {
        this.name = "app-foo";
    }
});

module.exports = require("marko/legacy-components").defineComponent({
    template: require("./template.marko"),

    init: function() {}
});