formated project with prettier

packages/ui/package.json

@@ -1,28 +1,28 @@
 {
-  "name": "@repo/ui",
-  "version": "0.0.0",
-  "private": true,
-  "exports": {
-    "./button": "./src/button.tsx",
-    "./card": "./src/card.tsx",
-    "./code": "./src/code.tsx"
-  },
-  "scripts": {
-    "lint": "eslint . --max-warnings 0",
-    "generate:component": "turbo gen react-component",
-    "check-types": "tsc --noEmit"
-  },
-  "devDependencies": {
-    "@repo/eslint-config": "*",
-    "@repo/typescript-config": "*",
-    "@turbo/gen": "^1.12.4",
-    "@types/node": "^20.11.24",
-    "@types/react": "18.3.0",
-    "@types/react-dom": "18.3.1",
-    "typescript": "5.5.4"
-  },
-  "dependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  }
+	"name": "@repo/ui",
+	"version": "0.0.0",
+	"private": true,
+	"exports": {
+		"./button": "./src/button.tsx",
+		"./card": "./src/card.tsx",
+		"./code": "./src/code.tsx"
+	},
+	"scripts": {
+		"lint": "eslint . --max-warnings 0",
+		"generate:component": "turbo gen react-component",
+		"check-types": "tsc --noEmit"
+	},
+	"devDependencies": {
+		"@repo/eslint-config": "*",
+		"@repo/typescript-config": "*",
+		"@turbo/gen": "^1.12.4",
+		"@types/node": "^20.11.24",
+		"@types/react": "18.3.0",
+		"@types/react-dom": "18.3.1",
+		"typescript": "5.5.4"
+	},
+	"dependencies": {
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
+	}
 }

packages/ui/src/button.tsx

@@ -3,18 +3,18 @@
 import { ReactNode } from "react";
 
 interface ButtonProps {
-  children: ReactNode;
-  className?: string;
-  appName: string;
+	children: ReactNode;
+	className?: string;
+	appName: string;
 }
 
 export const Button = ({ children, className, appName }: ButtonProps) => {
-  return (
-    <button
-      className={className}
-      onClick={() => alert(`Hello from your ${appName} app!`)}
-    >
-      {children}
-    </button>
-  );
+	return (
+		<button
+			className={className}
+			onClick={() => alert(`Hello from your ${appName} app!`)}
+		>
+			{children}
+		</button>
+	);
 };

packages/ui/src/card.tsx

@@ -1,27 +1,27 @@
 import { type JSX } from "react";
 
 export function Card({
-  className,
-  title,
-  children,
-  href,
+	className,
+	title,
+	children,
+	href,
 }: {
-  className?: string;
-  title: string;
-  children: React.ReactNode;
-  href: string;
+	className?: string;
+	title: string;
+	children: React.ReactNode;
+	href: string;
 }): JSX.Element {
-  return (
-    <a
-      className={className}
-      href={`${href}?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"`}
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <h2>
-        {title} <span>-&gt;</span>
-      </h2>
-      <p>{children}</p>
-    </a>
-  );
+	return (
+		<a
+			className={className}
+			href={`${href}?utm_source=create-turbo&utm_medium=basic&utm_campaign=create-turbo"`}
+			rel="noopener noreferrer"
+			target="_blank"
+		>
+			<h2>
+				{title} <span>-&gt;</span>
+			</h2>
+			<p>{children}</p>
+		</a>
+	);
 }

packages/ui/src/code.tsx

@@ -1,11 +1,11 @@
 import { type JSX } from "react";
 
 export function Code({
-  children,
-  className,
+	children,
+	className,
 }: {
-  children: React.ReactNode;
-  className?: string;
+	children: React.ReactNode;
+	className?: string;
 }): JSX.Element {
-  return <code className={className}>{children}</code>;
+	return <code className={className}>{children}</code>;
 }

packages/ui/tsconfig.json

@@ -1,8 +1,8 @@
 {
-  "extends": "@repo/typescript-config/react-library.json",
-  "compilerOptions": {
-    "outDir": "dist"
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
+	"extends": "@repo/typescript-config/react-library.json",
+	"compilerOptions": {
+		"outDir": "dist"
+	},
+	"include": ["src"],
+	"exclude": ["node_modules", "dist"]
 }

packages/ui/turbo/generators/config.ts

@@ -3,28 +3,28 @@ import type { PlopTypes } from "@turbo/gen";
 // Learn more about Turborepo Generators at https://turbo.build/repo/docs/core-concepts/monorepos/code-generation
 
 export default function generator(plop: PlopTypes.NodePlopAPI): void {
-  // A simple generator to add a new React component to the internal UI library
-  plop.setGenerator("react-component", {
-    description: "Adds a new react component",
-    prompts: [
-      {
-        type: "input",
-        name: "name",
-        message: "What is the name of the component?",
-      },
-    ],
-    actions: [
-      {
-        type: "add",
-        path: "src/{{kebabCase name}}.tsx",
-        templateFile: "templates/component.hbs",
-      },
-      {
-        type: "append",
-        path: "package.json",
-        pattern: /"exports": {(?<insertion>)/g,
-        template: '    "./{{kebabCase name}}": "./src/{{kebabCase name}}.tsx",',
-      },
-    ],
-  });
+	// A simple generator to add a new React component to the internal UI library
+	plop.setGenerator("react-component", {
+		description: "Adds a new react component",
+		prompts: [
+			{
+				type: "input",
+				name: "name",
+				message: "What is the name of the component?",
+			},
+		],
+		actions: [
+			{
+				type: "add",
+				path: "src/{{kebabCase name}}.tsx",
+				templateFile: "templates/component.hbs",
+			},
+			{
+				type: "append",
+				path: "package.json",
+				pattern: /"exports": {(?<insertion>)/g,
+				template: '    "./{{kebabCase name}}": "./src/{{kebabCase name}}.tsx",',
+			},
+		],
+	});
 }