Format with Prettier 3.0

apps/content/lib/colors.ts

@@ -2,18 +2,16 @@ export const backgroundColors = [
   "primary",
   "secondary",
   "dark",
-  'lilac',
+  "lilac",
   "pinkCandy",
   "redCandy",
   "stone",
   "mint",
-  'oceanFoam',
+  "oceanFoam",
   "salmon",
-  'sun',
+  "sun",
   "blueExtreme",
   "lilacExtreme",
 ];
 
-export const colors = [
-  'light', 'dark'
-];
+export const colors = ["light", "dark"];

apps/content/sanity.cli.ts

@@ -1,8 +1,8 @@
-import {defineCliConfig} from 'sanity/cli'
+import { defineCliConfig } from "sanity/cli";
 
 export default defineCliConfig({
   api: {
-    projectId: 'dk9hv6ix',
-    dataset: 'production'
-  }
-})
+    projectId: "dk9hv6ix",
+    dataset: "production",
+  },
+});

apps/content/sanity.config.ts

@@ -1,17 +1,17 @@
-import { visionTool } from '@sanity/vision';
-import { defineConfig } from 'sanity';
+import { visionTool } from "@sanity/vision";
+import { defineConfig } from "sanity";
 import { unsplashImageAsset } from "sanity-plugin-asset-source-unsplash";
 import { markdownSchema } from "sanity-plugin-markdown";
-import { media } from 'sanity-plugin-media';
-import { deskTool } from 'sanity/desk';
-import { schemaTypes } from './schemas';
+import { media } from "sanity-plugin-media";
+import { deskTool } from "sanity/desk";
+import { schemaTypes } from "./schemas";
 
 export default defineConfig({
-  name: 'default',
-  title: 'katharinaclasen-com',
+  name: "default",
+  title: "katharinaclasen-com",
 
-  projectId: 'dk9hv6ix',
-  dataset: 'production',
+  projectId: "dk9hv6ix",
+  dataset: "production",
 
   plugins: [
     deskTool(),
@@ -24,4 +24,4 @@ export default defineConfig({
   schema: {
     types: schemaTypes,
   },
-})
+});

apps/content/schemas/accordionItem.ts

@@ -1,11 +1,11 @@
-import { defineField, defineType } from 'sanity';
-import { backgroundColors, colors } from '../lib/colors';
-import { illustrations } from '../lib/illustration';
+import { defineField, defineType } from "sanity";
+import { backgroundColors, colors } from "../lib/colors";
+import { illustrations } from "../lib/illustration";
 
 export const accordionItem = defineType({
-  name: 'accordionItem',
-  title: 'Accordion Item',
-  type: 'document',
+  name: "accordionItem",
+  title: "Accordion Item",
+  type: "document",
   groups: [
     {
       name: "content",
@@ -88,5 +88,5 @@ export const accordionItem = defineType({
       },
       group: "visual",
     }),
-  ]
-});
+  ],
+});

apps/content/schemas/quote.ts

@@ -6,26 +6,28 @@ export const quote = defineType({
   type: "document",
   fields: [
     defineField({
-      name: 'author',
-      title: 'Author',
-      type: 'string',
-      validation: Rule => Rule.custom((author, context) => {
-        // @ts-expect-error
-        const text = context.document.text;
-        if (!author && text) return 'Required';
-        return true;
-      })
+      name: "author",
+      title: "Author",
+      type: "string",
+      validation: (Rule) =>
+        Rule.custom((author, context) => {
+          // @ts-expect-error
+          const text = context.document.text;
+          if (!author && text) return "Required";
+          return true;
+        }),
     }),
     defineField({
-      name: 'text',
-      title: 'Text',
-      type: 'text',
-      validation: Rule => Rule.custom((text, context) => {
-        // @ts-expect-error
-        const author = context.document.author;
-        if (!text && author) return 'Required';
-        return true;
-      })
+      name: "text",
+      title: "Text",
+      type: "text",
+      validation: (Rule) =>
+        Rule.custom((text, context) => {
+          // @ts-expect-error
+          const author = context.document.author;
+          if (!text && author) return "Required";
+          return true;
+        }),
     }),
-  ]
+  ],
 });

apps/content/schemas/topic.ts

@@ -1,21 +1,21 @@
-import { defineField, defineType } from 'sanity';
+import { defineField, defineType } from "sanity";
 
 export const topic = defineType({
-  name: 'topic',
-  title: 'Thema',
-  type: 'document',
+  name: "topic",
+  title: "Thema",
+  type: "document",
   fields: [
     defineField({
-      name: 'title',
-      title: 'Titel',
-      type: 'string',
-      validation: Rule => Rule.required()
+      name: "title",
+      title: "Titel",
+      type: "string",
+      validation: (Rule) => Rule.required(),
     }),
     defineField({
-      name: 'service',
-      title: 'Service',
-      type: 'reference',
-      to: [{ type: 'service' }],
+      name: "service",
+      title: "Service",
+      type: "reference",
+      to: [{ type: "service" }],
     }),
-  ]
-});
+  ],
+});

