remove missing 'this.' deprecation

Author: mansona

docs/components/button.js

@@ -0,0 +1,13 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+
+export default class ButtonComponent extends Component {
+  @tracked
+  value = 0;
+
+  @action
+  incrementValue() {
+    this.value++;
+  }
+}

docs/components/button.md

@@ -19,11 +19,11 @@ Also supported- block use:
 To add interactivity you can pass an action to `onClicked`
 
 ```handlebars
-<EsButton @onClicked={{action (mut value) (increment value)}}>
+<EsButton @onClicked={{this.incrementValue}}>
   Increment Value
 </EsButton>
 
-{{value}}
+{{this.value}}
 ```
 
 ## Secondary Buttons

docs/components/header.js

@@ -0,0 +1,35 @@
+import Component from '@glimmer/component';
+
+export default class HeaderComponent extends Component {
+  links = [
+    {
+      name: 'Example Links',
+      type: 'dropdown',
+      items: [
+        {
+          href: 'https://guides.emberjs.com/release/',
+          name: 'Ember.js Guides',
+          type: 'link',
+        },
+        {
+          href: 'https://api.emberjs.com',
+          name: 'API Reference',
+          type: 'link',
+        },
+        {
+          href: 'https://cli.emberjs.com',
+          name: 'CLI Guides',
+          type: 'link',
+        },
+        {
+          type: 'divider',
+        },
+        {
+          href: 'https://emberjs.com/learn',
+          name: 'Learn Ember',
+          type: 'link',
+        },
+      ],
+    },
+  ];
+}

docs/components/header.md

@@ -9,7 +9,7 @@ Shows the side wide header with the global navigation.
 If you would like to override the default links you can pass a json object to update the links in the navbar.
 
 ```handlebars
-<EsHeader @links={{links}} />
+<EsHeader @links={{this.links}} />
 ```
 
 You can also use the block form of the component to add extra HTML to the navigation bar

tests/integration/components/es-button-test.js

@@ -36,7 +36,7 @@ module('Integration | Component | es button', function(hooks){
 
     await render(hbs`
       {{es-button
-        label=label
+        label=this.label
       }}
     `);
 
@@ -48,7 +48,7 @@ module('Integration | Component | es button', function(hooks){
 
     setProperties(this, { onClicked });
 
-    await render(hbs`{{es-button onClicked=onClicked}}`);
+    await render(hbs`{{es-button onClicked=this.onClicked}}`);
     await click('button');
 
     assert.ok(onClicked.calledOnce, 'onClicked called');

tests/integration/components/es-header-test.js

@@ -32,7 +32,7 @@ module('Integration | Component | es header', function(hooks) {
 
   test('it renders a link to a custom homepage', async function(assert) {
     setProperties(this, { customHomeUrl });
-    await render(hbs`<EsHeader @home={{customHomeUrl}} />`);
+    await render(hbs`<EsHeader @home={{this.customHomeUrl}} />`);
 
     assert.dom('.navbar-brand-wrapper').hasAttribute('href', customHomeUrl);
   });