Skip to content

Commit 2ddc93a

Browse files
committed
chore: add semicolons and consistent formatting across components
1 parent 13e8770 commit 2ddc93a

File tree

179 files changed

+2597
-2353
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

179 files changed

+2597
-2353
lines changed

.prettierrc

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,15 @@
11
{
22
"endOfLine": "lf",
3-
"semi": false,
3+
"semi": true,
44
"singleQuote": false,
55
"tabWidth": 2,
66
"trailingComma": "es5",
7+
"plugins": ["@trivago/prettier-plugin-sort-imports"],
78
"importOrder": [
89
"^(react/(.*)$)|^(react$)",
910
"^(next/(.*)$)|^(next$)",
1011
"<THIRD_PARTY_MODULES>",
11-
"",
1212
"^@workspace/(.*)$",
13-
"",
1413
"^types$",
1514
"^@/types/(.*)$",
1615
"^@/config/(.*)$",
@@ -22,14 +21,8 @@
2221
"^@/styles/(.*)$",
2322
"^@/app/(.*)$",
2423
"^@/www/(.*)$",
25-
"",
2624
"^[./]"
2725
],
28-
"importOrderSeparation": false,
29-
"importOrderSortSpecifiers": true,
30-
"importOrderBuiltinModulesToTop": true,
31-
"importOrderParserPlugins": ["typescript", "jsx", "decorators-legacy"],
32-
"importOrderMergeDuplicateImports": true,
33-
"importOrderCombineTypeAndValueImports": true,
34-
"plugins": ["@ianvs/prettier-plugin-sort-imports"]
26+
"importOrderSeparation": true,
27+
"importOrderSortSpecifiers": true
3528
}

app/about/page.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
1-
import { Metadata } from "next"
1+
import { Metadata } from "next";
22

33
export const metadata: Metadata = {
44
title: "About",
55
description: "About the project.",
6-
}
6+
};
77

88
export default function Page() {
99
return (
1010
<div className="flex flex-col gap-4 max-w-[1400px] mx-auto px-4 py-8">
1111
<h1 className="text-2xl font-bold">About</h1>
1212
<p>Coming soon...</p>
1313
</div>
14-
)
14+
);
1515
}

app/blocks/page.tsx

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,20 @@
1-
import { Metadata } from "next"
1+
import { Metadata } from "next";
22

3-
import { pressStart } from "@/config/fonts"
4-
import { LoginForm } from "@/components/ui/8bit/blocks/login-form"
5-
import { LoginForm as LoginForm2 } from "@/components/ui/8bit/blocks/login-form-2"
6-
import { LoginForm as LoginFormWithImage } from "@/components/ui/8bit/blocks/login-form-with-image"
3+
import { pressStart } from "@/config/fonts";
74

8-
import CopyCommandButton from "../docs/components/copy-command-button"
9-
import { OpenInV0Button } from "../docs/components/open-in-v0-button"
10-
import LoginPage from "../login/page"
5+
import { LoginForm } from "@/components/ui/8bit/blocks/login-form";
6+
import { LoginForm as LoginForm2 } from "@/components/ui/8bit/blocks/login-form-2";
7+
import { LoginForm as LoginFormWithImage } from "@/components/ui/8bit/blocks/login-form-with-image";
8+
9+
import CopyCommandButton from "../docs/components/copy-command-button";
10+
import { OpenInV0Button } from "../docs/components/open-in-v0-button";
11+
import LoginPage from "../login/page";
1112

1213
export const metadata: Metadata = {
1314
title: "Building Retro Blocks for the Web - 8bitcn/ui",
1415
description:
1516
"Clean, retro building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.",
16-
}
17+
};
1718

1819
export default function BlocksPage() {
1920
return (
@@ -105,5 +106,5 @@ export default function BlocksPage() {
105106
</div>
106107
</div>
107108
</div>
108-
)
109+
);
109110
}

app/docs/components/accordion/page.tsx

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,27 @@
1-
import { Metadata } from "next"
1+
import { Metadata } from "next";
2+
3+
import { accordionMetaData } from "@/lib/metadata";
24

3-
import { accordionMetaData } from "@/lib/metadata"
45
import {
56
Accordion,
67
AccordionContent,
78
AccordionItem,
89
AccordionTrigger,
9-
} from "@/components/ui/8bit/accordion"
10-
import { Separator } from "@/components/ui/separator"
10+
} from "@/components/ui/8bit/accordion";
11+
import { Separator } from "@/components/ui/separator";
1112

12-
import CodeSnippet from "../code-snippet"
13-
import CopyCommandButton from "../copy-command-button"
14-
import InstallationCommands from "../installation-commands"
15-
import { OpenInV0Button } from "../open-in-v0-button"
13+
import CodeSnippet from "../code-snippet";
14+
import CopyCommandButton from "../copy-command-button";
15+
import InstallationCommands from "../installation-commands";
16+
import { OpenInV0Button } from "../open-in-v0-button";
1617

