fix spelling demo

src/demo-components/SpellingDemo.tsx

@@ -2,8 +2,8 @@ import Examples from "../components/src/Examples";
 import * as T from "../types";
 
 const spellingOptions: {
-    value: T.TextOptions["spelling"],
-    label: string,
+  value: T.TextOptions["spelling"];
+  label: string;
 }[] = [
   {
     value: "Afghan",
@@ -20,8 +20,8 @@ const spellingOptions: {
 ];
 
 const phoneticsOptions: {
-    value: T.TextOptions["phonetics"],
-    label: string,
+  value: T.TextOptions["phonetics"];
+  label: string;
 }[] = [
   {
     value: "lingdocs",
@@ -37,16 +37,26 @@ const phoneticsOptions: {
   },
 ];
 
-function SpellingDemo({ opts, onChange }: {
-    opts: T.TextOptions,
-    onChange: (opts: T.TextOptions) => void,
+function SpellingDemo({
+  opts,
+  onChange,
+}: {
+  opts: T.TextOptions;
+  onChange: (opts: T.TextOptions) => void;
 }) {
-    return <div className="mt-3" style={{ marginBottom: "100px" }}>
+  return (
+    <div className="mt-3" style={{ marginBottom: "100px" }}>
       <ul>
         <li>Converts text between Afghan and Pakistani spelling conventions</li>
-            <li>Generates diacritics for Pashto script when given phonetic script along with Pashto script</li>   
+        <li>
+          Generates diacritics for Pashto script when given phonetic script
+          along with Pashto script
+        </li>
       </ul>
-        <div className="d-block mx-auto card mb-3" style={{ maxWidth: "500px", background: "var(--closer)"}}>
+      <div
+        className="d-block mx-auto card mb-3"
+        style={{ maxWidth: "500px", background: "var(--closer)" }}
+      >
         <div className="card-body">
           <div className="row">
             <div className="col-sm-6 mb-2">
@@ -67,9 +77,7 @@ function SpellingDemo({ opts, onChange }: {
                         });
                       }}
                     />
-                                    <label className="form-check-label">
-                                        {label}
-                                    </label>
+                    <label className="form-check-label">{label}</label>
                   </div>
                 ))}
               </div>
@@ -92,9 +100,7 @@ function SpellingDemo({ opts, onChange }: {
                         });
                       }}
                     />
-                                    <label className="form-check-label">
-                                        {label}
-                                    </label>
+                    <label className="form-check-label">{label}</label>
                   </div>
                 ))}
               </div>
@@ -115,9 +121,7 @@ function SpellingDemo({ opts, onChange }: {
                       });
                     }}
                   />
-                                <label className="form-check-label">
-                                    On
-                                </label>
+                  <label className="form-check-label">On</label>
                 </div>
                 <div className="form-check">
                   <input
@@ -132,9 +136,7 @@ function SpellingDemo({ opts, onChange }: {
                       });
                     }}
                   />
-                                <label className="form-check-label">
-                                    Off
-                                </label>
+                  <label className="form-check-label">Off</label>
                 </div>
               </div>
             </div>
@@ -142,22 +144,25 @@ function SpellingDemo({ opts, onChange }: {
         </div>
       </div>
       <div className="mt-4 text-center">
-            <Examples opts={opts}>{[
+        <Examples opts={opts}>
+          {[
             {
               p: "زما زوی مکتب ته ځي",
               f: "zmaa zooy maktab ta dzee",
             },
             {
               p: "دا ښه سړی دی",
-                    f: "daa xu saRey dey",
+              f: "daa xu saRey day",
             },
             {
               p: "په دکان کې مې ډېر خلک لیدلي دي",
               f: "pu dUkaan ke me Der khalk leedulee dee",
             },
-            ]}</Examples>
+          ]}
+        </Examples>
       </div>
-    </div>;
+    </div>
+  );
 }
 
 export default SpellingDemo;