chore: Run prettier on docs

To ensure that the sample code is consistent.

Author: arv

.eslintrc.json

@@ -1,11 +1,8 @@
 {
-  "extends": [
-    "next/core-web-vitals",
-    "plugin:@typescript-eslint/recommended"
-  ],
+  "extends": ["next/core-web-vitals", "plugin:@typescript-eslint/recommended"],
   "parser": "@typescript-eslint/parser",
   "plugins": ["@typescript-eslint"],
   "rules": {
     "@typescript-eslint/no-explicit-any": "warn"
   }
-}
+}

.prettierignore

@@ -1 +1 @@
-**
+um.js

CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within

README.md

@@ -6,7 +6,6 @@ This feature-packed documentation template, built with Next.js, offers a sleek a
 
 <img src="./public/public-og.png" />
 
-
 <br/>
 
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
@@ -50,9 +49,6 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/deploym
 
 Got it! Here's a way to present the features in a more structured and visually appealing way using a table:
 
-
-
-
 ## Features
 
 ```plaintext
@@ -68,4 +64,4 @@ Features
 ```
 
 <img src="./public/1.png" />
-<img src="./public/2.png" />
+<img src="./public/2.png" />

app/docs/[[...slug]]/page.tsx

@@ -1,17 +1,17 @@
-import Toc from "@/components/toc";
-import Pagination from "@/components/Pagination";
-import { page_routes } from "@/lib/routes-config";
-import { notFound } from "next/navigation";
-import { getDocsForSlug } from "@/lib/markdown";
-import { Typography } from "@/components/typography";
-import CopyContent from "@/components/ui/copy-content";
+import Toc from '@/components/toc';
+import Pagination from '@/components/Pagination';
+import {page_routes} from '@/lib/routes-config';
+import {notFound} from 'next/navigation';
+import {getDocsForSlug} from '@/lib/markdown';
+import {Typography} from '@/components/typography';
+import CopyContent from '@/components/ui/copy-content';
 
 type PageProps = {
-  params: { slug: string[] };
+  params: {slug: string[]};
 };
 
