Ember/5/Fpe Observes

Last update

Jul 24, 2024

Before

import EmberObject from '@ember/object';

export default EmberObject.extend({
	valueObserver: function () {
		// Executes whenever the "value" property changes
	}.observes('value'),
});

After

import EmberObject from '@ember/object';

export default EmberObject.extend({
	valueObserver: observer('value', function () {
		// Executes whenever the "value" property changes
	}),
});

Before

import EmberObject from '@ember/object';

export default EmberObject.extend({
	valueObserver: function () {
		// Executes whenever the "value" property changes
	}.observes('value'),
});

After

import EmberObject from '@ember/object';

export default EmberObject.extend({
	valueObserver: observer('value', function () {
		// Executes whenever the "value" property changes
	}),
});

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community

Get Started Now