apps/website/postcss.config.js

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};

apps/website/src/app/(home)/BlogTeaser/BlogTeaser.tsx

@@ -43,19 +43,19 @@ export const BlogTeaser = async () => {
           .array(
             z.object({
               title: z.string(),
-            })
+            }),
           )
           .nullable(),
         topics: z
           .array(
             z.object({
               title: z.string(),
-            })
+            }),
           )
           .nullable(),
         content: z.string(),
-      })
-    )
+      }),
+    ),
   );
   return (
     <Section id="blog" color="primary">
@@ -98,7 +98,7 @@ export const BlogTeaser = async () => {
                             ({
                               outline: "solid",
                               text: service.title,
-                            } as const)
+                            }) as const,
                         )
                       : []),
                     ...(blogPost.topics
@@ -107,7 +107,7 @@ export const BlogTeaser = async () => {
                             ({
                               outline: "dash",
                               text: topic.title,
-                            } as const)
+                            }) as const,
                         )
                       : []),
                   ]}

apps/website/src/app/(home)/Header/Header.tsx

@@ -14,7 +14,7 @@ import serviceUxResearchImg from "./service-ux-research.png";
 
 export const Header = async () => {
   const { content } = await getTextSnippet(
-    "32e5e0f0-a6fc-444f-96c5-86119e3f2204"
+    "32e5e0f0-a6fc-444f-96c5-86119e3f2204",
   );
   return (
     <section className="overflow-hidden bg-background-secondary py-20 sm:py-32">
@@ -35,7 +35,7 @@ export const Header = async () => {
                 src={memojiImg}
                 alt="Memoji of Katharina Clasen"
                 priority
-                className="h-auto w-[100px] animate-in fade-in slide-in-from-left-1/3 duration-500 ease-in-out"
+                className="h-auto w-[100px] duration-500 ease-in-out animate-in fade-in slide-in-from-left-1/3"
               />
               <Body as="p" size="large" priority="secondary">
                 {content}
@@ -119,7 +119,7 @@ export const Header = async () => {
             />
             <Button
               href="/projects"
-              className="absolute bottom-4 right-4 sm:top-8 sm:right-8 sm:bottom-auto"
+              className="absolute bottom-4 right-4 sm:bottom-auto sm:right-8 sm:top-8"
             >
               <ArrowRight />
               Find more projects

apps/website/src/app/(home)/LcdTeaser/LcdTeaser.tsx

@@ -8,7 +8,7 @@ import earthImg from "./earth.jpg";
 
 export const LcdTeaser = async () => {
   const { content } = await getTextSnippet(
-    "44ee2a4a-1135-43a4-a5c8-59bb49ef7a47"
+    "44ee2a4a-1135-43a4-a5c8-59bb49ef7a47",
   );
   return (
     <Section color="dark">

apps/website/src/app/about/AboutMe/AboutMe.tsx

@@ -8,7 +8,7 @@ import { getImage, getTextSnippet } from "../../../lib/queries";
 
 export const AboutMe = async () => {
   const { content } = await getTextSnippet(
-    "21714849-9385-4b58-9f14-600c1ebdf708"
+    "21714849-9385-4b58-9f14-600c1ebdf708",
   );
   const image = await getImage("24761a5c-f2f8-43d3-91da-5c1d5ebf6d31");
 

apps/website/src/app/about/Header/Header.tsx

@@ -11,7 +11,7 @@ import { getTextSnippet } from "../../../lib/queries";
 
 export const Header = async () => {
   const { content } = await getTextSnippet(
-    "e1621db5-a950-467f-b6fd-2c0dfa735e3e"
+    "e1621db5-a950-467f-b6fd-2c0dfa735e3e",
   );
   return (
     <section className="flex min-h-[calc(100vh-80px)] flex-col overflow-hidden bg-background-red-candy">
@@ -38,7 +38,7 @@ export const Header = async () => {
         <Image
           src={memojiImg}
           alt="Memoji of Katharina Clasen forming a heart with her hands."
-          className="absolute bottom-0 right-0 h-auto w-[150px] animate-in fade-in slide-in-from-bottom-1/3 duration-500 ease-out sm:w-[250px] lg:w-[350px]"
+          className="absolute bottom-0 right-0 h-auto w-[150px] duration-500 ease-out animate-in fade-in slide-in-from-bottom-1/3 sm:w-[250px] lg:w-[350px]"
           sizes="30vw"
           priority
         />

apps/website/src/app/about/MyPhilosophy/MyPhilosophy.tsx

@@ -7,7 +7,7 @@ import { getCardGridItems } from "../../../lib/queries";
 
 export const MyPhilosophy = async () => {
   const cardGrid = await getCardGridItems(
-    "4636d048-0b7e-4cf4-9416-b90c291705c6"
+    "4636d048-0b7e-4cf4-9416-b90c291705c6",
   );
   const { title, subtitle, items, quotes } = cardGrid;
   return (

apps/website/src/app/blog/page.tsx

@@ -74,19 +74,19 @@ const BlogPage = async () => {
           .array(
             z.object({
               title: z.string(),
-            })
+            }),
           )
           .nullable(),
         topics: z
           .array(
             z.object({
               title: z.string(),
-            })
+            }),
           )
           .nullable(),
         content: z.string(),
-      })
-    )
+      }),
+    ),
   );
   return (
     <div className="py-20 sm:py-32">
@@ -124,7 +124,7 @@ const BlogPage = async () => {
                               ({
                                 outline: "solid",
                                 text: service.title,
-                              } as const)
+                              }) as const,
                           )
                         : []),
                       ...(blogPost.topics
@@ -133,7 +133,7 @@ const BlogPage = async () => {
                               ({
                                 outline: "dash",
                                 text: topic.title,
-                              } as const)
+                              }) as const,
                           )
                         : []),
                     ]}