-export default async function DocsPage({ params: { slug = [] } }: PageProps) {
-  const pathName = slug.join("/");
+export default async function DocsPage({params: {slug = []}}: PageProps) {
+  const pathName = slug.join('/');
   const res = await getDocsForSlug(pathName);
 
   if (!res) notFound();
@@ -34,19 +34,19 @@ export default async function DocsPage({ params: { slug = [] } }: PageProps) {
   );
 }
 
-export async function generateMetadata({ params: { slug = [] } }: PageProps) {
-  const pathName = slug.join("/");
+export async function generateMetadata({params: {slug = []}}: PageProps) {
+  const pathName = slug.join('/');
   const res = await getDocsForSlug(pathName);
   if (!res) return null;
-  const { frontmatter } = res;
+  const {frontmatter} = res;
   return {
     title: frontmatter.title,
     description: frontmatter.description,
   };
 }
 
 export function generateStaticParams() {
-  return page_routes.map((item) => ({
-    slug: item.href.split("/").slice(1),
+  return page_routes.map(item => ({
+    slug: item.href.split('/').slice(1),
   }));
 }

app/docs/layout.tsx

@@ -1,4 +1,4 @@
-import { Leftbar } from "@/components/leftbar";
+import {Leftbar} from '@/components/leftbar';
 
 export default function DocsLayout({
   children,
@@ -8,7 +8,7 @@ export default function DocsLayout({
   return (
     <div className="flex items-start gap-14">
       <Leftbar key="leftbar" />
-      <div className="flex-[4]">{children}</div>{" "}
+      <div className="flex-[4]">{children}</div>{' '}
     </div>
   );
 }

app/error.tsx

@@ -1,13 +1,13 @@
-"use client"; // Error components must be Client Components
+'use client'; // Error components must be Client Components
 
-import { Button } from "@/components/ui/button";
-import { useEffect } from "react";
+import {Button} from '@/components/ui/button';
+import {useEffect} from 'react';
 
 export default function Error({
   error,
   reset,
 }: {
-  error: Error & { digest?: string };
+  error: Error & {digest?: string};
   reset: () => void;
 }) {
   useEffect(() => {

app/globals.css

@@ -65,7 +65,10 @@
   body {
     @apply bg-background text-foreground;
     font-variant-ligatures: none;
-    font-feature-settings: "liga" 0, "clig" 0, "calt" 0;
+    font-feature-settings:
+      'liga' 0,
+      'clig' 0,
+      'calt' 0;
     -webkit-font-smoothing: antialiased; /* macOS and iOS (WebKit) smoothing */
     -moz-osx-font-smoothing: grayscale; /* macOS (Firefox) smoothing */
     font-smooth: always; /* fallback smoothing */
@@ -83,7 +86,7 @@
 
 .prose
   aside
-  :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
   margin-top: 0.75rem;
 }
 
@@ -184,7 +187,10 @@
   max-width: inherit !important;
   padding: 14px 0 !important;
   font-variant-ligatures: none;
-  font-feature-settings: "liga" 0, "clig" 0, "calt" 0;
+  font-feature-settings:
+    'liga' 0,
+    'clig' 0,
+    'calt' 0;
 }
 
 .code-line {
@@ -272,7 +278,7 @@
 }
 
 .heading-link::after {
-  content: "";
+  content: '';
   position: absolute;
   right: -1.3rem;
   top: 0.5rem;

app/layout.tsx

@@ -1,19 +1,19 @@
-import type { Metadata } from "next";
-import localFont from "next/font/local";
-import ClientBoundary from "@/components/ClientBoundary"; // Add a wrapper for client components
-import "./globals.css";
-import Script from "next/script";
+import type {Metadata} from 'next';
+import localFont from 'next/font/local';
+import ClientBoundary from '@/components/ClientBoundary'; // Add a wrapper for client components
+import './globals.css';
+import Script from 'next/script';
 
 const muoto = localFont({
-  src: "./fonts/muoto-var.ttf",
-  variable: "--font-regular",
-  weight: "100 900",
+  src: './fonts/muoto-var.ttf',
+  variable: '--font-regular',
+  weight: '100 900',
 });
 
 const codeFont = localFont({
-  src: "./fonts/fira-var.woff2",
-  variable: "--font-code",
-  weight: "100 900",
+  src: './fonts/fira-var.woff2',
+  variable: '--font-code',
+  weight: '100 900',
 });
 
 export const metadata: Metadata = {
@@ -29,9 +29,8 @@ export const metadata: Metadata = {
     description: 'The official documentation for Zero by Rocicorp.',
     images: '/opengraph-image.jpg',
   },
-  title: "Zero Docs",
-  description:
-    "The official documentation for Zero by Rocicorp.",
+  title: 'Zero Docs',
+  description: 'The official documentation for Zero by Rocicorp.',
 };
 
 export default function RootLayout({
@@ -43,7 +42,7 @@ export default function RootLayout({
     <html
       lang="en"
       className="dark"
-      style={{ colorScheme: "dark" }}
+      style={{colorScheme: 'dark'}}
       suppressHydrationWarning
     >
       <body

app/not-found.tsx

@@ -1,5 +1,5 @@
-import { buttonVariants } from "@/components/ui/button";
-import Link from "next/link";
+import {buttonVariants} from '@/components/ui/button';
+import Link from 'next/link';
 
 export default function NotFound() {
   return (

app/page.tsx

@@ -1,9 +1,9 @@
-import Link from "next/link";
-import Image from "next/image";
-import styles from "./page.module.css";
-import ResponsiveImage from "@/components/ui/responsive-image";
-import CodeBlock from "@/components/CodeBlock";
-import { Button } from "@/components/ui/button";
+import Link from 'next/link';
+import Image from 'next/image';
+import styles from './page.module.css';
+import ResponsiveImage from '@/components/ui/responsive-image';
+import CodeBlock from '@/components/CodeBlock';
+import {Button} from '@/components/ui/button';
 
 export default function Home() {
   // Code block
@@ -48,9 +48,12 @@ export default function Home() {
           height={32}
         />
 
-
-
-        <Button variant="outline" className={styles.primaryButton} size="default" asChild>
+        <Button
+          variant="outline"
+          className={styles.primaryButton}
+          size="default"
+          asChild
+        >
           <a href="/docs/introduction">Docs</a>
         </Button>
       </div>
@@ -67,8 +70,8 @@ export default function Home() {
       <p>It&apos;s time for a rethink.</p>
       <p>
         We&apos;re building a general-purpose sync engine for the web. You put
-        Zero in front of your database or web service, and we
-        distribute your backend all the way to main thread of the UI.
+        Zero in front of your database or web service, and we distribute your
+        backend all the way to main thread of the UI.
       </p>
 
       {/* Zero Diagram */}
@@ -102,8 +105,8 @@ export default function Home() {
           updates, in the next frame.
         </li>
         <li>
-          <strong>Automatic reactivity</strong> &ndash; a user changes
-          something and all other users see the change live.
+          <strong>Automatic reactivity</strong> &ndash; a user changes something
+          and all other users see the change live.
         </li>
         <li>
           <strong>Dramatically faster</strong> development velocity &ndash;
@@ -127,8 +130,8 @@ export default function Home() {
         even an old-fashioned server-rendered web app.
       </p>
       <p>
-        We have open sourced{" "}
-        <Link href="https://replicache.dev">Replicache</Link> and{" "}
+        We have open sourced{' '}
+        <Link href="https://replicache.dev">Replicache</Link> and{' '}
         <Link href="https://reflect.net">Reflect</Link>. Once Zero is ready, we
         will encourage users to move. We expect the migration to be easy, and
         the benefits once migrated to be dramatic.
@@ -138,7 +141,12 @@ export default function Home() {
         past five years. Ready to dive in?
       </p>
       <p className={styles.ctaContainer}>
-        <Button variant="outline" className={styles.primaryButton} size="default" asChild>
+        <Button
+          variant="outline"
+          className={styles.primaryButton}
+          size="default"
+          asChild
+        >
           <a href="/docs/introduction">Get Started</a>
         </Button>
       </p>

components.json

@@ -14,4 +14,4 @@
     "components": "@/components",
     "utils": "@/lib/utils"
   }
-}
+}

components/ClientBoundary.tsx

@@ -1,6 +1,6 @@
-"use client";
+'use client';
 
-import ConditionalNavbar from "@/components/ConditionalNavbar";
+import ConditionalNavbar from '@/components/ConditionalNavbar';
 
 export default function ClientBoundary() {
   return <ConditionalNavbar />;