feat: add prettier

Author: agmmtoo

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

.vscode/settings.json

@@ -1,4 +1,5 @@
 {
-    "typescript.tsdk": "node_modules/typescript/lib",
-    "editor.formatOnSave": true,
-}
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}

app/books/new/error.tsx

@@ -1,18 +1,18 @@
-"use client"; // Error boundaries must be Client Components
+'use client' // Error boundaries must be Client Components
 
-import { useEffect } from "react";
+import { useEffect } from 'react'
 
 export default function Error({
   error,
   reset,
 }: {
-  error: Error & { digest?: string };
-  reset: () => void;
+  error: Error & { digest?: string }
+  reset: () => void
 }) {
   useEffect(() => {
     // Log the error to an error reporting service
-    console.error(error);
-  }, [error]);
+    console.error(error)
+  }, [error])
 
   return (
     <div>
@@ -26,5 +26,5 @@ export default function Error({
         Try again
       </button>
     </div>
-  );
+  )
 }

app/books/new/page.tsx

@@ -1,6 +1,6 @@
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { createBook } from "@/lib/api/book";
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { createBook } from '@/lib/api/book'
 
 import {
   Breadcrumb,
@@ -9,29 +9,29 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-} from "@/components/ui/breadcrumb";
-import Link from "next/link";
-import { redirect } from "next/navigation";
+} from '@/components/ui/breadcrumb'
+import Link from 'next/link'
+import { redirect } from 'next/navigation'
 
 export default function NewBook() {
   async function create(formData: FormData) {
-    "use server";
+    'use server'
 
-    const title = formData.get("title") as string;
-    const author = formData.get("author") as string;
-    const year = formData.get("year") as string;
-    const code = formData.get("code") as string;
-    const library_id = formData.get("library_id") as string;
+    const title = formData.get('title') as string
+    const author = formData.get('author') as string
+    const year = formData.get('year') as string
+    const code = formData.get('code') as string
+    const library_id = formData.get('library_id') as string
 
     await createBook({
       title,
       author,
       year: Number(year),
       code,
       library_id,
-    });
+    })
 
-    redirect("/books");
+    redirect('/books')
   }
 
   return (
@@ -66,5 +66,5 @@ export default function NewBook() {
         <Button type="submit">Create</Button>
       </form>
     </div>
-  );
+  )
 }

app/books/page.tsx

@@ -5,56 +5,56 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
-} from "@/components/ui/breadcrumb";
-import { Button } from "@/components/ui/button";
+} from '@/components/ui/breadcrumb'
+import { Button } from '@/components/ui/button'
 import {
   Pagination,
   PaginationContent,
   PaginationItem,
   PaginationNext,
   PaginationPrevious,
-} from "@/components/ui/pagination";
+} from '@/components/ui/pagination'
 import {
   Table,
   TableBody,
   TableCell,
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table";
-import { getListBooks } from "@/lib/api/book";
-import Link from "next/link";
+} from '@/components/ui/table'
+import { getListBooks } from '@/lib/api/book'
+import Link from 'next/link'
 
 export default async function Books({
   searchParams,
 }: {
   searchParams: Promise<{
-    skip?: number;
-    limit?: number;
-    library_id?: string;
-  }>;
+    skip?: number
+    limit?: number
+    library_id?: string
+  }>
 }) {
-  const sp = await searchParams;
-  const skip = Number(sp?.skip ?? 0);
-  const limit = Number(sp?.limit ?? 20);
-  const library_id = sp?.library_id;
+  const sp = await searchParams
+  const skip = Number(sp?.skip ?? 0)
+  const limit = Number(sp?.limit ?? 20)
+  const library_id = sp?.library_id
   const res = await getListBooks({
-    sort_by: "created_at",
-    sort_in: "desc",
+    sort_by: 'created_at',
+    sort_in: 'desc',
     limit: limit,
     skip: skip,
     ...(library_id ? { library_id } : {}),
-  });
+  })
 
-  if ("error" in res) {
-    console.log(res);
-    return <div>{JSON.stringify(res.message)}</div>;
+  if ('error' in res) {
+    console.log(res)
+    return <div>{JSON.stringify(res.message)}</div>
   }
 
-  const prevSkip = skip - limit > 0 ? skip - limit : 0;
+  const prevSkip = skip - limit > 0 ? skip - limit : 0
 
-  const nextURL = `/books?skip=${skip + limit}&limit=${limit}`;
-  const prevURL = `/books?skip=${prevSkip}&limit=${limit}`;
+  const nextURL = `/books?skip=${skip + limit}&limit=${limit}`
+  const prevURL = `/books?skip=${prevSkip}&limit=${limit}`
 
   return (
     <div>
@@ -114,5 +114,5 @@ export default async function Books({
         </PaginationContent>
       </Pagination>
     </div>
-  );
+  )
 }