♻️ Running Codemods

tests/dummy/app/templates/another-page.hbs

@@ -3,7 +3,7 @@
     <h1>Opened In The Same Tab!</h1>
     <p>
       See how the first link opened to this page in the same tab? Perfect.
-      {{#link-to "index"}}Now go back and try the other link from the same example.{{/link-to}}
+      <LinkTo @route="index">Now go back and try the other link from the same example.</LinkTo>
       Notice that it will open in another tab because its origin isn't from ember-cli-marked-down.cybertooth.io.
     </p>
   </div>

tests/dummy/app/templates/application.hbs

@@ -13,9 +13,9 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      {{#link-to "index" class="navbar-brand"}}
+      <LinkTo @route="index" class="navbar-brand">
         ember-cli-marked-down
-      {{/link-to}}
+      </LinkTo>
     </div>
 
     {{! Collect the nav links, forms, and other content for toggling }}

tests/dummy/app/templates/index.hbs

@@ -139,12 +139,12 @@ If you did get an alert, please let us know!!!"
 
   <div class="row">
     <div class="col-sm-4 form-group">
-      {{#set-links-target}}
+      <SetLinksTarget>
         {{marked-down
           "This link will open in a new tab (`_blank`) [https://github.com/cybertoothca/
           ember-cli-marked-down](https://github.com/cybertoothca/ember-cli-marked-down)"
         }}
-      {{/set-links-target}}
+      </SetLinksTarget>
     </div>
     <div class="col-sm-8">
       {{! @formatter:off }}
@@ -181,13 +181,13 @@ If you did get an alert, please let us know!!!"
 
   <div class="row">
     <div class="col-sm-4 form-group">
-      {{#set-links-target excludeSelfLinks?=true}}
+      <SetLinksTarget @excludeSelfLinks?={{true}}>
         {{marked-down
           "This link will open in the same tab its origin is the same as the current page you're on: [http://ember-cli-marked-down.cybertooth.io/another-page](http://ember-cli-marked-down.cybertooth.io/another-page)
 
 This link continues to open in another tab: [https://github.com/cybertoothca/ember-cli-marked-down](https://github.com/cybertoothca/ember-cli-marked-down)"
         }}
-      {{/set-links-target}}
+      </SetLinksTarget>
     </div>
     <div class="col-sm-8">
       {{! @formatter:off }}

tests/integration/components/set-links-target-test.js

@@ -13,38 +13,38 @@ module('Integration | Component | set links target', function (hooks) {
 
   test('when the yield does not include any links', async function (assert) {
     await render(hbs`
-      {{#set-links-target}}
+      <SetLinksTarget>
         {{marked-down "### Heading 3"}}
-      {{/set-links-target}}
+      </SetLinksTarget>
     `);
     assert.equal(find('.set-links-target').innerHTML.trim(), '<h3 id="heading3">Heading 3</h3>');
   });
 
   test('when the yield link(s) have target set to _top', async function (assert) {
     await render(hbs`
-      {{#set-links-target targetValue="_top"}}
+      <SetLinksTarget @targetValue="_top">
         {{marked-down "[Some Link](http://github.com)"}}
-      {{/set-links-target}}
+      </SetLinksTarget>
     `);
     assert.dom('a').hasAttribute('target', '_top');
     assert.dom('a').hasNoAttribute('rel');
   });
 
   test('when the yields link(s) do not have a target value, _blank is added', async function (assert) {
     await render(hbs`
-      {{#set-links-target}}
+      <SetLinksTarget>
         {{marked-down "[Some Link](http://github.com)"}}
-      {{/set-links-target}}
+      </SetLinksTarget>
     `);
     assert.dom('a').hasAttribute('target', '_blank');
     assert.dom('a').hasAttribute('rel', 'noopener noreferrer');
   });
 
   test('when excludeSelfLinks is false, the target is applied to local links', async function (assert) {
     await render(hbs`
-      {{#set-links-target excludeSelfLinks?=false}}
+      <SetLinksTarget @excludeSelfLinks?={{false}}>
         {{marked-down "[Some Link](http://localhost:7357/some/path)"}}
-      {{/set-links-target}}
+      </SetLinksTarget>
     `);
     assert.dom('a').hasAttribute('target', '_blank');
     assert.dom('a').hasAttribute('rel', 'noopener noreferrer');
@@ -53,9 +53,9 @@ module('Integration | Component | set links target', function (hooks) {
   test('when excludeSelfLinks defaults to true, the target is not applied to such links', async function (assert) {
     this.set('origin', window.document.location.origin);
     await render(hbs`
-      {{#set-links-target}}
+      <SetLinksTarget>
         {{marked-down (concat "[Some Link](" origin "/some/path)")}}
-      {{/set-links-target}}
+      </SetLinksTarget>
     `);
     assert.dom('a').hasNoAttribute('target');
     assert.dom('a').hasNoAttribute('rel');
@@ -64,9 +64,9 @@ module('Integration | Component | set links target', function (hooks) {
   test('when excludeSelfLinks is explicitly set to true, the target is not applied to such links', async function (assert) {
     this.set('origin', window.document.location.origin);
     await render(hbs`
-      {{#set-links-target excludeSelfLinks?=true}}
+      <SetLinksTarget @excludeSelfLinks?={{true}}>
         {{marked-down (concat "[Some Link](" origin "/some/path)")}}
-      {{/set-links-target}}
+      </SetLinksTarget>
     `);
     assert.dom('a').hasNoAttribute('target');
     assert.dom('a').hasNoAttribute('rel');
@@ -75,9 +75,9 @@ module('Integration | Component | set links target', function (hooks) {
   test('when the target is set for one of several links', async function (assert) {
     this.set('origin', window.document.location.origin);
     await render(hbs`
-      {{#set-links-target}}
+      <SetLinksTarget>
         {{marked-down (concat "[Some Link That Opens In Same Tab](" origin "/some/path) [Another Link That Will Open In A New Tab](https://github.com/cybertoothca/ember-cli-marked-down)")}}
-      {{/set-links-target}}
+      </SetLinksTarget>
     `);
     assert.dom('a').hasNoAttribute('target');
     assert.dom('a').hasNoAttribute('rel');