Merge pull request #277 from ember-learn/prettier

apply prettier to all our hbs files

Author: mansona

.prettierignore

@@ -7,9 +7,6 @@
 # mirage data
 /mirage/data
 
-# tempoariliy ignore hbs files
-*.hbs
-
 # misc
 /coverage/
 !.*

app/components/filter-menu.hbs

@@ -11,4 +11,4 @@
       {{filterName}}
     </LinkTo>
   {{/each}}
-</div>
+</div>

app/components/github-label.hbs

@@ -1,6 +1,3 @@
-<span
-  local-class="label"
-  style={{this.styleForLabel}}
->
+<span local-class="label" style={{this.styleForLabel}}>
   {{remove-emoji-shortcode @label}}
 </span>

app/templates/application.hbs

@@ -6,4 +6,4 @@
   {{outlet}}
 </main>
 
-<EsFooter />
+<EsFooter />

app/templates/index.hbs

@@ -1,6 +1,6 @@
 <div class="bg-shape-boxes pt-5" local-class="container">
   <div class="mb-4 pt-4" local-class="header-container">
-    <img alt="" src="../images/ember-help-wanted-logo.svg">
+    <img alt="" src="../images/ember-help-wanted-logo.svg" />
     <h1 class="text-hero-xl" local-class="header">
       Ember Help Wanted
     </h1>
@@ -25,7 +25,8 @@
               @title={{githubRepository.name}}
             >
               <p>
-                Forks: {{githubRepository.forksCount}}
+                Forks:
+                {{githubRepository.forksCount}}
               </p>
             </EsLinkCard>
           {{/each}}
@@ -39,45 +40,58 @@
       </h2>
 
       <p local-class="paragraph">
-        This app is designed to help community members find issues in the Ember ecosystem that are requesting some extra
-        help! The goal would be for this to work well for project nights for meetups, conferences and anyone else
-        interested in hacking on various projects while also helping the main Ember repositories get much needed help
-        with issues.
+        This app is designed to help community members find issues in the Ember
+        ecosystem that are requesting some extra help! The goal would be for
+        this to work well for project nights for meetups, conferences and anyone
+        else interested in hacking on various projects while also helping the
+        main Ember repositories get much needed help with issues.
       </p>
 
       <h3>Big Picture</h3>
 
       <p local-class="paragraph">
-        To accomplish this, we use a <a href="https://github.com/ember-learn/ember-help-wanted-server">Node backend</a>
-        that receives Github webhook notifications about issues across a number of Ember projects. The backend will
-        filter those issues and store them to act as our "pool" of potential issues that potential contributors can work
-        on.
+        To accomplish this, we use a
+        <a href="https://github.com/ember-learn/ember-help-wanted-server">Node
+          backend</a>
+        that receives Github webhook notifications about issues across a number
+        of Ember projects. The backend will filter those issues and store them
+        to act as our "pool" of potential issues that potential contributors can
+        work on.
       </p>
 
       <p local-class="paragraph">
-        Those issues will then surface in this Ember app, where they can be searched and filtered in various ways as
-        each potential contributor desires. We may add some level of curation to the issues (whether that is needed is
-        still to be determined) or in other ways editorialize as issues show up in the app.
+        Those issues will then surface in this Ember app, where they can be
+        searched and filtered in various ways as each potential contributor
+        desires. We may add some level of curation to the issues (whether that
+        is needed is still to be determined) or in other ways editorialize as
+        issues show up in the app.
       </p>
 
       <p local-class="paragraph">
-        Meetup organizers (and contributor workshops at various Ember conferences) can also use this as a tool to sort
-        through issues and pick subsets for their meetings. For example, if a Meetup group wants to help its members
-        learn more about Ember Data, a meetup organizer could go through the existing pool of issues and cherry-pick
-        5-10 issues for folks to focus on for that evening that would help with that. This tool could be used as a
-        foundation for running the Contributors Workshop that occurs each year at EmberConf.
+        Meetup organizers (and contributor workshops at various Ember
+        conferences) can also use this as a tool to sort through issues and pick
+        subsets for their meetings. For example, if a Meetup group wants to help
+        its members learn more about Ember Data, a meetup organizer could go
+        through the existing pool of issues and cherry-pick 5-10 issues for
+        folks to focus on for that evening that would help with that. This tool
+        could be used as a foundation for running the Contributors Workshop that
+        occurs each year at EmberConf.
       </p>
 
       <p local-class="paragraph">
