style: Allow Prettier to format HTML files

Also reformat example browser HTML file
webtoon · Jan 27, 2022 · 0b4b9aa · 0b4b9aa
1 parent 8a62ec5
commit 0b4b9aa
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 12 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -1,3 +1,2 @@
 /coverage/
 /dist/
-*.html
diff --git a/examples/browser/statics/index.html b/examples/browser/statics/index.html
@@ -1,29 +1,56 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
   <head>
     <meta charset="UTF-8" />
-    <title>@webtoon/psd - PSD file parser in typescript with zero dependency</title>
+    <title>
+      @webtoon/psd - PSD file parser in typescript with zero dependency
+    </title>
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
     <script src="script.js"></script>
   </head>
   <body>
     <aside>
       <div class="aside-content">
         <h1>@webtoon/psd</h1>
-        <p>A lightweight Adobe Photoshop .psd file parser in typescript with zero-dependency for browsers and NodeJS.</p>
+        <p>
+          A lightweight Adobe Photoshop .psd file parser in typescript with
+          zero-dependency for browsers and NodeJS.
+        </p>
         <div class="badges">
-          <a href="https://github.com/webtoon/psd"><img src="https://img.shields.io/badge/GitHub-webtoon%2Fpsd-00d564?logo=github&logoColor=%23FFF" alt="go github" /></a>
-          <a href="https://github.com/webtoon/psd"><img src="https://img.shields.io/github/stars/webtoon/psd?style=social" alt="stars - @webtoon/psd"></a>
+          <a href="https://github.com/webtoon/psd">
+            <img
+              src="https://img.shields.io/badge/GitHub-webtoon%2Fpsd-00d564?logo=github&logoColor=%23FFF"
+              alt="go github"
+            />
+          </a>
+          <a href="https://github.com/webtoon/psd">
+            <img
+              src="https://img.shields.io/github/stars/webtoon/psd?style=social"
+              alt="stars - @webtoon/psd"
+            />
+          </a>
         </div>
         <h2>Installation</h2>
         <code>$ npm install @webtoon/psd --save</code>
         <h2>Browser compatibility</h2>
         <table class="browser-compatibility">
           <tr>
-            <td><img src="./chrome.svg" alt="Chrome" /><br/><span>Chrome <b>38+</b></span></td>
-            <td><img src="./firefox.svg" alt="FireFox" /><br/><span>FireFox <b>20+</b></span></td>
-            <td><img src="./safari.svg" alt="Safari" /><br/><span>Safari <b>10.1+</b></span></td>
-            <td><img src="./internetexplorer.svg" alt="Internet Explorer" /><br/><span>IE <b>✕</b></span></td>
+            <td>
+              <img src="./chrome.svg" alt="Chrome" />
+              <br /><span>Chrome <b>38+</b></span>
+            </td>
+            <td>
+              <img src="./firefox.svg" alt="FireFox" />
+              <br /><span>FireFox <b>20+</b></span>
+            </td>
+            <td>
+              <img src="./safari.svg" alt="Safari" />
+              <br /><span>Safari <b>10.1+</b></span>
+            </td>
+            <td>
+              <img src="./internetexplorer.svg" alt="Internet Explorer" />
+              <br /><span>IE <b>✕</b></span>
+            </td>
           </tr>
         </table>
         <h2>Features</h2>
@@ -36,7 +63,12 @@ <h2>Features</h2>
         </ul>
       </div>
       <div class="aside-bottom">
-        <p>"@webtoon/psd" maintained with ♥ by <a href="https://webtoonscorp.com" target="_blank"><img src="webtoon.svg" alt="logo" />WEBTOON Inc.</a></p>
+        <p>
+          "@webtoon/psd" maintained with ♥ by
+          <a href="https://webtoonscorp.com" target="_blank">
+            <img src="webtoon.svg" alt="logo" />WEBTOON Inc.
+          </a>
+        </p>
         <p>Contributions are welcome!</p>
       </div>
     </aside>
@@ -45,7 +77,10 @@ <h2>Features</h2>
         <h2>Select psd/psb file</h2>
         <input type="file" accept="image/vnd.adobe.photoshop,.psb" />
         <h2>Results</h2>
-        <p>After the file is selected, the PSD file parsing result is shown below.</p>
+        <p>
+          After the file is selected, the PSD file parsing result is shown
+          below.
+        </p>
         <div id="results"></div>
       </div>
     </section>