1718
export const metadata: Metadata = {
1819
title: "8-bit Accordion",
1920
description: "Displays an 8-bit accordion component.",
2021
openGraph: {
2122
images: accordionMetaData,
2223
},
23-
}
24+
};
2425

2526
export default function AccordionPage() {
2627
return (
@@ -96,5 +97,5 @@ export default function AccordionPage() {
9697
</AccordionItem>
9798
</Accordion>`}</CodeSnippet>
9899
</div>
99-
)
100+
);
100101
}

app/docs/components/alert-dialog/page.tsx

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
1-
import type { Metadata } from "next"
1+
import type { Metadata } from "next";
2+
3+
import { alertDialogMetaData } from "@/lib/metadata";
24

3-
import { alertDialogMetaData } from "@/lib/metadata"
45
import {
56
AlertDialog,
67
AlertDialogAction,
@@ -11,22 +12,22 @@ import {
1112
AlertDialogHeader,
1213
AlertDialogTitle,
1314
AlertDialogTrigger,
14-
} from "@/components/ui/8bit/alert-dialog"
15-
import { Button } from "@/components/ui/8bit/button"
16-
import { Separator } from "@/components/ui/separator"
15+
} from "@/components/ui/8bit/alert-dialog";
16+
import { Button } from "@/components/ui/8bit/button";
17+
import { Separator } from "@/components/ui/separator";
1718

18-
import CodeSnippet from "../code-snippet"
19-
import CopyCommandButton from "../copy-command-button"
20-
import InstallationCommands from "../installation-commands"
21-
import { OpenInV0Button } from "../open-in-v0-button"
19+
import CodeSnippet from "../code-snippet";
20+
import CopyCommandButton from "../copy-command-button";
21+
import InstallationCommands from "../installation-commands";
22+
import { OpenInV0Button } from "../open-in-v0-button";
2223

2324
export const metadata: Metadata = {
2425
title: "8-bit Alert Dialog",
2526
description: "Displays an 8-bit alert dialog component.",
2627
openGraph: {
2728
images: alertDialogMetaData,
2829
},
29-
}
30+
};
3031

3132
export default function AlertDialogPage() {
3233
return (
@@ -121,5 +122,5 @@ export default function AlertDialogPage() {
121122
`}{" "}
122123
</CodeSnippet>
123124
</div>
124-
)
125+
);
125126
}

app/docs/components/alert/page.tsx

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,26 @@
1-
import { Metadata } from "next"
1+
import { Metadata } from "next";
22

3-
import { alertMetaData } from "@/lib/metadata"
4-
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/8bit/alert"
5-
import { Separator } from "@/components/ui/separator"
3+
import { alertMetaData } from "@/lib/metadata";
64

7-
import CodeSnippet from "../code-snippet"
8-
import CopyCommandButton from "../copy-command-button"
9-
import InstallationCommands from "../installation-commands"
10-
import { OpenInV0Button } from "../open-in-v0-button"
5+
import {
6+
Alert,
7+
AlertDescription,
8+
AlertTitle,
9+
} from "@/components/ui/8bit/alert";
10+
import { Separator } from "@/components/ui/separator";
11+
12+
import CodeSnippet from "../code-snippet";
13+
import CopyCommandButton from "../copy-command-button";
14+
import InstallationCommands from "../installation-commands";
15+
import { OpenInV0Button } from "../open-in-v0-button";
1116

1217
export const metadata: Metadata = {
1318
title: "8-bit Alert",
1419
description: "Displays an 8-bit alert component.",
1520
openGraph: {
1621
images: alertMetaData,
1722
},
18-
}
23+
};
1924

2025
export default function AlertPage() {
2126
return (
@@ -73,5 +78,5 @@ export default function AlertPage() {
7378
</AlertDescription>
7479
</Alert>`}</CodeSnippet>
7580
</div>
76-
)
81+
);
7782
}

app/docs/components/avatar/page.tsx

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,26 @@
1-
import { Metadata } from "next"
1+
import { Metadata } from "next";
2+
3+
import { avatarMetaData } from "@/lib/metadata";
24

3-
import { avatarMetaData } from "@/lib/metadata"
45
import {
56
Avatar,
67
AvatarFallback,
78
AvatarImage,
8-
} from "@/components/ui/8bit/avatar"
9-
import { Separator } from "@/components/ui/separator"
9+
} from "@/components/ui/8bit/avatar";
10+
import { Separator } from "@/components/ui/separator";
1011

11-
import CodeSnippet from "../code-snippet"
12-
import CopyCommandButton from "../copy-command-button"
13-
import InstallationCommands from "../installation-commands"
14-
import { OpenInV0Button } from "../open-in-v0-button"
12+
import CodeSnippet from "../code-snippet";
13+
import CopyCommandButton from "../copy-command-button";
14+
import InstallationCommands from "../installation-commands";
15+
import { OpenInV0Button } from "../open-in-v0-button";
1516

1617
export const metadata: Metadata = {
1718
title: "8-bit Avatar",
1819
description: "Displays an 8-bit avatar component.",
1920
openGraph: {
2021
images: avatarMetaData,
2122
},
22-
}
23+
};
2324

2425
export default function AvatarPage() {
2526
return (
@@ -117,5 +118,5 @@ export default function AvatarPage() {
117118
<AvatarFallback>8B</AvatarFallback>
118119
</Avatar>`}</CodeSnippet>
119120
</div>
120-
)
121+
);
121122
}

