Prettier complains that @discourseComputed cannot be used to decorate literal properties

pfaffman · July 10, 2023, 5:35pm

I don’t understand why prettier is unhappy with the following code. Error is SyntaxError: Decorators cannot be used to decorate object literal properties. (9:3)

github.com

literatecomputing/discourse-radiant-member/blob/main/assets/javascripts/discourse/components/radiant-info.js.es6#L9


      
          import Component from "@ember/component";
          import discourseComputed from "discourse-common/utils/decorators";
          
          function splitGroup(item) {
            const x = item.split(":");
            return { group: x[0], required: x[1] };
          }
          export default Component.extend({
            @discourseComputed("siteSettings.radiant_group_values")
            groupStatus(values) {
              let required = values.split("|").map(splitGroup);
              return required;
            },
          });

I have the same construction in other places that look, to me, to be exactly the same.

EDIT: this seems to have started working for reasons completely unclear. I’ll delete this next. Except I can’t.