How to use the ember-classy-page-object.property function in ember-classy-page-object

async clickWith(options) {
        await click(findElement(this), options);
      },
    },

    checkboxContainer: {
      scope: '[data-test-select-row-container]',

      isHidden: hasClass('et-speech-only'),
    },

    toggleSelect: alias('checkbox.click'),

    collapse: {
      scope: '[data-test-collapse-row]',
      isCollapsed: property('checked'),
    },

    toggleCollapse: alias('collapse.click'),

    isSelected: hasClass('is-selected'),

    /**
      Helper function to click with options like the meta key and ctrl key set

      @param {Object} options - click event options
    */
    async clickWith(options) {
      await click(findElement(this), options);
    },

    doubleClick: triggerable('dblclick'),

cells: collection({
      scope: 'td',

      doubleClick: triggerable('dblclick'),
    }),

    /**
      Returns the height of selected row.
    */
    get height() {
      return findElement(this).offsetHeight;
    },

    checkbox: {
      scope: '[data-test-select-row]',
      isChecked: property('checked'),

      async clickWith(options) {
        await click(findElement(this), options);
      },
    },

    checkboxContainer: {
      scope: '[data-test-select-row-container]',

      isHidden: hasClass('et-speech-only'),
    },

    toggleSelect: alias('checkbox.click'),

    collapse: {
      scope: '[data-test-collapse-row]',