chore: update prettier to 3.2.5 (#65092)

.github/actions/next-integration-stat/src/index.ts

@@ -447,29 +447,32 @@ async function getTestResultDiffBase(
 
   // Find the latest test result tree, iterate results file names to find out the latest one.
   // Filename follow ${yyyyMMddHHmm}-${sha}.json format.
-  const actualTestResultTree = testResultJsonTree.reduce((acc, value) => {
+  const actualTestResultTree = testResultJsonTree.reduce(
-    const dateStr = value.path?.split('-')[0].match(/(....)(..)(..)(..)(..)/)
+    (acc, value) => {
+      const dateStr = value.path?.split('-')[0].match(/(....)(..)(..)(..)(..)/)
 
-    if (!dateStr || dateStr.length < 5) {
+      if (!dateStr || dateStr.length < 5) {
-      return acc
+        return acc
-    }
-
-    const date = new Date(
-      dateStr![1] as any,
-      (dateStr![2] as any) - 1,
-      dateStr![3] as any,
-      dateStr![4] as any,
-      dateStr![5] as any
-    )
-    if (!acc) {
-      return {
-        date,
-        value,
       }
-    }
 
-    return acc.date >= date ? acc : { date, value }
+      const date = new Date(
-  }, null as any as { date: Date; value: (typeof testResultJsonTree)[0] })
+        dateStr![1] as any,
+        (dateStr![2] as any) - 1,
+        dateStr![3] as any,
+        dateStr![4] as any,
+        dateStr![5] as any
+      )
+      if (!acc) {
+        return {
+          date,
+          value,
+        }
+      }
+
+      return acc.date >= date ? acc : { date, value }
+    },
+    null as any as { date: Date; value: (typeof testResultJsonTree)[0] }
+  )
 
   if (!actualTestResultTree || !actualTestResultTree?.value?.sha) {
     console.log('There is no test results json stored in the base yet')

.github/actions/next-stats-action/src/add-comment.js

@@ -106,8 +106,8 @@ module.exports = async function addComment(
                   ? '⚠️ '
                   : ''
                 : change > 0
-                ? '⚠️ '
+                  ? '⚠️ '
-                : ''
+                  : ''
               change = `${warn}${change < 0 ? '-' : '+'}${
                 useRawValue ? absChange : prettify(absChange, prettyType)
               }`

.github/actions/next-stats-action/src/prepare/load-stats-config.js

@@ -10,11 +10,9 @@ function loadStatsConfig() {
   for (const configPath of allowedConfigLocations) {
     try {
       relativeStatsAppDir = configPath
-      statsConfig = require(path.join(
+      statsConfig = require(
-        diffRepoDir,
+        path.join(diffRepoDir, configPath, 'stats-config.js')
-        configPath,
+      )
-        'stats-config.js'
-      ))
       break
     } catch (err) {
       if (err.code !== 'MODULE_NOT_FOUND') {

.prettierignore

@@ -4,7 +4,6 @@
 _next/
 __tmp__/
 dist/
-node_modules/
 target/
 compiled/
 
@@ -19,6 +18,14 @@ packages/next/src/bundles/webpack/packages/lazy-compilation-*.js
 
 packages/next-swc/crates/**/tests/**/output*
 packages/next-swc/crates/core/tests/loader/issue-32553/input.js
+# prettier destroys the directives here
+packages/next-swc/crates/next-custom-transforms/tests/errors/react-server-components/client-graph/use-client/input.js
+packages/next-swc/crates/next-custom-transforms/tests/errors/react-server-components/server-graph/fake-client-entry/input.js
+packages/next-swc/crates/next-custom-transforms/tests/errors/server-actions/server-graph/8/input.js
+packages/next-swc/crates/next-custom-transforms/tests/errors/server-actions/server-graph/9/input.js
+packages/next-swc/crates/next-custom-transforms/tests/fixture/optimize-barrel/normal/4/input.js
+packages/next-swc/crates/next-custom-transforms/tests/fixture/react-server-components/client-graph/client-entry/input.js
+packages/next-swc/crates/next-custom-transforms/tests/fixture/react-server-components/server-graph/client-entry/input.js
 packages/next-swc/native/**/*
 packages/next-swc/docs/assets/**/*
 

.prettierignore_staged

@@ -1,17 +0,0 @@
-**/.next/**
-**/_next/**
-**/dist/**
-packages/next-swc/crates/**
-packages/next/src/compiled/**/*
-packages/next/bundles/webpack/packages/*.runtime.js
-lerna.json
-packages/next-codemod/transforms/__testfixtures__/**/*
-packages/next-codemod/transforms/__tests__/**/*
-test/development/basic/hmr/components/parse-error.js
-pnpm-lock.yaml
-.github/actions/validate-docs-links/lib/index.js
-.github/actions/needs-triage/index.js
-.github/actions/*/index.mjs
-**/convex/_generated/**
-test/lib/amp-validator-wasm.js
-test/production/pages-dir/production/fixture/amp-validator-wasm.js

bench/next-minimal-server/bin/minimal-server.js

@@ -10,11 +10,9 @@ const path = require('path')
 const appDir = process.cwd()
 const distDir = '.next'
 
-const compiledConfig = require(path.join(
+const compiledConfig = require(
-  appDir,
+  path.join(appDir, distDir, 'required-server-files.json')
-  distDir,
+).config
-  'required-server-files.json'
-)).config
 
 process.chdir(appDir)
 

examples/app-dir-mdx/app/page.module.css

@@ -51,7 +51,9 @@
   border-radius: var(--border-radius);
   background: rgba(var(--card-rgb), 0);
   border: 1px solid rgba(var(--card-border-rgb), 0);
-  transition: background 200ms, border 200ms;
+  transition:
+    background 200ms,
+    border 200ms;
 }
 
 .card span {

examples/basic-css/styles.module.css

@@ -1,5 +1,8 @@
 .hello {
-  font: 15px Helvetica, Arial, sans-serif;
+  font:
+    15px Helvetica,
+    Arial,
+    sans-serif;
   background: #eee;
   padding: 100px;
   text-align: center;

examples/blog/styles/main.css

@@ -15,12 +15,30 @@
 }
 
 body {
-  font-family: "Inter var", system-ui, -apple-system, BlinkMacSystemFont,
+  font-family:
-    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Inter var",
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    "Noto Sans",
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
   -webkit-font-smoothing: subpixel-antialiased;
-  font-feature-settings: "case" 1, "cpsp" 1, "dlig" 1, "cv01" 1, "cv02",
+  font-feature-settings:
-    "cv03" 1, "cv04" 1;
+    "case" 1,
+    "cpsp" 1,
+    "dlig" 1,
+    "cv01" 1,
+    "cv02",
+    "cv03" 1,
+    "cv04" 1;
   font-variation-settings: "wght" 450;
   font-variant: common-ligatures contextual;
   letter-spacing: -0.02em;

examples/cms-buttercms/css/lineicons.css

@@ -7,7 +7,8 @@ Author: lineicons.com
 @font-face {
   font-family: "LineIcons";
   src: url("fonts/LineIcons.eot");
-  src: url("fonts/LineIcons.eot") format("embedded-opentype"),
+  src:
+    url("fonts/LineIcons.eot") format("embedded-opentype"),
     url("fonts/LineIcons.woff2") format("woff2"),
     url("fonts/LineIcons.woff") format("woff"),
     url("fonts/LineIcons.ttf") format("truetype"),

examples/cms-buttercms/css/tiny-slider.min.css

@@ -49,9 +49,15 @@
 .tns-gallery > .tns-item {
   position: absolute;
   left: -100%;
-  -webkit-transition: transform 0s, opacity 0s;
+  -webkit-transition:
-  -moz-transition: transform 0s, opacity 0s;
+    transform 0s,
-  transition: transform 0s, opacity 0s;
+    opacity 0s;
+  -moz-transition:
+    transform 0s,
+    opacity 0s;
+  transition:
+    transform 0s,
+    opacity 0s;
 }
 .tns-gallery > .tns-slide-active {
   position: relative;

examples/cms-contentful/lib/api.ts

@@ -92,8 +92,8 @@ export async function getPostAndMorePosts(
   const entry = await fetchGraphQL(
     `query {
       postCollection(where: { slug: "${slug}" }, preview: ${
-      preview ? "true" : "false"
+        preview ? "true" : "false"
-    }, limit: 1) {
+      }, limit: 1) {
         items {
           ${POST_GRAPHQL_FIELDS}
         }
@@ -104,8 +104,8 @@ export async function getPostAndMorePosts(
   const entries = await fetchGraphQL(
     `query {
       postCollection(where: { slug_not_in: "${slug}" }, order: date_DESC, preview: ${
-      preview ? "true" : "false"
+        preview ? "true" : "false"
-    }, limit: 2) {
+      }, limit: 2) {
         items {
           ${POST_GRAPHQL_FIELDS}
         }

examples/cms-kontent-ai/pages/posts/[slug].tsx

@@ -89,7 +89,7 @@ export async function getStaticPaths() {
           params: {
             slug,
           },
-        } || []),
+        }) || [],
     ),
     fallback: false,
   };

examples/cms-plasmic/pages/[[...catchall]].tsx

@@ -32,8 +32,8 @@ export const getStaticProps: GetStaticProps = async (context) => {
     typeof catchall === "string"
       ? catchall
       : Array.isArray(catchall)
-      ? `/${catchall.join("/")}`
+        ? `/${catchall.join("/")}`
-      : "/";
+        : "/";
   const plasmicData = await PLASMIC.maybeFetchComponentData(plasmicPath);
   if (!plasmicData) {
     // This is some non-Plasmic catch-all page

examples/cms-plasmic/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/cms-sitecore-xmcloud/src/assets/sass/base/typehead/_typehead.scss

@@ -22,7 +22,9 @@
   border: 1px solid $tt-dropdown-border;
   max-height: 300px;
   overflow-y: auto;
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
+  box-shadow:
+    0 3px 8px 0 rgba(0, 0, 0, 0.2),
+    0 0 0 1px rgba(0, 0, 0, 0.08);
 }
 .tt-suggestion {
   padding: 4px 10px;

examples/cms-sitecore-xmcloud/src/lib/page-props-factory/index.ts

@@ -37,11 +37,14 @@ export class SitecorePagePropsFactory {
   ): Promise<SitecorePageProps> {
     const extendedProps = await (Object.values(plugins) as Plugin[])
       .sort((p1, p2) => p1.order - p2.order)
-      .reduce(async (result, plugin) => {
+      .reduce(
-        const props = await result;
+        async (result, plugin) => {
-        const newProps = await plugin.exec(props, context);
+          const props = await result;
-        return newProps;
+          const newProps = await plugin.exec(props, context);
-      }, Promise.resolve({} as SitecorePageProps));
+          return newProps;
+        },
+        Promise.resolve({} as SitecorePageProps),
+      );
 
     return extendedProps;
   }

examples/cms-wordpress/lib/api.ts

@@ -4,9 +4,8 @@ async function fetchAPI(query = "", { variables }: Record<string, any> = {}) {
   const headers = { "Content-Type": "application/json" };
 
   if (process.env.WORDPRESS_AUTH_REFRESH_TOKEN) {
-    headers[
+    headers["Authorization"] =
-      "Authorization"
+      `Bearer ${process.env.WORDPRESS_AUTH_REFRESH_TOKEN}`;
-    ] = `Bearer ${process.env.WORDPRESS_AUTH_REFRESH_TOKEN}`;
   }
 
   // WPGraphQL Plugin must be enabled

examples/markdoc/public/globals.css

@@ -1,7 +1,19 @@
 body {
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+  font-family:
-    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    ui-sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    "Noto Sans",
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
   color: rgba(60, 66, 87, 1);
   margin: 0;
 }

examples/nested-components/components/paragraph.tsx

@@ -8,7 +8,9 @@ export default function Paragraph({ children }: ParagraphProps) {
       {children}
       <style jsx>{`
         p {
-          font: 13px Helvetica, Arial;
+          font:
+            13px Helvetica,
+            Arial;
           margin: 10px 0;
         }
       `}</style>

examples/nested-components/components/post.tsx

@@ -10,7 +10,9 @@ export default function Post({ title, children }: PostProps) {
       {children}
       <style jsx>{`
         .main {
-          font: 15px Helvetica, Arial;
+          font:
+            15px Helvetica,
+            Arial;
           border: 1px solid #eee;
           padding: 0 10px;
         }

examples/progressive-web-app/styles/Home.module.css

@@ -67,8 +67,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -90,7 +97,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:hover,

examples/progressive-web-app/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-ably/styles/globals.css

@@ -1,7 +1,17 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-algolia-react-instantsearch/styles/global.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 body {

examples/with-apivideo/style/index.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-apollo-and-redux/components/Clock.js

@@ -25,7 +25,10 @@ const Clock = () => {
           padding: 15px;
           display: inline-block;
           color: #82fa58;
-          font: 50px menlo, monaco, monospace;
+          font:
+            50px menlo,
+            monaco,
+            monospace;
           background-color: #000;
         }
         .light {

examples/with-azure-cosmos/pages/index.tsx

@@ -99,7 +99,9 @@ const Home = (props: Props) => {
           text-decoration: none;
           border: 1px solid #eaeaea;
           border-radius: 10px;
-          transition: color 0.15s ease, border-color 0.15s ease;
+          transition:
+            color 0.15s ease,
+            border-color 0.15s ease;
         }
 
         .card:hover,
@@ -132,8 +134,17 @@ const Home = (props: Props) => {
         body {
           padding: 0;
           margin: 0;
-          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+          font-family:
-            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
+            -apple-system,
+            BlinkMacSystemFont,
+            Segoe UI,
+            Roboto,
+            Oxygen,
+            Ubuntu,
+            Cantarell,
+            Fira Sans,
+            Droid Sans,
+            Helvetica Neue,
             sans-serif;
         }
 

examples/with-clerk/styles/Home.module.css

@@ -67,7 +67,9 @@
   min-height: 135px;
   border: 2px solid #fff;
   border-radius: 0.5em;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:empty {
@@ -89,18 +91,31 @@
 
   background-repeat: repeat-y;
 
-  background-size: 100px 200px, /* circle */ 50px 200px,
+  background-size:
-    /* highlight */ 150px 200px, 350px 200px, 200px 200px;
+    100px 200px,
+    /* circle */ 50px 200px,
+    /* highlight */ 150px 200px,
+    350px 200px,
+    200px 200px;
 
-  background-position: 0 0, /* circle */ 0 0, /* highlight */ 70px 36px,
+  background-position:
-    70px 58px, 70px 80px;
+    0 0,
+    /* circle */ 0 0,
+    /* highlight */ 70px 36px,
+    70px 58px,
+    70px 80px;
 
   animation: shine 1s infinite;
 }
 
 @keyframes shine {
   to {
-    background-position: 0 0, 100% 0, 70px 36px, 70px 58px, 70px 80px;
+    background-position:
+      0 0,
+      100% 0,
+      70px 36px,
+      70px 58px,
+      70px 80px;
   }
 }
 

examples/with-contentlayer/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
   line-height: 1.6;
   font-size: 18px;
 }

examples/with-couchbase/styles/Home.module.css

@@ -92,8 +92,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -115,7 +122,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:hover,

examples/with-couchbase/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 * {

examples/with-cypress/cypress/support/component-index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />

examples/with-cypress/styles/Home.module.css

@@ -65,8 +65,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -86,7 +93,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
   width: 45%;
 }
 

examples/with-cypress/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-docker-compose/next-app/src/styles/Home.module.css

@@ -73,8 +73,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -95,7 +102,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:hover,

examples/with-docker-compose/next-app/src/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-docker-multi-env/styles/Home.module.css

@@ -67,8 +67,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -89,7 +96,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:hover,

examples/with-docker-multi-env/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-docker/styles/Home.module.css

@@ -67,8 +67,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -89,7 +96,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:hover,

examples/with-docker/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-elasticsearch/styles/Home.module.css

@@ -53,7 +53,9 @@
   border-radius: var(--border-radius);
   background: rgba(var(--card-rgb), 0);
   border: 1px solid rgba(var(--card-border-rgb), 0);
-  transition: background 200ms, border 200ms;
+  transition:
+    background 200ms,
+    border 200ms;
 }
 
 .card span {

examples/with-emotion/shared/styles.tsx

@@ -34,7 +34,9 @@ export const hoverStyles = css`
     color: white;
     background-color: lightgray;
     border-color: aqua;
-    box-shadow: -15px -15px 0 0 aqua, -30px -30px 0 0 cornflowerblue;
+    box-shadow:
+      -15px -15px 0 0 aqua,
+      -30px -30px 0 0 cornflowerblue;
   }
 `;
 export const bounce = keyframes`

examples/with-fauna/app/guestbook-page.tsx

@@ -43,9 +43,7 @@ export default async function GuestbookPage({
       </div>
 
       <div className="mt-4 space-y-8 px-2">
-        {entries?.map((entry) => (
+        {entries?.map((entry) => <EntryItem key={entry.id} entry={entry} />)}
-          <EntryItem key={entry.id} entry={entry} />
-        ))}
       </div>
     </main>
   );

examples/with-fingerprintjs-pro/components/VisitorDataPresenter.tsx

@@ -20,8 +20,8 @@ function VisitorDataPresenter({
         {isLoading
           ? "Loading..."
           : data
-          ? data.visitorId
+            ? data.visitorId
-          : "not established yet"}
+            : "not established yet"}
       </p>
       {data && (
         <>

examples/with-firebase/pages/index.js

@@ -130,8 +130,15 @@ export default function Home() {
           border-radius: 5px;
           padding: 0.75rem;
           font-size: 1.1rem;
-          font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
+          font-family:
-            DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            Menlo,
+            Monaco,
+            Lucida Console,
+            Liberation Mono,
+            DejaVu Sans Mono,
+            Bitstream Vera Sans Mono,
+            Courier New,
+            monospace;
         }
 
         .grid {
@@ -152,7 +159,9 @@ export default function Home() {
           text-decoration: none;
           border: 1px solid #eaeaea;
           border-radius: 10px;
-          transition: color 0.15s ease, border-color 0.15s ease;
+          transition:
+            color 0.15s ease,
+            border-color 0.15s ease;
         }
 
         .card:hover,
@@ -186,8 +195,17 @@ export default function Home() {
         body {
           padding: 0;
           margin: 0;
-          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+          font-family:
-            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
+            -apple-system,
+            BlinkMacSystemFont,
+            Segoe UI,
+            Roboto,
+            Oxygen,
+            Ubuntu,
+            Cantarell,
+            Fira Sans,
+            Droid Sans,
+            Helvetica Neue,
             sans-serif;
         }
 

examples/with-formspree/styles/Home.module.css

@@ -67,8 +67,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -89,7 +96,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card h3 {

examples/with-formspree/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-graphql-gateway/styles/Home.module.css

@@ -61,8 +61,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -81,7 +88,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
   max-width: 300px;
 }
 

examples/with-graphql-gateway/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-hls-js/pages/index.js

@@ -121,8 +121,15 @@ export default function Home() {
           border-radius: 5px;
           padding: 0.75rem;
           font-size: 1.1rem;
-          font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
+          font-family:
-            DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            Menlo,
+            Monaco,
+            Lucida Console,
+            Liberation Mono,
+            DejaVu Sans Mono,
+            Bitstream Vera Sans Mono,
+            Courier New,
+            monospace;
         }
 
         .grid {
@@ -156,8 +163,17 @@ export default function Home() {
         body {
           padding: 0;
           margin: 0;
-          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+          font-family:
-            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
+            -apple-system,
+            BlinkMacSystemFont,
+            Segoe UI,
+            Roboto,
+            Oxygen,
+            Ubuntu,
+            Cantarell,
+            Fira Sans,
+            Droid Sans,
+            Helvetica Neue,
             sans-serif;
         }
 

examples/with-jest-babel/pages/index.module.css

@@ -53,7 +53,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:hover,

examples/with-jest-babel/styles/global.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 * {
@@ -48,6 +58,13 @@ code {
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }

examples/with-jest/pages/index.module.css

@@ -53,7 +53,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:hover,

examples/with-jest/styles/global.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 * {
@@ -48,6 +58,13 @@ code {
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }

examples/with-jotai/styles/Home.module.css

@@ -66,8 +66,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -87,7 +94,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
   width: 45%;
 }
 

examples/with-jotai/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-knex/pages/index.js

@@ -179,8 +179,15 @@ export default function Home() {
           border-radius: 5px;
           padding: 0.75rem;
           font-size: 1.1rem;
-          font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
+          font-family:
-            DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            Menlo,
+            Monaco,
+            Lucida Console,
+            Liberation Mono,
+            DejaVu Sans Mono,
+            Bitstream Vera Sans Mono,
+            Courier New,
+            monospace;
         }
 
         .grid {
@@ -202,7 +209,9 @@ export default function Home() {
           text-decoration: none;
           border: 1px solid #eaeaea;
           border-radius: 10px;
-          transition: color 0.15s ease, border-color 0.15s ease;
+          transition:
+            color 0.15s ease,
+            border-color 0.15s ease;
         }
 
         .card:hover,
@@ -240,8 +249,17 @@ export default function Home() {
         body {
           padding: 0;
           margin: 0;
-          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+          font-family:
-            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
+            -apple-system,
+            BlinkMacSystemFont,
+            Segoe UI,
+            Roboto,
+            Oxygen,
+            Ubuntu,
+            Cantarell,
+            Fira Sans,
+            Droid Sans,
+            Helvetica Neue,
             sans-serif;
         }
 

examples/with-magic/components/layout.js

@@ -33,9 +33,19 @@ const Layout = (props) => (
       body {
         margin: 0;
         color: #333;
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+        font-family:
-          "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji",
+          -apple-system,
-          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+          BlinkMacSystemFont,
+          "Segoe UI",
+          Roboto,
+          "Helvetica Neue",
+          Arial,
+          Noto Sans,
+          sans-serif,
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol",
+          "Noto Color Emoji";
       }
       .container {
         max-width: 42rem;

examples/with-mantine/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-mdbreact/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-mobx/components/Clock.js

@@ -13,7 +13,10 @@ const Clock = observer(function Clock(props) {
           padding: 15px;
           color: #82fa58;
           display: inline-block;
-          font: 50px menlo, monaco, monospace;
+          font:
+            50px menlo,
+            monaco,
+            monospace;
           background-color: #000;
         }
 

examples/with-mongodb/pages/index.tsx

@@ -182,8 +182,15 @@ export default function Home({
           border-radius: 5px;
           padding: 0.75rem;
           font-size: 1.1rem;
-          font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
+          font-family:
-            DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            Menlo,
+            Monaco,
+            Lucida Console,
+            Liberation Mono,
+            DejaVu Sans Mono,
+            Bitstream Vera Sans Mono,
+            Courier New,
+            monospace;
         }
 
         .grid {
@@ -205,7 +212,9 @@ export default function Home({
           text-decoration: none;
           border: 1px solid #eaeaea;
           border-radius: 10px;
-          transition: color 0.15s ease, border-color 0.15s ease;
+          transition:
+            color 0.15s ease,
+            border-color 0.15s ease;
         }
 
         .card:hover,
@@ -243,8 +252,17 @@ export default function Home({
         body {
           padding: 0;
           margin: 0;
-          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+          font-family:
-            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
+            -apple-system,
+            BlinkMacSystemFont,
+            Segoe UI,
+            Roboto,
+            Oxygen,
+            Ubuntu,
+            Cantarell,
+            Fira Sans,
+            Droid Sans,
+            Helvetica Neue,
             sans-serif;
         }
 

examples/with-neo4j/styles/global.js

@@ -5,8 +5,18 @@ export default css.global`
   body {
     padding: 0;
     margin: 0;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+    font-family:
-      Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+      -apple-system,
+      BlinkMacSystemFont,
+      Segoe UI,
+      Roboto,
+      Oxygen,
+      Ubuntu,
+      Cantarell,
+      Fira Sans,
+      Droid Sans,
+      Helvetica Neue,
+      sans-serif;
   }
   * {
     box-sizing: border-box;

examples/with-next-page-transitions/pages/_app.js

@@ -32,7 +32,9 @@ function MyApp({ Component, pageProps }) {
         .page-transition-enter-active {
           opacity: 1;
           transform: translate3d(0, 0, 0);
-          transition: opacity ${TIMEOUT}ms, transform ${TIMEOUT}ms;
+          transition:
+            opacity ${TIMEOUT}ms,
+            transform ${TIMEOUT}ms;
         }
         .page-transition-exit {
           opacity: 1;

examples/with-next-translate/app/style.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 * {
@@ -42,8 +52,15 @@ code {
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -65,7 +82,9 @@ code {
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
   cursor: pointer;
 }
 

examples/with-next-ui/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-particles/styles/Home.module.css

@@ -61,8 +61,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -81,7 +88,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
   max-width: 300px;
 }
 

examples/with-particles/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-passport-and-next-connect/styles.css

@@ -6,9 +6,19 @@
 body {
   margin: 0;
   color: #333;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+  font-family:
-    "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji",
+    -apple-system,
-    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    Noto Sans,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
 }
 .container {
   max-width: 42rem;

examples/with-passport/components/layout.js

@@ -22,9 +22,19 @@ const Layout = (props) => (
       body {
         margin: 0;
         color: #333;
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+        font-family:
-          "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji",
+          -apple-system,
-          "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+          BlinkMacSystemFont,
+          "Segoe UI",
+          Roboto,
+          "Helvetica Neue",
+          Arial,
+          Noto Sans,
+          sans-serif,
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol",
+          "Noto Color Emoji";
       }
       .container {
         max-width: 42rem;

examples/with-playwright/styles/Home.module.css

@@ -64,8 +64,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -85,7 +92,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
   width: 45%;
 }
 

examples/with-playwright/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-postgres/styles/globals.css

@@ -4,7 +4,10 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: "Source Code Pro", Courier New, monospace;
+  font-family:
+    "Source Code Pro",
+    Courier New,
+    monospace;
 }
 
 a {

examples/with-react-jss/pages/_document.tsx

@@ -8,12 +8,11 @@ export default class JssDocument extends Document {
     const originalRenderPage = ctx.renderPage;
     ctx.renderPage = () =>
       originalRenderPage({
-        enhanceApp: (App) => (props) =>
+        enhanceApp: (App) => (props) => (
-          (
+          <JssProvider registry={registry} generateId={generateId}>
-            <JssProvider registry={registry} generateId={generateId}>
+            <App {...props} />
-              <App {...props} />
+          </JssProvider>
-            </JssProvider>
+        ),
-          ),
       });
 
     const initialProps = await Document.getInitialProps(ctx);

examples/with-react-toolbox/public/theme.css

@@ -25,7 +25,8 @@
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
-  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
+  transition:
+    box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
     background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
     color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   white-space: nowrap;
@@ -100,18 +101,26 @@
 }
 ._1ZxqC[disabled] {
   background-color: rgba(0, 0, 0, 0.12);
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
+  box-shadow:
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 3px 1px -2px rgba(0, 0, 0, 0.2),
     0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 ._1ZxqC:active {
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
+  box-shadow:
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 3px 1px -2px rgba(0, 0, 0, 0.2),
     0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 ._1ZxqC:focus:not(:active) {
-  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
+  box-shadow:
+    0 0 8px rgba(0, 0, 0, 0.18),
+    0 8px 16px rgba(0, 0, 0, 0.36);
 }
 ._221ic {
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
+  box-shadow:
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 3px 1px -2px rgba(0, 0, 0, 0.2),
     0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 ._1jWAQ {
@@ -119,7 +128,9 @@
 }
 ._3IRMZ {
   border-radius: 50%;
-  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
+  box-shadow:
+    0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
+    0 1px 1px 0 rgba(0, 0, 0, 0.24);
   font-size: 24px;
   height: 56px;
   width: 56px;
@@ -250,13 +261,20 @@
   opacity: 0.3;
   transition-property: -webkit-transform;
   transition-property: transform;
-  transition-property: transform, -webkit-transform;
+  transition-property:
+    transform,
+    -webkit-transform;
 }
 ._3SV_u:not(._3O2Ue):not(._2OZWa) {
   opacity: 0;
-  transition-property: opacity, -webkit-transform;
+  transition-property:
+    opacity,
+    -webkit-transform;
   transition-property: opacity, transform;
-  transition-property: opacity, transform, -webkit-transform;
+  transition-property:
+    opacity,
+    transform,
+    -webkit-transform;
 }
 ._2ISvI:not(.Cf3yF) > .x7MhN {
   cursor: pointer;
@@ -270,7 +288,9 @@
 ._1VWY- {
   display: inline-block;
   font-size: 14px;
-  transition: opacity, font-size 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transition:
+    opacity,
+    font-size 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 ._3K2Ws {
   display: block;
@@ -420,9 +440,14 @@
 ._2bZap,
 .m5B3T {
   transition-duration: 350ms;
-  transition-property: opacity, -webkit-transform;
+  transition-property:
+    opacity,
+    -webkit-transform;
   transition-property: transform, opacity;
-  transition-property: transform, opacity, -webkit-transform;
+  transition-property:
+    transform,
+    opacity,
+    -webkit-transform;
   transition-timing-function: ease-in-out;
 }
 .Rk89h {
@@ -449,9 +474,14 @@
 .bGml_ {
   position: absolute;
   transition-duration: 0.35s;
-  transition-property: opacity, -webkit-transform;
+  transition-property:
+    opacity,
+    -webkit-transform;
   transition-property: transform, opacity;
-  transition-property: transform, opacity, -webkit-transform;
+  transition-property:
+    transform,
+    opacity,
+    -webkit-transform;
   transition-timing-function: ease-in-out;
 }
 .bGml_ {
@@ -677,7 +707,9 @@
 ._3lw90 {
   background-color: #fff;
   border-radius: 2px;
-  box-shadow: 0 19px 60px rgba(0, 0, 0, 0.3), 0 15px 20px rgba(0, 0, 0, 0.22);
+  box-shadow:
+    0 19px 60px rgba(0, 0, 0, 0.3),
+    0 15px 20px rgba(0, 0, 0, 0.22);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -691,11 +723,14 @@
   overflow: hidden;
   -webkit-transform: translateY(-40px);
   transform: translateY(-40px);
-  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+  transition:
+    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
     -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+  transition:
+    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
     transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+  transition:
+    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
     transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
     -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   transition-delay: 60ms;

examples/with-redux/app/components/counter/Counter.module.css

@@ -69,7 +69,9 @@
   left: 0;
   top: 0;
   opacity: 0;
-  transition: width 1s linear, opacity 0.5s ease 1s;
+  transition:
+    width 1s linear,
+    opacity 0.5s ease 1s;
 }
 
 .asyncButton:active:after {

examples/with-sentry/styles/Home.module.css

@@ -57,7 +57,9 @@
   border-radius: var(--border-radius);
   background: rgba(var(--card-rgb), 0);
   border: 1px solid rgba(var(--card-border-rgb), 0);
-  transition: background 200ms, border 200ms;
+  transition:
+    background 200ms,
+    border 200ms;
 }
 
 .card span {

examples/with-sitemap/pages/contact.js

@@ -114,8 +114,17 @@ export default function Home() {
         body {
           padding: 0;
           margin: 0;
-          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+          font-family:
-            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
+            -apple-system,
+            BlinkMacSystemFont,
+            Segoe UI,
+            Roboto,
+            Oxygen,
+            Ubuntu,
+            Cantarell,
+            Fira Sans,
+            Droid Sans,
+            Helvetica Neue,
             sans-serif;
         }
 

examples/with-sitemap/pages/index.js

@@ -136,8 +136,15 @@ export default function Home() {
           border-radius: 5px;
           padding: 0.75rem;
           font-size: 1.1rem;
-          font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
+          font-family:
-            DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            Menlo,
+            Monaco,
+            Lucida Console,
+            Liberation Mono,
+            DejaVu Sans Mono,
+            Bitstream Vera Sans Mono,
+            Courier New,
+            monospace;
         }
 
         .grid {
@@ -159,7 +166,9 @@ export default function Home() {
           text-decoration: none;
           border: 1px solid #eaeaea;
           border-radius: 10px;
-          transition: color 0.15s ease, border-color 0.15s ease;
+          transition:
+            color 0.15s ease,
+            border-color 0.15s ease;
         }
 
         .card:hover,
@@ -197,8 +206,17 @@ export default function Home() {
         body {
           padding: 0;
           margin: 0;
-          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+          font-family:
-            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
+            -apple-system,
+            BlinkMacSystemFont,
+            Segoe UI,
+            Roboto,
+            Oxygen,
+            Ubuntu,
+            Cantarell,
+            Fira Sans,
+            Droid Sans,
+            Helvetica Neue,
             sans-serif;
         }
 

examples/with-stencil/packages/test-component/src/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html dir="ltr" lang="en">
   <head>
     <meta charset="utf-8" />

examples/with-storybook-styled-jsx-scss/styles/Home.module.css

@@ -67,8 +67,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -89,7 +96,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
 }
 
 .card:hover,

examples/with-storybook-styled-jsx-scss/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-storybook/app/page.module.css

@@ -51,7 +51,9 @@
   border-radius: var(--border-radius);
   background: rgba(var(--card-rgb), 0);
   border: 1px solid rgba(var(--card-border-rgb), 0);
-  transition: background 200ms, border 200ms;
+  transition:
+    background 200ms,
+    border 200ms;
 }
 
 .card span {

examples/with-strict-csp/middleware.js

@@ -5,8 +5,8 @@ export function middleware(request) {
   const cspHeader = `
     default-src 'self';
     script-src 'self' 'nonce-${nonce}' 'strict-dynamic' https: http: 'unsafe-inline' ${
-    process.env.NODE_ENV === "production" ? "" : `'unsafe-eval'`
+      process.env.NODE_ENV === "production" ? "" : `'unsafe-eval'`
-  };
+    };
     style-src 'self' 'nonce-${nonce}';
     img-src 'self' blob: data:;
     font-src 'self';

examples/with-stripe-typescript/styles.css

@@ -113,7 +113,9 @@ li {
   width: 33%;
   margin: 0 20px 20px 0;
   text-decoration: none;
-  box-shadow: -20px 20px 60px #abacad, 20px -20px 60px #ffffff;
+  box-shadow:
+    -20px 20px 60px #abacad,
+    20px -20px 60px #ffffff;
 }
 .card h2 {
   color: #fff;
@@ -180,7 +182,9 @@ button:disabled {
   transition: box-shadow var(--transition-duration);
 }
 .card.elements-style-background:hover {
-  box-shadow: 20px 20px 60px #464e9c, -20px -20px 60px #8896ff;
+  box-shadow:
+    20px 20px 60px #464e9c,
+    -20px -20px 60px #8896ff;
 }
 .checkout-style {
   color: var(--checkout-color);
@@ -191,7 +195,9 @@ button:disabled {
   transition: box-shadow var(--transition-duration);
 }
 .card.checkout-style-background:hover {
-  box-shadow: 20px 20px 60px #614b91, -20px -20px 60px #bd91ff;
+  box-shadow:
+    20px 20px 60px #614b91,
+    -20px -20px 60px #bd91ff;
 }
 
 /* Test card number */
@@ -234,7 +240,9 @@ pre {
   background: var(--body-color);
   color: #6a7c94;
   border-radius: 50px;
-  box-shadow: -20px 20px 60px #abacad, 20px -20px 60px #ffffff;
+  box-shadow:
+    -20px 20px 60px #abacad,
+    20px -20px 60px #ffffff;
   display: flex;
   align-items: center;
   box-sizing: border-box;

examples/with-styled-components/components/cards.tsx

@@ -16,7 +16,9 @@ const Card = styled.div`
   text-decoration: none;
   border: 1px solid black;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
   width: 100%;
 
   &:hover,

examples/with-styled-components/components/sharedstyles.tsx

@@ -47,8 +47,15 @@ const CodeTag = styled.code`
   margin: 0 0.75rem;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 `;
 
 export { Container, Main, Title, Description, CodeTag };

examples/with-styled-jsx-plugins/pages/index.tsx

@@ -4,7 +4,10 @@ export default function Home() {
       <p>Hello World</p>
       <style jsx>{`
         .hello {
-          font: 15px Helvetica, Arial, sans-serif;
+          font:
+            15px Helvetica,
+            Arial,
+            sans-serif;
           background: #eee;
           padding: 100px;
           text-align: center;

examples/with-styled-jsx/pages/index.tsx

@@ -5,7 +5,10 @@ export default function Home() {
 
       <style jsx>{`
         .hello {
-          font: 15px Helvetica, Arial, sans-serif;
+          font:
+            15px Helvetica,
+            Arial,
+            sans-serif;
           background: #eee;
           padding: 100px;
           text-align: center;

examples/with-styletron/pages/_document.js

@@ -6,12 +6,11 @@ class MyDocument extends Document {
   static async getInitialProps(context) {
     const renderPage = () =>
       context.renderPage({
-        enhanceApp: (App) => (props) =>
+        enhanceApp: (App) => (props) => (
-          (
+          <StyletronProvider value={styletron}>
-            <StyletronProvider value={styletron}>
+            <App {...props} />
-              <App {...props} />
+          </StyletronProvider>
-            </StyletronProvider>
+        ),
-          ),
       });
 
     const initialProps = await Document.getInitialProps({

examples/with-supertokens/app/page.module.css

@@ -99,8 +99,12 @@
   border-radius: 9px;
   padding: 2px;
   background: linear-gradient(90.31deg, #ff9933 0.11%, #ff3f33 99.82%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask:
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
+  -webkit-mask:
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
 }

examples/with-three-js/pages/birds.js

@@ -19,8 +19,8 @@ export default function BirdsPage() {
           bird === "stork"
             ? 0.5 + Math.random()
             : bird === "flamingo"
-            ? 0.25 + Math.random()
+              ? 0.25 + Math.random()
-            : 1 + Math.random() - 0.5;
+              : 1 + Math.random() - 0.5;
 
         return {
           key: index,

examples/with-tigris/styles/Home.module.css

@@ -45,7 +45,9 @@
   font-weight: 400;
   line-height: 22px;
   letter-spacing: 0px;
-  transition: background-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    box-shadow 0.2s;
   caret-color: #4ed9b2;
 }
 

examples/with-unsplash/styles/global.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   line-height: 1.6;

examples/with-unstated/components/Clock.js

@@ -16,7 +16,10 @@ export default function Clock() {
           padding: 15px;
           display: inline-block;
           color: #82fa58;
-          font: 50px menlo, monaco, monospace;
+          font:
+            50px menlo,
+            monaco,
+            monospace;
           background-color: #000;
         }
         .light {

examples/with-vitest/styles/Home.module.css

@@ -61,8 +61,15 @@
   border-radius: 5px;
   padding: 0.75rem;
   font-size: 1.1rem;
-  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+  font-family:
-    Bitstream Vera Sans Mono, Courier New, monospace;
+    Menlo,
+    Monaco,
+    Lucida Console,
+    Liberation Mono,
+    DejaVu Sans Mono,
+    Bitstream Vera Sans Mono,
+    Courier New,
+    monospace;
 }
 
 .grid {
@@ -81,7 +88,9 @@
   text-decoration: none;
   border: 1px solid #eaeaea;
   border-radius: 10px;
-  transition: color 0.15s ease, border-color 0.15s ease;
+  transition:
+    color 0.15s ease,
+    border-color 0.15s ease;
   max-width: 300px;
 }
 

examples/with-vitest/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-windicss/styles/globals.css

@@ -2,8 +2,18 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  font-family:
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    Fira Sans,
+    Droid Sans,
+    Helvetica Neue,
+    sans-serif;
 }
 
 a {

examples/with-zustand/src/components/clock.css

@@ -2,7 +2,10 @@
   padding: 15px;
   display: inline-block;
   color: #82fa58;
-  font: 50px menlo, monaco, monospace;
+  font:
+    50px menlo,
+    monaco,
+    monospace;
   background-color: #000;
   border-radius: 4px;
 }