style: format code

.astro/types.d.ts

@@ -223,5 +223,5 @@ declare module 'astro:content' {
 
 	type AnyEntryMap = ContentEntryMap & DataEntryMap;
 
-	export type ContentConfig = typeof import("../src/content/config.js");
+	export type ContentConfig = typeof import("./../src/content/config.js");
 }

src/components/ui/pagination.tsx

@@ -1,63 +1,50 @@
-import * as React from "react"
+import * as React from 'react';
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
+import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
-import { ButtonProps, buttonVariants } from "@/components/ui/button"
+import { type ButtonProps, buttonVariants } from '@/components/ui/button';
 
-const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
+const Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (
 	<nav
 		role="navigation"
 		aria-label="pagination"
-    className={cn("mx-auto flex w-full justify-center", className)}
+		className={cn('mx-auto flex w-full justify-center', className)}
 		{...props}
 	/>
-)
+);
-Pagination.displayName = "Pagination"
+Pagination.displayName = 'Pagination';
 
-const PaginationContent = React.forwardRef<
+const PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(
-  HTMLUListElement,
+	({ className, ...props }, ref) => (
-  React.ComponentProps<"ul">
+		<ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />
->(({ className, ...props }, ref) => (
+	)
-  <ul
+);
-    ref={ref}
+PaginationContent.displayName = 'PaginationContent';
-    className={cn("flex flex-row items-center gap-1", className)}
-    {...props}
-  />
-))
-PaginationContent.displayName = "PaginationContent"
 
-const PaginationItem = React.forwardRef<
+const PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(
-  HTMLLIElement,
+	({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />
-  React.ComponentProps<"li">
+);
->(({ className, ...props }, ref) => (
+PaginationItem.displayName = 'PaginationItem';
-  <li ref={ref} className={cn("", className)} {...props} />
-))
-PaginationItem.displayName = "PaginationItem"
 
 type PaginationLinkProps = {
-  isActive?: boolean
+	isActive?: boolean;
-} & Pick<ButtonProps, "size"> &
+} & Pick<ButtonProps, 'size'> &
-  React.ComponentProps<"a">
+	React.ComponentProps<'a'>;
 
-const PaginationLink = ({
+const PaginationLink = ({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) => (
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}: PaginationLinkProps) => (
 	<a
-    aria-current={isActive ? "page" : undefined}
+		aria-current={isActive ? 'page' : undefined}
 		className={cn(
 			buttonVariants({
-        variant: isActive ? "outline" : "ghost",
+				variant: isActive ? 'outline' : 'ghost',
 				size,
 			}),
 			className
 		)}
 		{...props}
 	/>
-)
+);
-PaginationLink.displayName = "PaginationLink"
+PaginationLink.displayName = 'PaginationLink';
 
 const PaginationPrevious = ({
 	className,
@@ -66,45 +53,36 @@ const PaginationPrevious = ({
 	<PaginationLink
 		aria-label="Go to previous page"
 		size="default"
-    className={cn("gap-1 pl-2.5", className)}
+		className={cn('gap-1 pl-2.5', className)}
-    {...props}
+		{...props}>
-  >
 		<ChevronLeft className="h-4 w-4" />
 		<span>Previous</span>
 	</PaginationLink>
-)
+);
-PaginationPrevious.displayName = "PaginationPrevious"
+PaginationPrevious.displayName = 'PaginationPrevious';
 
-const PaginationNext = ({
+const PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>) => (
 	<PaginationLink
 		aria-label="Go to next page"
 		size="default"
-    className={cn("gap-1 pr-2.5", className)}
+		className={cn('gap-1 pr-2.5', className)}
-    {...props}
+		{...props}>
-  >
 		<span>Next</span>
 		<ChevronRight className="h-4 w-4" />
 	</PaginationLink>
-)
+);
-PaginationNext.displayName = "PaginationNext"
+PaginationNext.displayName = 'PaginationNext';
 
-const PaginationEllipsis = ({
+const PaginationEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (
-  className,
-  ...props
-}: React.ComponentProps<"span">) => (
 	<span
 		aria-hidden
-    className={cn("flex h-9 w-9 items-center justify-center", className)}
+		className={cn('flex h-9 w-9 items-center justify-center', className)}
-    {...props}
+		{...props}>
-  >
 		<MoreHorizontal className="h-4 w-4" />
 		<span className="sr-only">More pages</span>
 	</span>
-)
+);
-PaginationEllipsis.displayName = "PaginationEllipsis"
+PaginationEllipsis.displayName = 'PaginationEllipsis';
 
 export {
 	Pagination,
@@ -114,4 +92,4 @@ export {
 	PaginationLink,
 	PaginationNext,
 	PaginationPrevious,
-}
+};