[i18n] browser help, i18n-content to $i18n{}

chrome/browser/resources/help/help_content.html

  <div class="content-area">
   <div id="about-container">
     <img id="product-logo" srcset="chrome://theme/current-channel-logo@1x 1x,
                                    chrome://theme/current-channel-logo@2x 2x"
         alt="">
     <div id="product-description">
-      <h2 i18n-content="aboutProductTitle"></h2>
-      <span i18n-content="aboutProductDescription"></span>
+      <h2>$i18n{aboutProductTitle}</h2>
+      <span>$i18n{aboutProductDescription}</span>
     </div>
   </div>
   <div id="help-container">
-    <button id="get-help" i18n-content="getHelpWithChrome"></button>
+    <button id="get-help">$i18n{getHelpWithChrome}</button>
 <if expr="_google_chrome">
-    <button id="report-issue" i18n-content="reportAnIssue"></button>
+    <button id="report-issue">$i18n{reportAnIssue}</button>
 </if>
   </div>
   <div id="version-container">
     <div>
-      <span i18n-content="browserVersion" dir="ltr"></span>
+      <span dir="ltr">$i18n{browserVersion}</span>
     </div>
 <if expr="chromeos">
     <div>
-      <span i18n-content="platform"></span>&nbsp;<span id="os-version"></span>
+      <span>$i18n{platform}</span>&nbsp;<span id="os-version"></span>
     </div>
     <div>
-      <span i18n-content="arcVersion">
-      </span>&nbsp;<span id="arc-version"></span>
+      <span>$i18n{arcVersion}</span>&nbsp;<span id="arc-version"></span>
     </div>
     <div>
-      <span i18n-content="firmware"></span>&nbsp;<span id="firmware"></span>
+      <span>$i18n{firmware}</span>&nbsp;<span id="firmware"></span>
     </div>
 </if>
 <if expr="chromeos or _google_chrome or is_linux">
     <div id="update-status-container" hidden>
       <div id="update-status-icon" class="help-page-icon up-to-date"></div>
       <div id="update-status-message-container">
-        <div id="update-status-message" i18n-content="updateCheckStarted">
-        </div>
+        <div id="update-status-message">$i18n{updateCheckStarted}</div>
 <if expr="is_macosx or is_win">
         <div id="update-obsolete-system-container" hidden>
-          <span id="update-obsolete-system"
-              i18n-content="updateObsoleteSystem"></span>
-          <a i18n-values="href:updateObsoleteSystemURL"
-              i18n-content="learnMore" target="_blank"></a>
+          <span id="update-obsolete-system">$i18n{updateObsoleteSystem}</span>
+          <a i18n-values="href:updateObsoleteSystemURL" target="_blank">
+            $i18n{learnMore}
+          </a>
         </div>
 </if>
         <div id="allowed-connection-types-message" hidden></div>
       </div>
     </div>
 <if expr="chromeos">
     <div id="eol-status-container" hidden>
       <div id="eol-status-icon" class="help-page-icon"></div>
       <div id="eol-status-message-container">
         <div id="eol-message"></div>
-        <div id="eol-learnMore" i18n-content="eolLearnMore"></div>
+        <div id="eol-learnMore">$i18n{eolLearnMore}</div>
       </div>
     </div>
 </if>
     <div id="update-buttons-container">
       <div id="update-percentage" hidden></div>
 <if expr="is_macosx">
-      <button id="promote" i18n-content="promote" hidden></button>
+      <button id="promote" hidden>$i18n{promote}</button>
 </if>
-      <button id="relaunch" i18n-content="relaunch" hidden></button>
+      <button id="relaunch" hidden>$i18n{relaunch}</button>
 <if expr="chromeos">
-      <button id="relaunch-and-powerwash"
-          i18n-content="relaunchAndPowerwash" hidden>
+      <button id="relaunch-and-powerwash" hidden>
+        $i18n{relaunchAndPowerwash}
       </button>
-      <button id="request-update" i18n-content="updateButton">
-      </button>
+      <button id="request-update">$i18n{updateButton}</button>
       <div id="controlled-feature-icon" class="help-page-icon" hidden></div>
 </if>
     </div>
 </if>
 <if expr="chromeos">
     <div id="more-info-container">
       <section id="channel-changer-container" hidden>
-        <h3 i18n-content="channel"></h3>
+        <h3>$i18n{channel}</h3>
         <select id="channel-changer">
-          <option value="stable-channel" i18n-content="stable"></option>
-          <option value="beta-channel" i18n-content="beta"></option>
-          <option value="dev-channel" i18n-content="dev"></option>
+          <option value="stable-channel">$i18n{stable}</option>
+          <option value="beta-channel">$i18n{beta}</option>
+          <option value="dev-channel">$i18n{dev}</option>
         </select>
         <div id="channel-change-confirmation" hidden></div>
       </section>
       <section id="channel-change-page-container" hidden>
-        <h3 i18n-content="channel"></h3>
+        <h3>$i18n{channel}</h3>
         <div id="current-channel"></div>
         <div>
-          <span id="dev-channel-disclaimer" i18n-content="devChannelDisclaimer"
-              hidden></span>
+          <span id="dev-channel-disclaimer" hidden>
+            $i18n{devChannelDisclaimer}
+          </span>
         </div>
-        <button id="change-channel"
-            i18n-content="channelChangeButton" disabled>
+        <button id="change-channel" disabled>
+          $i18n{channelChangeButton}
         </button>
         <div id="channel-change-disallowed-icon"
             class="help-page-icon" hidden>
         </div>
       </section>
       <section>
-        <h3 i18n-content="jsEngine" dir="ltr"></h3>
-        <div i18n-content="jsEngineVersion"></div>
+        <h3 dir="ltr">$i18n{jsEngine}</h3>
+        <div>$i18n{jsEngineVersion}</div>
       </section>
       <section>
-        <h3 i18n-content="userAgent"></h3>
-        <div i18n-content="userAgentInfo" dir="ltr"></div>
+        <h3>$i18n{userAgent}</h3>
+        <div dir="ltr">$i18n{userAgentInfo}</div>
       </section>
       <section>
-        <h3 i18n-content="commandLine"></h3>
-        <div i18n-content="commandLineInfo" dir="ltr"></div>
+        <h3>$i18n{commandLine}</h3>
+        <div dir="ltr">$i18n{commandLineInfo}</div>
       </section>
       <section id="build-date-container" class="empty">
-        <h3 i18n-content="buildDate"></h3>
+        <h3>$i18n{buildDate}</h3>
         <div id="build-date"></div>
       </section>
     </div>
-    <a is="action-link" id="more-info-expander" i18n-content="showMoreInfo"></a>
+    <a is="action-link" id="more-info-expander">$i18n{showMoreInfo}</a>
 </if>
   </div>
   <div id="product-container">
-    <div i18n-content="productName"></div>
-    <div i18n-content="productCopyright"></div>
+    <div>$i18n{productName}</div>
+    <div>$i18n{productCopyright}</div>
     <div id="product-license"></div>
 <if expr="chromeos">
     <div id="product-os-license"></div>
 </if>
 <if expr="_google_chrome">
     <div id="product-tos"></div>
 </if>
   </div>
 <if expr="chromeos">
   <div id="regulatory-label-container" hidden>
     <img id="regulatory-label">
   </div>
 </if>
 </div>