Ember/5/Fpe Observes

Last update

Jan 10, 2025

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