Run husky directly

.lintstagedrc.json

@@ -1,4 +1,3 @@
 {
-	"src/**/*.{js,ts,tsx,astro}": "eslint --cache --fix",
-	"src/**/*.{js,ts,tsx,css,md,astro}": "prettier --write"
+	"src/**/*.{js,ts,tsx,astro}": "pnpm lint"
 }

package.json

@@ -5,10 +5,11 @@
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
-    "build": "astro check && astro build",
+    "lint": "astro check",
+    "build": "pnpm lint && astro build",
     "preview": "astro preview",
     "astro": "astro",
-    "prepare": "husky"
+    "prepare": "pnpm dlx husky"
   },
   "dependencies": {
     "@astrojs/check": "^0.3.4",
@@ -41,4 +42,4 @@
     "husky": "^9.0.7",
     "lint-staged": "^15.2.0"
   }
-}
+}

src/components/BookHeader.astro

@@ -13,7 +13,6 @@ type Props = {
 const {
   book: {
     data: { ISBN, tags, dateAdded, myRating, author },
-    slug,
   },
 } = Astro.props;
 ---

src/components/BookRating.astro

@@ -10,7 +10,7 @@ const { rating } = Astro.props;
 
 <p class="text-lg m-0">
   Rating: {
-    Array.from({ length: rating ?? 0 }).map((_, i) => (
+    Array.from({ length: rating ?? 0 }).map(() => (
       <span>
         <svg
           xmlns="http://www.w3.org/2000/svg"
@@ -29,7 +29,7 @@ const { rating } = Astro.props;
       </span>
     ))
   }{
-    Array.from({ length: 5 - (rating ?? 0) }).map((_, i) => (
+    Array.from({ length: 5 - (rating ?? 0) }).map(() => (
       <span class="opacity-50">
         <svg
           xmlns="http://www.w3.org/2000/svg"

src/pages/index.astro

@@ -25,7 +25,6 @@ const pageTitle = "Bhekani Khumalo";
       src="https://justreflections.bhekani.com/embed"
       width="480"
       height="320"
-      frameborder="0"
-      scrolling="no"></iframe>
+      ></iframe>
   </MainContainer>
 </BaseLayout>