Add prettier configuration with eslint

Author: technoph1le

.prettierignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+.vite
+coverage
+package-lock.json

CONTRIBUTING.md

@@ -26,7 +26,7 @@ If you have a feature request or want to fix a bug, feel free to:
 
 Head over to the `/public/data` folder and locate the language file you need, like javascript.json or python.json
 
-2. **Find the category:** 
+2. **Find the category:**
 
 Look for the categoryName where your snippet belongs.
 
@@ -36,10 +36,7 @@ Look for the categoryName where your snippet belongs.
 {
   "title": "Name of the snippet",
   "description": "A short explanation of what the snippet does",
-  "code": [
-    "your code goes here",
-    "  this is a newline with a space"
-  ],
+  "code": ["your code goes here", "  this is a newline with a space"],
   "tags": ["tag1", "tag2", "tag3"],
   "author": "your_github_username"
 }
@@ -84,10 +81,7 @@ Use this format:
       {
         "title": "Name of the snippet",
         "description": "A short explanation of what it does",
-        "code": [
-          "your code goes here",
-          "  this is a newline with a space"
-        ],
+        "code": ["your code goes here", "  this is a newline with a space"],
         "tags": ["tag1", "tag2", "tag3"],
         "author": "your_github_username"
       }
@@ -127,7 +121,7 @@ Upload a logo for your language into the `/public/icons` folder. Make sure the f
 
 5. **Double-check your work:**
 
-Test on your side and confirm if it works properly. 
+Test on your side and confirm if it works properly.
 
 ---
 
@@ -137,4 +131,4 @@ Whether you’re fixing a tiny typo, writing a new snippet, or dreaming up big f
 
 If you have any questions or need help, feel free to open an issue or tag me.
 
-Happy coding! 💻✨
+Happy coding! 💻✨

README.md

@@ -22,7 +22,7 @@ Want to help make QuickSnip even better? You can contribute by:
 
 - **Improving the Code**: Fix bugs, suggest new features, or optimize the project.
 - **Adding New Snippets**: Share your favorite snippets to grow the database.
-Be sure to check out the [CONTRIBUTING.md](/CONTRIBUTING.md) file for detailed guidelines.
+  Be sure to check out the [CONTRIBUTING.md](/CONTRIBUTING.md) file for detailed guidelines.
 
 ### Improving the code
 
@@ -41,10 +41,7 @@ If you’d like to add a snippet for an **existing language** and **category**,
 {
   "title": "Name of the snippet",
   "description": "A short explanation of what the snippet does",
-  "code": [
-    "your code goes here",
-    "  this is a newline with a space"
-  ],
+  "code": ["your code goes here", "  this is a newline with a space"],
   "tags": ["tag1", "tag2", "tag3"],
   "author": "your_github_username"
 }
@@ -64,4 +61,4 @@ Following these guidelines helps me (and everyone else) review and merge your co
 
 ## License
 
-QuickSnip is licensed under the [MIT License](/LICENSE). Feel free to use and share it as you like.
+QuickSnip is licensed under the [MIT License](/LICENSE). Feel free to use and share it as you like.

eslint.config.js

@@ -1,28 +1,35 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+import prettier from "eslint-plugin-prettier";
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ["dist"] },
   {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      "plugin:prettier/recommended",
+    ],
+    files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+      prettier,
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
+      "react-refresh/only-export-components": [
+        "warn",
         { allowConstantExport: true },
       ],
+      "prettier/prettier": "error",
     },
-  },
-)
+  }
+);

index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package-lock.json

@@ -7,6 +7,8 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -23,9 +25,12 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "eslint": "^9.11.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.12",
     "globals": "^15.9.0",
+    "prettier": "^3.4.2",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.7.0",
     "vite": "^5.4.8"

package.json

@@ -147,7 +147,15 @@
           "console.log(timeAgoOrAhead(new Date())); // just now",
           "console.log(timeAgoOrAhead(futureDate)); // in x years"
         ],
-        "tags": ["javascript", "date", "time", "relative", "future", "past", "utility"],
+        "tags": [
+          "javascript",
+          "date",
+          "time",
+          "relative",
+          "future",
+          "past",
+          "utility"
+        ],
         "author": "Yugveer06"
       }
     ]

public/data/javascript.json

@@ -67,7 +67,14 @@
           "flattened = list(flatten(nested_list))",
           "print(flattened)  # Output: [1, 2, 3, 4, 5]"
         ],
-        "tags": ["python", "list", "flattening", "nested-lists", "depth", "utilities"],
+        "tags": [
+          "python",
+          "list",
+          "flattening",
+          "nested-lists",
+          "depth",
+          "utilities"
+        ],
         "author": "agilarasu"
       },
       {