chore: 🤖 add prettier

Author: futantan

.prettierignore

@@ -0,0 +1,5 @@
+node_modules
+pnpm-lock.yaml
+.next
+.turbo
+dist

apps/web/app/layout.tsx

@@ -1,12 +1,13 @@
-import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
-import './globals.css'
+import type { Metadata } from "next"
+import { Inter } from "next/font/google"
 
-const inter = Inter({ subsets: ['latin'] })
+import "./globals.css"
+
+const inter = Inter({ subsets: ["latin"] })
 
 export const metadata: Metadata = {
-  title: 'Create Turborepo',
-  description: 'Generated by create turbo',
+  title: "Create Turborepo",
+  description: "Generated by create turbo",
 }
 
 export default function RootLayout({

apps/web/app/page.tsx

@@ -1,24 +1,28 @@
-import { Button } from '@/components/ui/button'
-import { cn } from '@/lib/utils'
-import { SMART_TOKEN_LIST } from '@repo/smart-token-list'
-import Image from 'next/image'
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
+import { SMART_TOKEN_LIST } from "@repo/smart-token-list"
+import Image from "next/image"
 
 export default function Page(): JSX.Element {
   return (
-    <main className={cn("flex flex-col items-center justify-between min-h-screen p-24")}>
-      <div className="z-10 items-center justify-between w-full max-w-5xl font-mono text-sm lg:flex">
-        <p className="fixed top-0 left-0 flex justify-center w-full px-4 pt-8 pb-6 border-b bg-gradient-to-b backdrop-blur-2xl border-neutral-800 bg-zinc-800/30 from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:bg-zinc-800/30">
+    <main
+      className={cn(
+        "flex min-h-screen flex-col items-center justify-between p-24"
+      )}
+    >
+      <div className="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex">
+        <p className="">
           examples/with-tailwind -&nbsp;
           <code className="font-mono font-bold">web</code>
         </p>
-        <div className="fixed bottom-0 left-0 flex items-end justify-center w-full h-48 bg-gradient-to-t from-black via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
+        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-black via-black lg:static lg:size-auto lg:bg-none">
           <a
-            className="flex gap-2 p-8 pointer-events-none place-items-center lg:pointer-events-auto lg:p-0"
+            className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
             href="https://vercel.com?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"
             rel="noopener noreferrer"
             target="_blank"
           >
-            By{' '}
+            By{" "}
             <Image
               alt="Vercel Logo"
               className="invert"
@@ -32,8 +36,7 @@ export default function Page(): JSX.Element {
       </div>
 
       <h1>{JSON.stringify(SMART_TOKEN_LIST)}</h1>
-      <Button variant='outline'>hello shadcn/ui</Button>
-
+      <Button variant="outline">hello shadcn/ui</Button>
     </main>
   )
 }

apps/web/lib/utils.ts

@@ -1,4 +1,4 @@
-import { type ClassValue, clsx } from "clsx"
+import { clsx, type ClassValue } from "clsx"
 import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {

apps/web/package.json

@@ -30,6 +30,7 @@
     "@types/react-dom": "^18.2.19",
     "autoprefixer": "^10.4.18",
     "postcss": "^8.4.35",
+    "@ianvs/prettier-plugin-sort-imports": "4.3.0",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3"
   }

apps/web/tailwind.config.ts

@@ -3,11 +3,11 @@ import type { Config } from "tailwindcss"
 const config = {
   darkMode: ["class"],
   content: [
-    './pages/**/*.{ts,tsx}',
-    './components/**/*.{ts,tsx}',
-    './app/**/*.{ts,tsx}',
-    './src/**/*.{ts,tsx}',
-	],
+    "./pages/**/*.{ts,tsx}",
+    "./components/**/*.{ts,tsx}",
+    "./app/**/*.{ts,tsx}",
+    "./src/**/*.{ts,tsx}",
+  ],
   prefix: "",
   theme: {
     container: {
@@ -77,4 +77,4 @@ const config = {
   plugins: [require("tailwindcss-animate")],
 } satisfies Config
 
-export default config
+export default config

package.json

@@ -10,8 +10,11 @@
   },
   "devDependencies": {
     "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.11",
-    "turbo": "^2.0.6"
+    "turbo": "^2.0.6",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-tailwindcss": "^3.12.0",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "prettier-plugin-tailwindcss": "^0.6.0"
   },
   "packageManager": "[email protected]",
   "engines": {

packages/config-eslint/library.js

@@ -1,6 +1,6 @@
-const { resolve } = require("node:path");
+const { resolve } = require("node:path")
 
-const project = resolve(process.cwd(), "tsconfig.json");
+const project = resolve(process.cwd(), "tsconfig.json")
 
 /*
  * This is a custom ESLint configuration for use with
@@ -34,4 +34,4 @@ module.exports = {
     },
   },
   ignorePatterns: ["node_modules/", "dist/"],
-};
+}

packages/config-eslint/next.js

@@ -1,6 +1,6 @@
-const { resolve } = require("node:path");
+const { resolve } = require("node:path")
 
-const project = resolve(process.cwd(), "tsconfig.json");
+const project = resolve(process.cwd(), "tsconfig.json")
 
 /*
  * This is a custom ESLint configuration for use with
@@ -13,14 +13,9 @@ const project = resolve(process.cwd(), "tsconfig.json");
 
 module.exports = {
   extends: [
-    ...[
-      "@vercel/style-guide/eslint/node",
-      "@vercel/style-guide/eslint/typescript",
-      "@vercel/style-guide/eslint/browser",
-      "@vercel/style-guide/eslint/react",
-      "@vercel/style-guide/eslint/next",
-    ].map(require.resolve),
-    "turbo",
+    "next/core-web-vitals",
+    "prettier",
+    "plugin:tailwindcss/recommended",
   ],
   parserOptions: {
     project,
@@ -44,4 +39,4 @@ module.exports = {
   rules: {
     "import/no-default-export": "off",
   },
-};
+}

packages/config-eslint/package.json

@@ -4,6 +4,11 @@
   "private": true,
   "devDependencies": {
     "@vercel/style-guide": "^5.2.0",
-    "eslint-config-turbo": "^2.0.0"
+    "eslint-config-turbo": "^2.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-only-warn": "^1.1.0",
+    "@typescript-eslint/parser": "7.16.0",
+    "@typescript-eslint/eslint-plugin": "7.16.0",
+    "typescript": "^5.3.3"
   }
 }

packages/config-eslint/react.js

@@ -1,6 +1,6 @@
-const { resolve } = require("node:path");
+const { resolve } = require("node:path")
 
-const project = resolve(process.cwd(), "tsconfig.json");
+const project = resolve(process.cwd(), "tsconfig.json")
 
 /*
  * This is a custom ESLint configuration for use a library
@@ -46,4 +46,4 @@ module.exports = {
       },
     },
   ],
-};
+}