Use double quotes everywhere (#433)

Author: ctjhoa

.template-lintrc.js

@@ -1,8 +1,5 @@
 'use strict';
 
 module.exports = {
-  extends: 'recommended',
-  rules: {
-    quotes: 'single'
-  }
+  extends: 'recommended'
 };

addon/components/api/x-class/template.hbs

@@ -1,4 +1,4 @@
-<h1 class='docs-h1' data-test-class-name>{{class.name}}</h1>
+<h1 class="docs-h1" data-test-class-name>{{class.name}}</h1>
 
 {{! wrapping in a div seems to work around https://github.com/ember-learn/ember-cli-addon-docs/issues/7 }}
 <div data-test-class-description>{{{class.description}}}</div>

addon/components/api/x-component/template.hbs

@@ -1,4 +1,4 @@
-<h1 class='docs-h1' data-test-component-name>{{component.name}}</h1>
+<h1 class="docs-h1" data-test-component-name>{{component.name}}</h1>
 
 {{! wrapping in a div seems to work around https://github.com/ember-learn/ember-cli-addon-docs/issues/7 }}
 <div data-test-component-name>{{{component.description}}}</div>
@@ -19,7 +19,7 @@
           deprecated=(if component.hasDeprecated showDeprecated)
         )
 
-        onToggle=(action 'updateFilter')
+        onToggle=(action "updateFilter")
       }}
     {{/if}}
   {{/api/x-meta-panel}}

addon/components/api/x-section/template.hbs

@@ -1,18 +1,18 @@
 <div data-test-item class="docs-pb-8">
   <h3
     id={{item.name}}
-    data-text="{{item.name}}"
+    data-text={{item.name}}
     data-test-item-header
     class="docs-h3 docs-font-mono docs-font-normal"
   >
-    {{#if (eq item.exportType 'default')}}
+    {{#if (eq item.exportType "default")}}
       <span class="docs-border docs-border-grey-light docs-align-text-top docs-leading-loose docs-text-xxs docs-pl-2 docs-mr-2 docs-py-1 docs-rounded">
         Default
       </span>
     {{/if}}
 
     {{#if (or item.isClass item.isComponent)}}
-      {{#link-to 'docs.api.item' (concat 'modules/' item.id) class='hover:underline'}}
+      {{#link-to "docs.api.item" (concat "modules/" item.id) class="hover:underline"}}
         <strong>{{item.name}}</strong>
       {{/link-to}}
     {{else}}

addon/components/api/x-toggles/template.hbs

@@ -6,7 +6,7 @@
           <input type="checkbox"
             checked={{toggle}}
             onclick={{action onToggle key}}
-            class='docs-mr-1'
+            class="docs-mr-1"
           >
 
           {{capitalize key}}

addon/components/docs-demo/template.hbs

@@ -1,8 +1,8 @@
 <div class="docs-rounded docs-border docs-border-grey-lighter docs-my-8 {{class}}">
 
   {{yield (hash
-    example=(component 'docs-demo/x-example')
-    snippet=(component 'docs-demo/x-snippet' did-init=(action 'registerSnippet') activeSnippet=activeSnippet)
+    example=(component "docs-demo/x-example")
+    snippet=(component "docs-demo/x-snippet" did-init=(action "registerSnippet") activeSnippet=activeSnippet)
   )}}
 
   <div>
@@ -13,15 +13,15 @@
         docs-border-grey-darkest
       ">
         {{#each snippets as |snippet|}}
-          <button {{action 'selectSnippet' snippet}}
-            class='
+          <button {{action "selectSnippet" snippet}}
+            class="
               docs-mr-4 docs-text-xs docs-no-underline outline-none
               hover:docs-text-grey-lighter
               {{if snippet.isActive
-                'docs-text-grey-lighter'
-                'docs-text-grey-dark'
+                "docs-text-grey-lighter"
+                "docs-text-grey-dark"
               }}
-            '
+            "
           >
             {{snippet.label}}
           </button>

addon/components/docs-header/link/template.hbs

@@ -1,24 +1,24 @@
 {{#if href}}
 
   <a href={{href}}
-    class='
+    class="
       docs-px-4 docs-py-5 docs-transition docs-uppercase docs-text-xxs docs-font-bold
       docs-text-grey-darkest docs-no-underline hover:docs-text-brand
-      {{if push 'docs-ml-auto'}}
-    '
+      {{if push "docs-ml-auto"}}
+    "
     data-test-id={{data-test-id}}>
     {{yield}}
   </a>
 
 {{else if on-click}}
 
   <a {{action on-click}}
-    href='#'
-    class='
+    href="#"
+    class="
       docs-px-4 docs-py-5 docs-transition docs-uppercase docs-text-xxs docs-font-bold
       docs-text-grey-darkest docs-no-underline hover:docs-text-brand
-      {{if push 'docs-ml-auto'}}
-    '
+      {{if push "docs-ml-auto"}}
+    "
     data-test-id={{data-test-id}}>
     {{yield}}
   </a>
@@ -27,14 +27,14 @@
 
   {{#link-to route
     class=(concat
-      'docs-px-4 docs-py-5 docs-transition docs-uppercase docs-text-xxs
-      docs-font-bold docs-no-underline '
-      (if (not (eq route 'index'))
+      "docs-px-4 docs-py-5 docs-transition docs-uppercase docs-text-xxs
+      docs-font-bold docs-no-underline "
+      (if (not (eq route "index"))
         (if isActive
-          'docs-text-brand'
-          'docs-text-grey-darkest hover:docs-text-brand'
+          "docs-text-brand"
+          "docs-text-grey-darkest hover:docs-text-brand"
         )
-        'docs-text-grey-darkest'
+        "docs-text-grey-darkest"
       )
     )
     data-test-id=data-test-id

addon/components/docs-header/search-box/template.hbs

@@ -1,18 +1,18 @@
-<div class='docs-relative docs-text-grey-darkest' data-search-box>
-  {{svg-jar 'search' width=12 height=12 class='docs-absolute docs-pin-t docs-h-full docs-ml-1'}}
+<div class="docs-relative docs-text-grey-darkest" data-search-box>
+  {{svg-jar "search" width=12 height=12 class="docs-absolute docs-pin-t docs-h-full docs-ml-1"}}
 
   {{!--
     This is a dumb input - so why not use the {{input}} helper? Because apparently
     it takes over enter and ctrl+n/p keys. We are using those for our own shortcuts
     so we stick with the dumb html element. Maybe there's a way to disable them
     and get the convenient two-way binding.
    --}}
-  <input oninput={{action on-input value='target.value'}}
+  <input oninput={{action on-input value="target.value"}}
     value={{query}}
     type="text"
     disabled={{fetchProject.isRunning}}
-    placeholder='SEARCH'
-    class='docs-w-24 docs-text-xxs docs-p-2 docs-pl-6 docs-rounded focus:docs-bg-grey-lighter outline-none'
+    placeholder="SEARCH"
+    class="docs-w-24 docs-text-xxs docs-p-2 docs-pl-6 docs-rounded focus:docs-bg-grey-lighter outline-none"
     data-search-box-input
     data-test-search-box-input
     aria-label="search">

addon/components/docs-header/search-result/template.hbs

@@ -7,7 +7,7 @@
 }}
   <div class="docs-flex docs-items-center">
     {{svg-jar icon height=28 width=28 class="docs-mr-2 docs-flex-no-shrink"}}
-    <span class='docs-truncate'>
+    <span class="docs-truncate">
       {{#if titleMatchesQuery}}
         {{{highlightedTitle}}}
       {{else}}
@@ -17,7 +17,7 @@
   </div>
 
   {{#if (not titleMatchesQuery)}}
-    <small class='docs-text-grey-dark docs-inline-block'>
+    <small class="docs-text-grey-dark docs-inline-block">
       {{{bestMatch}}}
     </small>
   {{/if}}

addon/components/docs-header/search-results/template.hbs

@@ -1,11 +1,11 @@
 {{#if (and trimmedQuery search.isIdle)}}
   {{#modal-dialog
-    tetherTarget='[data-search-box]'
-    attachment='top left'
+    tetherTarget="[data-search-box]"
+    attachment="top left"
     clickOutsideToClose=true
-    onClose=(action 'clearSearch')
-    targetAttachment='bottom left'
-    constraints=(array (hash to='window' attachment='together' pin=true))}}
+    onClose=(action "clearSearch")
+    targetAttachment="bottom left"
+    constraints=(array (hash to="window" attachment="together" pin=true))}}
 
     <ul class="docs-w-76 docs-bg-white docs-shadow-md docs-list-reset" data-test-search-result-list>
       {{#each (take 5 searchResults) as |result index|}}
@@ -14,11 +14,11 @@
             result=result
             query=query
             selected=(eq index selectedIndex)
-            on-mouse-enter=(action 'selectResult' index)
-            on-click=(action 'clearSearch')}}
+            on-mouse-enter=(action "selectResult" index)
+            on-click=(action "clearSearch")}}
         </li>
       {{else}}
-        <li class='docs-block docs-py-1 docs-px-3 docs-text-grey-dark docs-no-underline'>
+        <li class="docs-block docs-py-1 docs-px-3 docs-text-grey-dark docs-no-underline">
           No results.
         </li>
       {{/each}}