Set up prettier

.github/workflows/astro.yml

@@ -1,50 +1,50 @@
 name: Deploy to Pages
 
 on:
-  push:
-    branches: ["main"]
-  workflow_dispatch:
+    push:
+        branches: ["main"]
+    workflow_dispatch:
 
 permissions:
-  contents: read
-  pages: write
-  id-token: write
-  
+    contents: read
+    pages: write
+    id-token: write
+
 concurrency:
-  group: "pages"
-  cancel-in-progress: false
+    group: "pages"
+    cancel-in-progress: false
 
 jobs:
-  build:
-    name: Build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
+    build:
+        name: Build
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
 
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
+            - name: Setup Node
+              uses: actions/setup-node@v4
+              with:
+                  node-version: "20"
 
-      - name: Install dependencies
-        run: npm i
+            - name: Install dependencies
+              run: npm i
 
-      - name: Build with Astro
-        run: npm run astro build
-        
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: dist
+            - name: Build with Astro
+              run: npm run astro build
 
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    needs: build
-    runs-on: ubuntu-latest
-    name: Deploy
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+            - name: Upload artifact
+              uses: actions/upload-pages-artifact@v3
+              with:
+                  path: dist
+
+    deploy:
+        environment:
+            name: github-pages
+            url: ${{ steps.deployment.outputs.page_url }}
+        needs: build
+        runs-on: ubuntu-latest
+        name: Deploy
+        steps:
+            - name: Deploy to GitHub Pages
+              id: deployment
+              uses: actions/deploy-pages@v4

.prettierrc

@@ -0,0 +1,7 @@
+{
+    "plugins": ["prettier-plugin-astro"],
+    "tabWidth": 4,
+    "semi": false,
+    "overrides": [{ "files": "*.astro", "options": { "parser": "astro" } }],
+    "trailingComma": "none"
+}

.vscode/extensions.json

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

astro.config.ts

@@ -11,21 +11,21 @@ export default defineConfig({
                 "Federated Nexus is a community resource hosting multiple FOSS (especially federated) services, including Matrix and Forgejo.",
             favicon: "/images/icon.svg",
             logo: {
-                src: "./src/images/icon.svg",
+                src: "./src/images/icon.svg"
             },
             social: [
                 {
                     icon: "seti:git",
                     label: "Source Code",
-                    href: "https://git.federated.nexus",
+                    href: "https://git.federated.nexus"
                 },
                 {
                     icon: "mastodon",
                     label: "Mastodon",
-                    href: "https://wetdry.world/@QuadRadical",
-                },
-            ],
-        }),
+                    href: "https://wetdry.world/@QuadRadical"
+                }
+            ]
+        })
     ],
-    image: { service: passthroughImageService() },
+    image: { service: passthroughImageService() }
 })

package.json

@@ -9,9 +9,11 @@
         "astro": "astro"
     },
     "devDependencies": {
+        "@astrojs/starlight": "^0.34.3",
         "astro": "^5.1.8",
+        "prettier": "^3.6.2",
+        "prettier-plugin-astro": "^0.14.1",
         "sharp": "^0.33.5",
-        "starlight": "^0.3.9",
-        "@astrojs/starlight": "^0.34.3"
+        "starlight": "^0.3.9"
     }
 }

src/content.config.ts

@@ -3,5 +3,5 @@ import { docsLoader } from "@astrojs/starlight/loaders"
 import { docsSchema } from "@astrojs/starlight/schema"
 
 export const collections = {
-    docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),
+    docs: defineCollection({ loader: docsLoader(), schema: docsSchema() })
 }

src/pages/login.astro

@@ -70,8 +70,8 @@ import "../styles/login.css"
                         device_id: session,
                         initial_device_display_name: `Federated Nexus Login from ${navigator.userAgent}`,
                         identifier: { type: "m.id.user", user: username },
-                        password,
-                    }),
+                        password
+                    })
                 }
             )
 

tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "astro/tsconfigs/strict",
-  "include": [".astro/types.d.ts", "**/*"],
-  "exclude": ["dist"]
+    "extends": "astro/tsconfigs/strict",
+    "include": [".astro/types.d.ts", "**/*"],
+    "exclude": ["dist"]
 }