lint

Author: TheComputerM

src/components/ProjectPagination.tsx

@@ -1,11 +1,11 @@
+import type { CollectionEntry } from "astro:content";
+import { navigate } from "astro:transitions/client";
 import { Pagination } from "@ark-ui/solid";
 import type { Page } from "astro";
-import type { CollectionEntry } from "astro:content";
-import { For, type Component } from "solid-js";
+import { type Component, For } from "solid-js";
+import { paginationStyles } from "~/styles/pagination";
 import TablerChevronLeft from "~icons/tabler/chevron-left";
 import TablerChevronRight from "~icons/tabler/chevron-right";
-import { navigate } from "astro:transitions/client";
-import { paginationStyles } from "~/styles/pagination";
 
 export const ProjectPagination: Component<{
 	page: Page<CollectionEntry<"projects">>;
@@ -26,7 +26,9 @@ export const ProjectPagination: Component<{
 					<For each={api().pages}>
 						{(page, index) =>
 							page.type === "page" ? (
-								<Pagination.Item {...page} class={paginationStyles.item}>{page.value}</Pagination.Item>
+								<Pagination.Item {...page} class={paginationStyles.item}>
+									{page.value}
+								</Pagination.Item>
 							) : (
 								<Pagination.Ellipsis index={index()}>
 									&#8230;

src/components/ui/Card.tsx

@@ -1,6 +1,6 @@
-import { splitProps, type ParentComponent } from "solid-js";
+import { type ParentComponent, splitProps } from "solid-js";
 import { css } from "styled-system/css";
-import { Box, HStack, type BoxProps } from "styled-system/jsx";
+import { Box, type BoxProps, HStack } from "styled-system/jsx";
 
 interface CardProps extends BoxProps {
 	title: string;

src/layouts/BaseLayout.astro

@@ -1,9 +1,9 @@
 ---
 import "@fontsource-variable/jetbrains-mono";
 import "./app.css";
+import { ClientRouter } from "astro:transitions";
 import Footer from "~/components/Footer.astro";
 import Navbar from "~/components/Navbar";
-import { ClientRouter } from "astro:transitions";
 
 interface Props {
 	title?: string;

src/pages/projects/[page].astro

@@ -1,22 +1,22 @@
 ---
-import type { GetStaticPaths, Page } from "astro";
 import { CollectionEntry, getCollection } from "astro:content";
+import type { GetStaticPaths, Page } from "astro";
 import { css } from "styled-system/css";
 import MDContainer from "~/components/MDContainer.astro";
 import ProjectCard from "~/components/ProjectCard.astro";
 import { ProjectPagination } from "~/components/ProjectPagination";
 import BaseLayout from "~/layouts/BaseLayout.astro";
 
 export const getStaticPaths = (async ({ paginate }) => {
-  const projects = (await getCollection("projects")).sort(
-    (a, b) => b.data.priority - a.data.priority,
-  );
+	const projects = (await getCollection("projects")).sort(
+		(a, b) => b.data.priority - a.data.priority,
+	);
 
-  return paginate(projects, { pageSize: 3 });
+	return paginate(projects, { pageSize: 3 });
 }) satisfies GetStaticPaths;
 
 interface Props {
-  page: Page<CollectionEntry<"projects">>;
+	page: Page<CollectionEntry<"projects">>;
 }
 
 const { page } = Astro.props;

src/styles/pagination.ts

@@ -1,6 +1,6 @@
 import { css } from "styled-system/css";
-import { buttonStyles } from "./button";
 import { token } from "styled-system/tokens";
+import { buttonStyles } from "./button";
 
 export const paginationStyles = {
 	root: css({
@@ -11,16 +11,16 @@ export const paginationStyles = {
 	}),
 	trigger: buttonStyles({ icon: true }),
 	item: css({
-    cursor: "pointer",
-    fontVariantNumeric: "tabular-nums",
-    backgroundColor: "bg.canvas",
-    px: "2",
-    fontSize: "lg",
+		cursor: "pointer",
+		fontVariantNumeric: "tabular-nums",
+		backgroundColor: "bg.canvas",
+		px: "2",
+		fontSize: "lg",
 		"&[data-selected]": {
 			textDecoration: "underline",
-      textDecorationThickness: token.var("borderWidths.normal"),
-      backgroundColor: "fg.default",
-      color: "bg.canvas"
+			textDecorationThickness: token.var("borderWidths.normal"),
+			backgroundColor: "fg.default",
+			color: "bg.canvas",
 		},
 	}),
 };