app/docs/components/badge/page.tsx

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,22 @@
1-
import { Metadata } from "next"
1+
import { Metadata } from "next";
22

3-
import { badgeMetaData } from "@/lib/metadata"
4-
import { Badge } from "@/components/ui/8bit/badge"
5-
import { Separator } from "@/components/ui/separator"
3+
import { badgeMetaData } from "@/lib/metadata";
64

7-
import CodeSnippet from "../code-snippet"
8-
import CopyCommandButton from "../copy-command-button"
9-
import InstallationCommands from "../installation-commands"
10-
import { OpenInV0Button } from "../open-in-v0-button"
5+
import { Badge } from "@/components/ui/8bit/badge";
6+
import { Separator } from "@/components/ui/separator";
7+
8+
import CodeSnippet from "../code-snippet";
9+
import CopyCommandButton from "../copy-command-button";
10+
import InstallationCommands from "../installation-commands";
11+
import { OpenInV0Button } from "../open-in-v0-button";
1112

1213
export const metadata: Metadata = {
1314
title: "8-bit Badge",
1415
description: "Displays an 8-bit badge component.",
1516
openGraph: {
1617
images: badgeMetaData,
1718
},
18-
}
19+
};
1920

2021
export default function BadgePage() {
2122
return (
@@ -63,5 +64,5 @@ export default function BadgePage() {
6364

6465
<CodeSnippet>{`<Badge>Badge</Badge>`}</CodeSnippet>
6566
</div>
66-
)
67+
);
6768
}

app/docs/components/breadcrumb/page.tsx

Lines changed: 18 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
1-
import { Metadata } from "next"
2-
import { Press_Start_2P } from "next/font/google"
3-
import Link from "next/link"
1+
import { Metadata } from "next";
2+
import { Press_Start_2P } from "next/font/google";
3+
import Link from "next/link";
4+
5+
import { breadcrumbMetaData } from "@/lib/metadata";
6+
import { cn } from "@/lib/utils";
47

5-
import { breadcrumbMetaData } from "@/lib/metadata"
6-
import { cn } from "@/lib/utils"
78
import {
89
Breadcrumb,
910
BreadcrumbEllipsis,
@@ -12,32 +13,32 @@ import {
1213
BreadcrumbList,
1314
BreadcrumbPage,
1415
BreadcrumbSeparator,
15-
} from "@/components/ui/8bit/breadcrumb"
16+
} from "@/components/ui/8bit/breadcrumb";
1617
import {
1718
DropdownMenu,
1819
DropdownMenuContent,
1920
DropdownMenuItem,
2021
DropdownMenuTrigger,
21-
} from "@/components/ui/8bit/dropdown-menu"
22-
import { Separator } from "@/components/ui/separator"
22+
} from "@/components/ui/8bit/dropdown-menu";
23+
import { Separator } from "@/components/ui/separator";
2324

24-
import CodeSnippet from "../code-snippet"
25-
import CopyCommandButton from "../copy-command-button"
26-
import InstallationCommands from "../installation-commands"
27-
import { OpenInV0Button } from "../open-in-v0-button"
25+
import CodeSnippet from "../code-snippet";
26+
import CopyCommandButton from "../copy-command-button";
27+
import InstallationCommands from "../installation-commands";
28+
import { OpenInV0Button } from "../open-in-v0-button";
2829

2930
const pressStart = Press_Start_2P({
3031
weight: ["400"],
3132
subsets: ["latin"],
32-
})
33+
});
3334

3435
export const metadata: Metadata = {
3536
title: "8-bit Breadcrumb",
3637
description: "Displays an 8-bit breadcrumb component.",
3738
openGraph: {
3839
images: breadcrumbMetaData,
3940
},
40-
}
41+
};
4142

4243
const ChevronDown = () => {
4344
return (
@@ -110,8 +111,8 @@ const ChevronDown = () => {
110111
transform="rotate(90 168 112)"
111112
></rect>
112113
</svg>
113-
)
114-
}
114+
);
115+
};
115116

116117
export default function BreadcrumbPageNext() {
117118
return (
@@ -485,5 +486,5 @@ export default function BreadcrumbPageNext() {
485486
</BreadcrumbList>
486487
</Breadcrumb>`}</CodeSnippet>
487488
</div>
488-
)
489+
);
489490
}

0 commit comments

Comments
 (0)