Codebase spell checker

.husky/pre-commit

@@ -1,2 +1,3 @@
+npm run cspell
 npm run lint
 npm run build

cspell-dict.txt

@@ -0,0 +1 @@
+quicksnip

cspell.json

@@ -0,0 +1,16 @@
+{
+  "dictionaryDefinitions": [
+    {
+      "name": "workspace",
+      "path": "./cspell-dict.txt",
+      "description": "Custom Workspace Dictionary",
+      "addWords": true
+    }
+  ],
+  "dictionaries": ["workspace"],
+  "ignorePaths": [
+    "node_modules",
+    "dist",
+    "public"
+  ]
+}

package.json

@@ -10,7 +10,8 @@
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "preview": "vite preview",
-    "prepare": "husky"
+    "prepare": "husky",
+    "cspell": "cspell --config cspell.json \"**/*.{ts,tsx,js,jsx,json,html}\""
   },
   "dependencies": {
     "prismjs": "^1.29.0",
@@ -28,6 +29,7 @@
     "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react-swc": "^3.5.0",
+    "cspell": "^8.17.1",
     "eslint": "^9.11.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.7.0",

src/components/CategoryList.tsx

@@ -13,7 +13,7 @@ const CategoryList = () => {
 
   if (loading) return <div>Loading...</div>;
 
-  if (error) return <div>Error occured: {error}</div>;
+  if (error) return <div>Error occurred: {error}</div>;
 
   return (
     <ul role="list" className="categories">

src/components/CopyToClipboard.tsx

@@ -17,7 +17,7 @@ const CopyToClipboard = ({ text, ...props }: Props) => {
         setIsCopied(true);
         setTimeout(() => setIsCopied(false), 2000);
       })
-      .catch((err) => alert("Error occured: " + err));
+      .catch((err) => alert("Error occurred: " + err));
   };
 
   return (

src/hooks/useLanguages.ts

@@ -3,8 +3,9 @@ import { LanguageType } from "@types";
 import { useFetch } from "./useFetch";
 
 export const useLanguages = () => {
-  const { data, loading, error } =
-    useFetch<LanguageType[]>("/consolidated/_index.json");
+  const { data, loading, error } = useFetch<LanguageType[]>(
+    "/consolidated/_index.json"
+  );
 
   return { fetchedLanguages: data || [], loading, error };
 };