Add prettier formatting with husky hooks (#24)

yashash-pugalia · Feb 18, 2023 · dafd717 · dafd717 · vercel · Feb 18, 2023
1 parent 36fadfe
commit dafd717
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 3 deletions.
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run format
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,13 +6,19 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "format": "prettier --plugin-search-dir=. --write .",
+    "format:check": "prettier --check .",
+    "prepare": "husky install"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^2.0.2",
     "autoprefixer": "^10.4.13",
     "fluent-svelte": "^1.6.0",
+    "husky": "^8.0.3",
     "postcss": "^8.4.20",
+    "prettier": "^2.8.4",
+    "prettier-plugin-svelte": "^2.9.0",
     "sass": "^1.57.1",
     "svelte": "^3.55.0",
     "svelte-preprocess": "^5.0.0",

diff --git a/src/apps/Settings.svelte b/src/apps/Settings.svelte
@@ -22,7 +22,7 @@
   }}
   transition:scale={{ duration: 200 }}
 >
-  <Titlebar appName="Settings" canGoBack={ true } />
+  <Titlebar appName="Settings" canGoBack={true} />
   <div class="mainApp">
     {#each Object.entries(data) as [i]}
       {#if tab === i}

diff --git a/src/components/Widgets.svelte b/src/components/Widgets.svelte
@@ -4,7 +4,9 @@
   import { date } from "../store";
 
   const getNews = (async () => {
-    const res = await fetch("https://github.win11react.com/api-cache/news.json");
+    const res = await fetch(
+      "https://github.win11react.com/api-cache/news.json"
+    );
     return await res.json();
   })();
 </script>