How to use the ember-bootstrap/components/base/bs-popover/element.extend function in ember-bootstrap

import PopoverElement from 'ember-bootstrap/components/base/bs-popover/element';
import { computed } from '@ember/object';

export default PopoverElement.extend({
  popperClassNames: computed('fade', 'actualPlacement', 'showHelp', function() {
    let classes = ['popover', 'ember-bootstrap-popover', this.get('actualPlacement')];
    if (this.get('fade')) {
      classes.push('fade');
    }
    if (this.get('showHelp')) {
      classes.push('in');
    }
    return classes;
  }),

  /**
   * @property titleClass
   * @private
   */
  titleClass: 'popover-title',

import { computed } from '@ember/object';
import PopoverElement from 'ember-bootstrap/components/base/bs-popover/element';

export default PopoverElement.extend({
  popperClassNames: computed('fade', 'actualPlacement', 'showHelp', function() {
    let classes = ['popover', `bs-popover-${this.get('actualPlacement')}`];
    if (this.get('fade')) {
      classes.push('fade');
    }
    if (this.get('showHelp')) {
      classes.push('show');
    }
    return classes;
  }),

  /**
   * @property titleClass
   * @private
   */
  titleClass: 'popover-header',