import { around } from 'meld';
import BaseView from 'plug/views/users/menu/UserMenuView';
import bel from 'bel';

export default BaseView.extend({
  render() {
    this._super();
    this.$el.append(bel`
      <div class="item extplug-plugins" data-value="extplug-plugins">
        <i class="icon icon-extplug-plugins"></i>
        <span class="label">Plugins</span>
      </div>
    `);

    this.$('.extplug-plugins').on('click', this.onPluginsClick.bind(this));
  },

  remove() {
    this.$('.extplug-plugins').off();
    this._super();
  },

  onPluginsClick() {
    // Prevent firing the change:section event for this change.
    const advice = around(this, 'trigger', () => {});
    this.select('extplug-plugins');
    advice.remove();
    this.trigger('extplug:plugins');
  },
});

@@ -90,18 +90,19 @@
 %0Aimport 
-be
+htm
 l from '
@@ -169,24 +169,25 @@
 s._super();%0A
+%0A
     this.$el
@@ -194,18 +194,19 @@
 .append(
-be
+htm
 l%60%0A     
@@ -268,16 +268,69 @@
 plugins%22
+%0A           onclick=$%7Bthis.onPluginsClick.bind(this)%7D
 %3E%0A      
@@ -446,154 +446,19 @@
     
-this.$('.extplug-plugins').on('click', this.onPluginsClick.bind(this));%0A  %7D,%0A%0A  remove() %7B%0A    this.$('.extplug-plugins').off();%0A    this._super()
+return this
 ;%0A  

Attach event with bel in UserMenuView.