chore: use space instead of tab for formatting

.vscode/extensions.json

@@ -1,5 +1,4 @@
 {
   "recommendations": ["astro-build.astro-vscode"],
-  ""
   "unwantedRecommendations": []
 }

astro.config.mjs

@@ -1,9 +1,9 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
 
-import svelte from '@astrojs/svelte';
+import svelte from "@astrojs/svelte";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [svelte()]
+  integrations: [svelte()],
 });

biome.json

@@ -11,7 +11,7 @@
   },
   "formatter": {
     "enabled": true,
-		"indentStyle": "tab"
+    "indentStyle": "space"
   },
   "organizeImports": {
     "enabled": true

src/slides/flexbox/components/CSSPropertyDemo.svelte

@@ -1,26 +1,26 @@
 <script lang="ts">
-  import type { Snippet } from "svelte";
+import type { Snippet } from "svelte";
 
-  type CSSPropertyDemoProps = {
+type CSSPropertyDemoProps = {
   property: string;
   values: string[];
   title?: string;
   defaultValue?: string;
   children?: Snippet<[]>;
-  };
+};
 
-  const {
+const {
   property,
   values,
   title = property,
   defaultValue = values[0],
-  }: CSSPropertyDemoProps = $props();
+}: CSSPropertyDemoProps = $props();
 
-  let selected = $state(defaultValue);
+let selected = $state(defaultValue);
 
-  const handleClick = (value: string) => {
+const handleClick = (value: string) => {
   selected = value;
-  };
+};
 </script>
 
 <div class="flex-property-demo">

src/slides/statex-gamedev/index.astro

@@ -1,8 +1,10 @@
 ---
-export const title = "Finite State Machines with XState for Game Development using Three.js"
+export const title =
-export const authors = ["Henrique Ramos"]
+  "Finite State Machines with XState for Game Development using Three.js";
-export const publishedAt = "2024-12-13"
+export const authors = ["Henrique Ramos"];
-export const description = "Using XState Finite State Machines to coordinate character actions in a Three.js game"
+export const publishedAt = "2024-12-13";
+export const description =
+  "Using XState Finite State Machines to coordinate character actions in a Three.js game";
 ---
 
 <section>

src/theme/index.css

@@ -1,12 +1,17 @@
 @import "./variables";
 @import url("https://fonts.googleapis.com/css2?family=Anaheim:wght@400..800&family=Overpass+Mono:wght@300..700&display=swap");
 
-
 body {
   background: var(--background);
 }
 
-section.has-dark-background, h1, h2, h3, h4, h5, h6 {
+section.has-dark-background,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   color: var(--main-color);
 }
 
@@ -211,11 +216,11 @@ section.has-dark-background, h1, h2, h3, h4, h5, h6 {
   border-bottom: 1px solid;
 }
 
-.reveal table :is(th[align='center'], td[align='center']) {
+.reveal table :is(th[align="center"], td[align="center"]) {
   text-align: center;
 }
 
-.reveal table :is(th[align='right'], td[align='right']) {
+.reveal table :is(th[align="right"], td[align="right"]) {
   text-align: right;
 }
 

src/utils/getSlides.ts

@@ -2,7 +2,12 @@ import type { AstroInstance } from "astro";
 import getAstroPages from "./getAstroPages";
 import { type } from "arktype";
 
-const schema = type({ title: "string", description: "string", authors: "string[]", publishedAt: "string" });
+const schema = type({
+  title: "string",
+  description: "string",
+  authors: "string[]",
+  publishedAt: "string",
+});
 
 type Slide = AstroInstance & typeof schema.infer & { [key: string]: unknown };
 

svelte.config.js

@@ -1,5 +1,5 @@
-import { vitePreprocess } from '@astrojs/svelte';
+import { vitePreprocess } from "@astrojs/svelte";
 
 export default {
   preprocess: vitePreprocess(),
-}
+};