renaming the format and prettier scripts

Author: tnylea

.eslintrc.json

@@ -0,0 +1,27 @@
+{
+    "env": {
+        "browser": true,
+        "es2023": true
+    },
+    "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react-hooks/recommended"],
+    "parserOptions": {
+        "ecmaVersion": 2023,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        }
+    },
+    "plugins": ["react", "react-hooks"],
+    "rules": {
+        "no-unused-vars": "error",
+        "react/react-in-jsx-scope": "off",
+        "react/jsx-uses-react": "off",
+        "react/prop-types": "off",
+        "no-undef": "off"
+    },
+    "settings": {
+        "react": {
+            "version": "detect"
+        }
+    }
+}

composer.json

@@ -75,4 +75,4 @@
     },
     "minimum-stability": "dev",
     "prefer-stable": true
-}
+}

package.json

@@ -6,9 +6,9 @@
         "build:ssr": "vite build && vite build --ssr",
         "dev": "vite",
         "prepare": "husky install",
-        "lint": "prettier --write .",
-        "test:lint": "prettier --check .",
-        "test:types": "./node_modules/.bin/eslint resources/js --ext .js,.jsx"
+        "format": "prettier --write .",
+        "format:check": "prettier --check .",
+        "lint": "eslint resources/js --ext .ts,.tsx"
     },
     "devDependencies": {
         "@inertiajs/react": "^2.0.0",
@@ -52,4 +52,4 @@
         "tailwind-merge": "^2.5.5",
         "tailwindcss-animate": "^1.0.7"
     }
-}
+}

resources/js/components/app-content.tsx

@@ -11,7 +11,7 @@ export function AppContent({ variant = 'header', children, ...props }: AppConten
     }
 
     return (
-        <main className="flex h-full flex-1 flex-col gap-4 rounded-xl max-w-7xl mx-auto w-full" {...props}>
+        <main className="mx-auto flex h-full w-full max-w-7xl flex-1 flex-col gap-4 rounded-xl" {...props}>
             {children}
         </main>
     );

resources/js/components/app-header.tsx

@@ -8,8 +8,8 @@ export default function AppLogo(props: SVGAttributes<SVGElement>) {
                 <AppLogoIcon className="size-5 fill-current text-white dark:text-black" />
             </div>
             <div className="grid flex-1 text-left text-sm leading-tight">
-                <span className="truncate mb-0.5 font-semibold leading-none">Laravel</span>
-                <span className="truncate text-[11px] tracking-tight opacity-80 leading-none">Starter Kit</span>
+                <span className="mb-0.5 truncate font-semibold leading-none">Laravel</span>
+                <span className="truncate text-[11px] leading-none tracking-tight opacity-80">Starter Kit</span>
             </div>
         </>
     );

resources/js/components/app-logo.tsx

@@ -17,7 +17,7 @@ export function AppShell({ children, variant = 'header' }: AppShellProps) {
     };
 
     if (variant === 'header') {
-        return <div className="flex flex-col min-h-screen w-full">{children}</div>;
+        return <div className="flex min-h-screen w-full flex-col">{children}</div>;
     }
 
     return (

resources/js/components/app-shell.tsx

@@ -1,10 +1,10 @@
-import { SidebarTrigger } from '@/components/ui/sidebar';
 import { Breadcrumbs } from '@/components/breadcrumbs';
+import { SidebarTrigger } from '@/components/ui/sidebar';
 import { type BreadcrumbItem as BreadcrumbItemType } from '@/types';
 
 export function AppSidebarHeader({ breadcrumbs = [] }: { breadcrumbs?: BreadcrumbItemType[] }) {
     return (
-        <header className="flex h-16 shrink-0 items-center gap-2 px-4 border-b border-sidebar-border/50 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
+        <header className="flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/50 px-4 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
             <div className="flex items-center gap-2">
                 <SidebarTrigger className="-ml-1" />
                 <Breadcrumbs breadcrumbs={breadcrumbs} />

resources/js/components/app-sidebar-header.tsx

@@ -1,12 +1,10 @@
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '@/components/ui/breadcrumb';
-import { Link } from '@inertiajs/react';
 import { type BreadcrumbItem as BreadcrumbItemType } from '@/types';
 import { Fragment } from 'react';
 
 export function Breadcrumbs({ breadcrumbs }: { breadcrumbs: BreadcrumbItemType[] }) {
     return (
         <>
-            
             {breadcrumbs.length > 0 && (
                 <Breadcrumb>
                     <BreadcrumbList>

resources/js/components/breadcrumbs.tsx

@@ -9,16 +9,7 @@ import { Label } from '@/components/ui/label';
 
 import HeadingSmall from '@/components/heading-small';
 
-import {
-    Dialog,
-    DialogClose,
-    DialogContent,
-    DialogDescription,
-    DialogFooter,
-    DialogHeader,
-    DialogTitle,
-    DialogTrigger,
-} from '@/components/ui/dialog';
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
 
 export default function DeleteUser() {
     const passwordInput = useRef<HTMLInputElement>(null);
@@ -51,8 +42,8 @@ export default function DeleteUser() {
                     <DialogContent>
                         <DialogTitle>Are you sure you want to delete your account?</DialogTitle>
                         <DialogDescription>
-                            Once your account is deleted, all of its resources and data will also be permanently deleted. Please enter your
-                            password to confirm you would like to permanently delete your account.
+                            Once your account is deleted, all of its resources and data will also be permanently deleted. Please enter your password
+                            to confirm you would like to permanently delete your account.
                         </DialogDescription>
                         <form className="space-y-6" onSubmit={deleteUser}>
                             <div className="grid gap-2">