style: run prettier

ImBIOS · ImBIOS · commit 4e5233b0d7e5 · 2023-10-30T09:51:23.000+07:00
diff --git a/www/src/components/accessibility/jumpToContent.astro b/www/src/components/accessibility/jumpToContent.astro
@@ -4,7 +4,7 @@ import Button from "../landingPage/button.astro";
 
 <Button
   href="#content"
-  className="absolute opacity-0 -top-96 ltr:-left-96 rtl:-right-96 focus:top-0 ltr:focus:left-0 rtl:focus:right-0 focus:opacity-100 z-50"
+  className="absolute -top-96 z-50 opacity-0 focus:top-0 focus:opacity-100 ltr:-left-96 ltr:focus:left-0 rtl:-right-96 rtl:focus:right-0"
 >
   Jump to content
 </Button>
diff --git a/www/src/components/landingPage/ClipboardSelect.tsx b/www/src/components/landingPage/ClipboardSelect.tsx
@@ -42,7 +42,7 @@ export default function ClipboardSelect() {
     <div className="flex items-center gap-2">
       <Menu as="div">
         <div className="relative">
-          <Menu.Button className="relative flex cursor-pointer items-center justify-center rounded-lg border bg-t3-purple-200/50 p-2 text-left focus:outline-none hover:bg-t3-purple-200/75 dark:border-t3-purple-200/20 dark:bg-t3-purple-200/10 dark:hover:border-t3-purple-200/50 sm:text-sm">
+          <Menu.Button className="relative flex cursor-pointer items-center justify-center rounded-lg border bg-t3-purple-200/50 p-2 text-left hover:bg-t3-purple-200/75 focus:outline-none dark:border-t3-purple-200/20 dark:bg-t3-purple-200/10 dark:hover:border-t3-purple-200/50 sm:text-sm">
             <svg
               className={`h-[1em] w-[1em] ${coolDown && "hidden"}`}
               xmlns="http://www.w3.org/2000/svg"
diff --git a/www/src/components/landingPage/about.astro b/www/src/components/landingPage/about.astro
@@ -4,7 +4,7 @@ import PageSection from "./pageSection.astro";
 ---
 
 <PageSection
-  className="grid grid-cols-1 xl:grid-cols-2 gap-8 items-center mx-auto max-w-7xl px-4 pb-12 sm:px-6 lg:px-8 lg:grid lg:gap-x-8 xl:gap-x-12"
+  className="mx-auto grid max-w-7xl grid-cols-1 items-center gap-8 px-4 pb-12 sm:px-6 lg:grid lg:gap-x-8 lg:px-8 xl:grid-cols-2 xl:gap-x-12"
   size={"24"}
   id="about"
 >
diff --git a/www/src/components/landingPage/stack/card.astro b/www/src/components/landingPage/stack/card.astro
@@ -18,7 +18,7 @@ const { title, href } = Astro.props;
         href={href}
         target="_blank"
         rel="noopener noreferrer"
-        class="h-full rounded-md before:absolute before:inset-0 before:content-[''] focus:no-underline hover:no-underline active:no-underline"
+        class="h-full rounded-md before:absolute before:inset-0 before:content-[''] hover:no-underline focus:no-underline active:no-underline"
       >
         {title}
       </a>
diff --git a/www/src/components/landingPage/tweets/tweets.astro b/www/src/components/landingPage/tweets/tweets.astro
@@ -6,7 +6,7 @@ import TweetSlider from "./tweetSlider.astro";
 
 <PageSection
   size={"24"}
-  className="grid grid-cols-1 md:grid-cols-2 max-w-7xl mx-auto gap-4 md:gap-10 px-4 pb-12 sm:px-6 lg:px-8"
+  className="mx-auto grid max-w-7xl grid-cols-1 gap-4 px-4 pb-12 sm:px-6 md:grid-cols-2 md:gap-10 lg:px-8"
   id="love"
 >
   <div
diff --git a/www/src/components/navigation/LanguageSelect.tsx b/www/src/components/navigation/LanguageSelect.tsx
@@ -21,7 +21,7 @@ export default function LanguageSelect({ language }: LanguageSelectProps) {
     <div className="flex items-center gap-2">
       <Listbox value={language} onChange={handleSelect}>
         <div className="relative">
-          <Listbox.Button className="relative flex cursor-pointer items-center justify-center rounded-lg border bg-t3-purple-200/50 p-2 text-left focus:outline-none hover:bg-t3-purple-200/75 dark:border-t3-purple-200/20 dark:bg-t3-purple-200/10 dark:hover:border-t3-purple-200/50 sm:text-sm">
+          <Listbox.Button className="relative flex cursor-pointer items-center justify-center rounded-lg border bg-t3-purple-200/50 p-2 text-left hover:bg-t3-purple-200/75 focus:outline-none dark:border-t3-purple-200/20 dark:bg-t3-purple-200/10 dark:hover:border-t3-purple-200/50 sm:text-sm">
             <svg
               viewBox="0 0 88.6 77.3"
               className="h-6 w-6 text-slate-900 dark:text-t3-purple-100"
diff --git a/www/src/pages/id/deployment/docker.md b/www/src/pages/id/deployment/docker.md
@@ -204,13 +204,13 @@ Buka "Variables" dan sertakan `DATABASE_URL` Anda. Kemudian buka "Settings" dan
 
 ## Sumber Daya Berguna
 
-| Sumber Daya                            | Tautan                                                                  |
-| ------------------------------------   | ------------------------------------------------------------------------ |
-| Referensi Dockerfile                   | <https://docs.docker.com/engine/reference/builder/>                       |
-| Referensi Compose file versi 3         | <https://docs.docker.com/compose/compose-file/compose-file-v3/>           |
-| Referensi CLI Docker                   | <https://docs.docker.com/engine/reference/commandline/docker/>            |
-| Referensi CLI Docker Compose           | <https://docs.docker.com/compose/reference/>                              |
-| Next.js Deployment dengan Docker Image | <https://nextjs.org/docs/deployment#docker-image>                         |
-| Next.js di Docker                      | <https://benmarte.com/blog/nextjs-in-docker/>                             |
-| Contoh Next.js dengan Docker           | <https://github.com/vercel/next.js/tree/canary/examples/with-docker>      |
-| Membuat Gambar Docker dari aplikasi Next.js | <https://blog.tericcabrel.com/create-docker-image-nextjs-application/>  |
+| Sumber Daya                                 | Tautan                                                                 |
+| ------------------------------------------- | ---------------------------------------------------------------------- |
+| Referensi Dockerfile                        | <https://docs.docker.com/engine/reference/builder/>                    |
+| Referensi Compose file versi 3              | <https://docs.docker.com/compose/compose-file/compose-file-v3/>        |
+| Referensi CLI Docker                        | <https://docs.docker.com/engine/reference/commandline/docker/>         |
+| Referensi CLI Docker Compose                | <https://docs.docker.com/compose/reference/>                           |
+| Next.js Deployment dengan Docker Image      | <https://nextjs.org/docs/deployment#docker-image>                      |
+| Next.js di Docker                           | <https://benmarte.com/blog/nextjs-in-docker/>                          |
+| Contoh Next.js dengan Docker                | <https://github.com/vercel/next.js/tree/canary/examples/with-docker>   |
+| Membuat Gambar Docker dari aplikasi Next.js | <https://blog.tericcabrel.com/create-docker-image-nextjs-application/> |
diff --git a/www/src/pages/id/usage/index.astro b/www/src/pages/id/usage/index.astro
@@ -8,7 +8,8 @@ const frontmatter: Frontmatter = {
   title: "Pemakaian",
   layout: "docs",
   // description: "Learn how to use the different technology from the T3 Stack.",
-  description: "Pelajari bagaimana cara memakai berbagai teknologi dari Stack T3.",
+  description:
+    "Pelajari bagaimana cara memakai berbagai teknologi dari Stack T3.",
 };
 
 const lang = getLanguageFromURL(Astro.url.pathname);
diff --git a/www/src/pages/id/usage/next-js.md b/www/src/pages/id/usage/next-js.md
@@ -27,11 +27,11 @@ Jika Anda perlu menggunakan fitur ini, periksa tautan-tautan berikut: [Advanced
 
 ## Sumber Daya Berguna
 
-| Sumber Daya                    | Tautan                                     |
-| ----------------------------- | ------------------------------------------ |
-| Dokumentasi Next.js            | <https://nextjs.org/docs>                    |
-| GitHub Next.js                | <https://github.com/vercel/next.js>         |
-| Blog Next.js                  | <https://nextjs.org/blog>                    |
-| Discord Next.js               | <https://nextjs.org/discord>                 |
-| Twitter Next.js               | <https://twitter.com/nextjs>                |
-| Saluran YouTube Vercel/Next.js | <https://www.youtube.com/c/VercelHQ>         |
+| Sumber Daya                    | Tautan                               |
+| ------------------------------ | ------------------------------------ |
+| Dokumentasi Next.js            | <https://nextjs.org/docs>            |
+| GitHub Next.js                 | <https://github.com/vercel/next.js>  |
+| Blog Next.js                   | <https://nextjs.org/blog>            |
+| Discord Next.js                | <https://nextjs.org/discord>         |
+| Twitter Next.js                | <https://twitter.com/nextjs>         |
+| Saluran YouTube Vercel/Next.js | <https://www.youtube.com/c/VercelHQ> |
diff --git a/www/src/pages/id/usage/prisma.md b/www/src/pages/id/usage/prisma.md
@@ -69,10 +69,10 @@ Kemudian, cukup jalankan `pnpm db-seed` (atau `npm`/`yarn`) untuk menyemai basis
 
 ## Sumber Daya Berguna
 
-| Sumber Daya                     | Tautan                                                                                                                                               |
-| ------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Dokumentasi Prisma              | <https://www.prisma.io/docs/>                                                                                                                           |
-| GitHub Prisma                  | <https://github.com/prisma/prisma>                                                                                                                      |
-| Prisma Migrate Playground      | <https://playground.prisma.io/guides>                                                                                                                   |
-| Adapter Prisma NextAuth.JS     | <https://next-auth.js.org/adapters/prisma>                                                                                                              |
-| Panduan Koneksi Planetscale    | <https://www.prisma.io/docs/getting-started/setup-prisma/add-to-existing-project/relational-databases/connect-your-database-typescript-planetscale> |
+| Sumber Daya                 | Tautan                                                                                                                                              |
+| --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Dokumentasi Prisma          | <https://www.prisma.io/docs/>                                                                                                                       |
+| GitHub Prisma               | <https://github.com/prisma/prisma>                                                                                                                  |
+| Prisma Migrate Playground   | <https://playground.prisma.io/guides>                                                                                                               |
+| Adapter Prisma NextAuth.JS  | <https://next-auth.js.org/adapters/prisma>                                                                                                          |
+| Panduan Koneksi Planetscale | <https://www.prisma.io/docs/getting-started/setup-prisma/add-to-existing-project/relational-databases/connect-your-database-typescript-planetscale> |
diff --git a/www/src/pages/id/usage/tailwind.md b/www/src/pages/id/usage/tailwind.md
@@ -85,12 +85,12 @@ Menggunakan kelas secara kondisional dengan menggunakan operator ternary bisa me
 
 ## Sumber Daya Berguna
 
-| Sumber Daya                     | Tautan                                                         |
-| ---------------------------- | ------------------------------------------------------------------ |
-| Dokumentasi Tailwind          | <https://tailwindcss.com/docs/editor-setup/>                       |
-| Daftar Cepat Tailwind         | <https://nerdcave.com/tailwind-cheat-sheet/>                       |
-| awesome-tailwindcss          | <https://github.com/aniftyco/awesome-tailwindcss/>                 |
-| Komunitas Tailwind           | <https://github.com/tailwindlabs/tailwindcss/discussions/>         |
-| Server Discord Tailwind      | <https://tailwindcss.com/discord/>                                 |
-| Kanal Youtube TailwindLabs  | <https://www.youtube.com/tailwindlabs/>                            |
-| Tailwind Playground          | <https://play.tailwindcss.com/>                                    |
+| Sumber Daya                | Tautan                                                     |
+| -------------------------- | ---------------------------------------------------------- |
+| Dokumentasi Tailwind       | <https://tailwindcss.com/docs/editor-setup/>               |
+| Daftar Cepat Tailwind      | <https://nerdcave.com/tailwind-cheat-sheet/>               |
+| awesome-tailwindcss        | <https://github.com/aniftyco/awesome-tailwindcss/>         |
+| Komunitas Tailwind         | <https://github.com/tailwindlabs/tailwindcss/discussions/> |
+| Server Discord Tailwind    | <https://tailwindcss.com/discord/>                         |
+| Kanal Youtube TailwindLabs | <https://www.youtube.com/tailwindlabs/>                    |
+| Tailwind Playground        | <https://play.tailwindcss.com/>                            |
diff --git a/www/src/pages/id/usage/trpc.md b/www/src/pages/id/usage/trpc.md
@@ -379,8 +379,8 @@ test("contoh router yang dilindungi", async () => {
 
 ## Sumber Daya Berguna
 
-| Sumber Daya         | Tautan                                                  |
-| ------------------- | ------------------------------------------------------- |
-| Dokumentasi tRPC    | <https://www.trpc.io>                                     |
-| Banyak Contoh tRPC  | <https://github.com/trpc/trpc/tree/next/examples>         |
+| Sumber Daya             | Tautan                                                    |
+| ----------------------- | --------------------------------------------------------- |
+| Dokumentasi tRPC        | <https://www.trpc.io>                                     |
+| Banyak Contoh tRPC      | <https://github.com/trpc/trpc/tree/next/examples>         |
 | Dokumentasi React Query | <https://tanstack.com/query/v4/docs/adapters/react-query> |
diff --git a/www/src/pages/id/usage/typescript.md b/www/src/pages/id/usage/typescript.md
@@ -59,9 +59,9 @@ Lihat video Theo tentang [Anda mungkin salah menggunakan TypeScript](https://www
 
 ## Sumber Daya Berguna
 
-| Sumber Daya                            | Tautan                                                              |
-| -------------------------------------- | ------------------------------------------------------------------- |
-| Panduan TypeScript                      | <https://www.typescriptlang.org/docs/handbook/>                     |
-| Tutorial TypeScript untuk Pemula       | <https://github.com/total-typescript/beginners-typescript-tutorial> |
-| Tantangan Tipe                         | <https://github.com/type-challenges/type-challenges>                |
+| Sumber Daya                                                      | Tautan                                                              |
+| ---------------------------------------------------------------- | ------------------------------------------------------------------- |
+| Panduan TypeScript                                               | <https://www.typescriptlang.org/docs/handbook/>                     |
+| Tutorial TypeScript untuk Pemula                                 | <https://github.com/total-typescript/beginners-typescript-tutorial> |
+| Tantangan Tipe                                                   | <https://github.com/type-challenges/type-challenges>                |
 | Saluran Youtube "Rodney Mullen" (Matt Pocock) tentang TypeScript | <https://www.youtube.com/c/MattPocockUk/videos>                     |

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ import Button from "../landingPage/button.astro";`
`4`	`4`
`5`	`5`	`<Button`
`6`	`6`	`href="#content"`
`7`		`- className="absolute opacity-0 -top-96 ltr:-left-96 rtl:-right-96 focus:top-0 ltr:focus:left-0 rtl:focus:right-0 focus:opacity-100 z-50"`
	`7`	`+ className="absolute -top-96 z-50 opacity-0 focus:top-0 focus:opacity-100 ltr:-left-96 ltr:focus:left-0 rtl:-right-96 rtl:focus:right-0"`
`8`	`8`	`>`
`9`	`9`	`Jump to content`
`10`	`10`	`</Button>`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@ import PageSection from "./pageSection.astro";`
`4`	`4`	`---`
`5`	`5`
`6`	`6`	`<PageSection`
`7`		`- className="grid grid-cols-1 xl:grid-cols-2 gap-8 items-center mx-auto max-w-7xl px-4 pb-12 sm:px-6 lg:px-8 lg:grid lg:gap-x-8 xl:gap-x-12"`
	`7`	`+ className="mx-auto grid max-w-7xl grid-cols-1 items-center gap-8 px-4 pb-12 sm:px-6 lg:grid lg:gap-x-8 lg:px-8 xl:grid-cols-2 xl:gap-x-12"`
`8`	`8`	`size={"24"}`
`9`	`9`	`id="about"`
`10`	`10`	`>`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ const { title, href } = Astro.props;`
`18`	`18`	`href={href}`
`19`	`19`	`target="_blank"`
`20`	`20`	`rel="noopener noreferrer"`
`21`		`- class="h-full rounded-md before:absolute before:inset-0 before:content-[''] focus:no-underline hover:no-underline active:no-underline"`
	`21`	`+ class="h-full rounded-md before:absolute before:inset-0 before:content-[''] hover:no-underline focus:no-underline active:no-underline"`
`22`	`22`	`>`
`23`	`23`	`{title}`
`24`	`24`	`</a>`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import TweetSlider from "./tweetSlider.astro";`
`6`	`6`
`7`	`7`	`<PageSection`
`8`	`8`	`size={"24"}`
`9`		`- className="grid grid-cols-1 md:grid-cols-2 max-w-7xl mx-auto gap-4 md:gap-10 px-4 pb-12 sm:px-6 lg:px-8"`
	`9`	`+ className="mx-auto grid max-w-7xl grid-cols-1 gap-4 px-4 pb-12 sm:px-6 md:grid-cols-2 md:gap-10 lg:px-8"`
`10`	`10`	`id="love"`
`11`	`11`	`>`
`12`	`12`	`<div`