-        Long-term, we are considering ways to make this easily findable by anyone who wants to contribute to Ember-
-        tweeting out major new issues, or in other ways that communicate key pieces of info to the Ember community. We
-        could potentially use it as a way of posting "maintainer wanted" messages as well. Do you have more ideas? Let
-        us know!
+        Long-term, we are considering ways to make this easily findable by
+        anyone who wants to contribute to Ember- tweeting out major new issues,
+        or in other ways that communicate key pieces of info to the Ember
+        community. We could potentially use it as a way of posting "maintainer
+        wanted" messages as well. Do you have more ideas? Let us know!
       </p>
 
       <p local-class="paragraph">
-        To learn more, visit <a href="https://github.com/ember-learn/ember-help-wanted">ember-help-wanted GitHub repo</a>.
+        To learn more, visit
+        <a
+          href="https://github.com/ember-learn/ember-help-wanted"
+        >ember-help-wanted GitHub repo</a>.
       </p>
     </div>
   </div>
-</div>
+</div>

app/templates/issues.hbs

@@ -3,10 +3,7 @@
   <FilterMenu />
 
   <form {{on "submit" this.filterIssues}}>
-    <label
-      for="search-input-issues"
-      local-class="search-label"
-    >
+    <label for="search-input-issues" local-class="search-label">
       Keyword
     </label>
 
@@ -16,7 +13,7 @@
       local-class="search-input"
       type="text"
       value={{this.keyword}}
-     {{on "input" this.updateKeyword}}
+      {{on "input" this.updateKeyword}}
     />
 
     <EsButton
@@ -29,7 +26,10 @@
     {{#if this.label}}
       <div local-class="label-filter-container">
         <p>
-          In addition, look for issues with the label <span local-class="label-filter">{{remove-emoji-shortcode this.label}}</span>.
+          In addition, look for issues with the label
+          <span local-class="label-filter">{{remove-emoji-shortcode
+              this.label
+            }}</span>.
         </p>
 
         <EsButton
@@ -47,7 +47,8 @@
   </form>
 
   <p class="text-sm" local-class="num-results-found">
-    {{@model.length}} issues displayed
+    {{@model.length}}
+    issues displayed
   </p>
 </section>
 
@@ -96,8 +97,8 @@
                 target="_blank"
               >
                 {{githubIssue.repositoryName}}
-              </a>,
-              updated <b>{{time-from-now githubIssue.updatedAt}}</b>
+              </a>, updated
+              <b>{{time-from-now githubIssue.updatedAt}}</b>
             </p>
 
             {{#each githubIssue.labels as |label|}}
@@ -118,4 +119,4 @@
       {{/each}}
     </ul>
   </div>
-</div>
+</div>

app/templates/loading.hbs

@@ -8,4 +8,4 @@
   <div local-class="sk-cube sk-cube7"></div>
   <div local-class="sk-cube sk-cube8"></div>
   <div local-class="sk-cube sk-cube9"></div>
-</div>
+</div>

app/templates/pull-requests.hbs

@@ -1,9 +1,10 @@
-{{page-title 'Pull Requests (' @model.length ')'}}
+{{page-title "Pull Requests (" @model.length ")"}}
 {{outlet}}
 
-<div class='container' local-class='body-container'>
-  <h2 class='text-xl pb-3'>
-    {{ @model.length }} open pull requests
+<div class="container" local-class="body-container">
+  <h2 class="text-xl pb-3">
+    {{@model.length}}
+    open pull requests
   </h2>
   <table>
     <thead>