Format'

Author: kodster28

.vscode/settings.json

@@ -4,5 +4,14 @@
 	"editor.defaultFormatter": "esbenp.prettier-vscode",
 	"typescript.tsdk": "node_modules/typescript/lib",
 	"cSpell.enableFiletypes": ["mdx"],
-	"files.associations": { "__redirects": "plaintext", "_headers": "plaintext" }
+	"files.associations": {
+		"__redirects": "plaintext",
+		"_headers": "plaintext"
+	},
+	"[typescriptreact]": {
+		"editor.defaultFormatter": "vscode.typescript-language-features"
+	},
+	"[astro]": {
+		"editor.defaultFormatter": "astro-build.astro-vscode"
+	}
 }

src/components/ResourcesBySelector.astro

@@ -20,9 +20,15 @@ const props = z.object({
 	showDescriptions: z.boolean().default(true),
 });
 
-const { tags, types, products, directory, filterables, columns, showDescriptions } = props.parse(
-	Astro.props,
-);
+const {
+	tags,
+	types,
+	products,
+	directory,
+	filterables,
+	columns,
+	showDescriptions,
+} = props.parse(Astro.props);
 
 const docs = await getCollection("docs");
 const videos = await getCollection("stream");

src/components/ResourcesBySelector.tsx

@@ -112,12 +112,12 @@ export default function ResourcesBySelector({
 							<p className="decoration-accent underline decoration-2 underline-offset-4">
 								{title}
 							</p>
-							{ showDescriptions && (
-							<span className="line-clamp-3" title={page.data.description}>
-								{page.data.description}
-							</span>
+							{showDescriptions && (
+								<span className="line-clamp-3" title={page.data.description}>
+									{page.data.description}
+								</span>
 							)
-						}
+							}
 						</a>
 					);
 				})}