apps/website/src/app/contact/Header/Header.tsx

@@ -17,7 +17,7 @@ import smartphoneImg from "./smartphone.png";
 
 export const Header = async () => {
   const { content } = await getTextSnippet(
-    "e0c78e26-6cdb-4f2e-b147-fb6ef99b5bd2"
+    "e0c78e26-6cdb-4f2e-b147-fb6ef99b5bd2",
   );
   return (
     <section className="flex min-h-[calc(100vh-80px)] flex-col overflow-hidden bg-background-pink-candy">
@@ -57,7 +57,7 @@ export const Header = async () => {
         <Image
           src={memojiImg}
           alt="Memoji of Katharina Clasen forming a heart with her hands."
-          className="absolute bottom-0 right-0 h-auto w-[150px] animate-in fade-in slide-in-from-bottom-1/3 duration-500 ease-out md:w-[250px] lg:w-[350px]"
+          className="absolute bottom-0 right-0 h-auto w-[150px] duration-500 ease-out animate-in fade-in slide-in-from-bottom-1/3 md:w-[250px] lg:w-[350px]"
           sizes="30vw"
           priority
         />

apps/website/src/app/imprint/page.tsx

@@ -5,7 +5,7 @@ import { getMetadata, getTextSnippet } from "../../lib/queries";
 
 export const generateMetadata = createGenerateMetadata(async () => {
   const { title, description } = await getMetadata(
-    "284418b6-bffc-4dd8-ac18-97c7c6e0bc1b"
+    "284418b6-bffc-4dd8-ac18-97c7c6e0bc1b",
   );
   return {
     title,
@@ -30,7 +30,7 @@ export const generateMetadata = createGenerateMetadata(async () => {
 
 const ImprintPage = async () => {
   const textSnippet = await getTextSnippet(
-    "e489ce4e-0e6e-4561-b560-882cb0e29359"
+    "e489ce4e-0e6e-4561-b560-882cb0e29359",
   );
 
   return (

apps/website/src/app/layout.tsx

@@ -10,7 +10,7 @@ import "../styles/global.css";
 
 export const generateMetadata = createGenerateMetadata(async () => {
   const { title, description } = await getMetadata(
-    "3c9f2256-cc4a-4e79-bfa7-4dcda1263376"
+    "3c9f2256-cc4a-4e79-bfa7-4dcda1263376",
   );
   return {
     metadataBase: new URL("https://katharinaclasen.com"),
@@ -81,7 +81,7 @@ const RootLayout = ({ children }: Props) => {
           "[&:has(.about-page)]:bg-background-red-candy [&:has(.about-page)_.mobile-nav]:bg-background-red-candy",
           "[&:has(.services-page)]:bg-background-stone lg:[&:has(.services-page)]:!bg-background-primary [&:has(.services-page)_.mobile-nav]:bg-background-stone",
           "[&:has(.lcd-page)]:bg-background-ocean-foam [&:has(.lcd-page)_.mobile-nav]:bg-background-ocean-foam",
-          "[&:has(.contact-page)]:bg-background-pink-candy [&:has(.contact-page)_.mobile-nav]:bg-background-pink-candy"
+          "[&:has(.contact-page)]:bg-background-pink-candy [&:has(.contact-page)_.mobile-nav]:bg-background-pink-candy",
         )}
       >
         <body className="relative flex min-h-screen flex-col overflow-x-hidden">