Prettify.

postcss.config.cjs

@@ -15,7 +15,8 @@ module.exports = {
 
     autoprefixer,
 
-		!dev && cssnano({
+    !dev &&
+      cssnano({
         preset: "default",
       }),
   ],

src/lib/Counter.svelte

@@ -6,11 +6,7 @@
   };
 </script>
 
-<button on:click={increment}>
-	Clicks: {count}
-</button>
-
-<style style lang="postcss">
+<style lang="postcss">
   button {
     font-family: inherit;
     font-size: inherit;
@@ -34,3 +30,5 @@
     @apply bg-red-500 bg-opacity-20;
   }
 </style>
+
+<button on:click={increment}> Clicks: {count} </button>

src/routes/index.svelte

 <script lang="ts">
-	import Counter from '$lib/Counter.svelte';
+  import Counter from "$lib/Counter.svelte";
 </script>
 
-<main>
-	<h1>Hello world!</h1>
-
-	<Counter />
-
-	<p>Visit <a class="text-blue-600 underline" href="https://svelte.dev">svelte.dev</a> to learn how to build Svelte apps.</p>
-</main>
-
-<style style lang="postcss">
+<style lang="postcss">
   :root {
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
-			'Open Sans', 'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
+      Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   }
 
   main {
@@ -48,3 +40,15 @@
     }
   }
 </style>
+
+<main>
+  <h1>Hello world!</h1>
+
+  <Counter />
+
+  <p>
+    Visit
+    <a class="text-blue-600 underline" href="https://svelte.dev">svelte.dev</a>
+    to learn how to build Svelte apps.
+  </p>
+</main>

svelte.config.cjs

-const sveltePreprocess = require('svelte-preprocess');
-const node = require('@sveltejs/adapter-node');
-const pkg = require('./package.json');
+const sveltePreprocess = require("svelte-preprocess");
+const node = require("@sveltejs/adapter-node");
+const pkg = require("./package.json");
 
 /** @type {import('@sveltejs/kit').Config} */
 module.exports = {
@@ -11,7 +11,7 @@ module.exports = {
       defaults: {
         style: "postcss",
       },
-			postcss: true
+      postcss: true,
     }),
   ],
   kit: {
@@ -21,12 +21,12 @@ module.exports = {
     adapter: node(),
 
     // hydrate the <div id="svelte"> element in src/app.html
-		target: '#svelte',
+    target: "#svelte",
 
     vite: {
       ssr: {
-				noExternal: Object.keys(pkg.dependencies || {})
-			}
-		}
-	}
+        noExternal: Object.keys(pkg.dependencies || {}),
+      },
+    },
+  },
 };

tailwind.config.cjs

@@ -2,15 +2,15 @@ const { tailwindExtractor } = require("tailwindcss/lib/lib/purgeUnusedStyles");
 
 module.exports = {
   purge: {
-		content: [
-			"./src/**/*.{html,js,svelte,ts}",
-		],
+    content: ["./src/**/*.{html,js,svelte,ts}"],
     options: {
       defaultExtractor: (content) => [
         // If this stops working, please open an issue at https://github.com/svelte-add/tailwindcss/issues rather than bothering Tailwind Labs about it
         ...tailwindExtractor(content),
         // Match Svelte class: directives (https://github.com/tailwindlabs/tailwindcss/discussions/1731)
-				...[...content.matchAll(/(?:class:)*([\w\d-/:%.]+)/gm)].map(([_match, group, ..._rest]) => group),
+        ...[...content.matchAll(/(?:class:)*([\w\d-/:%.]+)/gm)].map(
+          ([_match, group, ..._rest]) => group
+        ),
       ],
       keyframes: true,
     },