fix(typo):correct some typos

.vscode/settings.json

@@ -4,5 +4,15 @@
   },
   "css.lint.unknownAtRules": "ignore",
   "css.validate": false,
-  "files.eol": "\n"
+  "files.eol": "\n",
+  "cSpell.words": [
+    "alipay",
+    "esae",
+    "fontawesome",
+    "fortawesome",
+    "headlessui",
+    "ukphone",
+    "usphone",
+    "vercel"
+  ]
 }

src/components/Donate/index.tsx

@@ -16,7 +16,7 @@ const Donate: React.FC<DonateProps> = ({ state, buttonOnclick, children }) => {
           enter="ease-out duration-30"
           enterFrom="opacity-0 "
           enterTo="opacity-100 "
-          leave="esae-in duration-200"
+          leave="ease-in duration-200"
           leaveFrom="opacity-100"
           leaveTo="opacity-0"
         >

src/components/Word/index.tsx

@@ -3,7 +3,7 @@ import Letter, { LetterState } from './Letter'
 import { isLegal, isChineseSymbol } from '../../utils/utils'
 import useSounds from 'hooks/useSounds'
 import style from './index.module.css'
-import usePronunciationSound from 'hooks/usePronouncation'
+import usePronunciationSound from 'hooks/usePronunciation'
 
 const Word: React.FC<WordProps> = ({ word = 'defaultWord', onFinish, isStart, wordVisible = true }) => {
   word = word.replace(new RegExp(' ', 'g'), '_')

src/hooks/usePronunciation.ts

@@ -17,7 +17,7 @@ export default function usePronunciationSound(word: string): PronounceFunction {
   useEffect(() => {
     audio?.play()
     return () => {
-      // Pause the audio when unmount
+      // Pause the audio when unMount
       audio?.pause()
     }
   }, [audio, word])

src/store/AppState.tsx

@@ -11,7 +11,7 @@ export type AppState = {
    */
   sound: boolean
   /**
-   * Avaiable dictionaries.
+   * Available dictionaries.
    * This field should not be written to `localStorage`.
    */
   dictionaries: Dictionary[]