use tabs

.devcontainer/devcontainer.json

@@ -1,13 +1,13 @@
 {
-  "name": "Node.js & Mongo DB",
-  "dockerComposeFile": "docker-compose.yml",
-  "service": "app",
-  "workspaceFolder": "/workspace",
-  "settings": {
-    "terminal.integrated.shell.linux": "/bin/bash"
-  },
-  "extensions": ["mongodb.mongodb-vscode"],
+	"name": "Node.js & Mongo DB",
+	"dockerComposeFile": "docker-compose.yml",
+	"service": "app",
+	"workspaceFolder": "/workspace",
+	"settings": {
+		"terminal.integrated.shell.linux": "/bin/bash"
+	},
+	"extensions": ["mongodb.mongodb-vscode"],
 
-  "forwardPorts": [3000, 27017],
-  "remoteUser": "node"
+	"forwardPorts": [3000, 27017],
+	"remoteUser": "node"
 }

.devcontainer/docker-compose.yml

@@ -10,7 +10,7 @@ services:
         VARIANT: 14
         # On Linux, you may need to update USER_UID and USER_GID below if not your local UID is not 1000.
         USER_UID: 1000
-        USER_GID: 1000
+        USER_GID: 100
 
     volumes:
       - ..:/workspace:cached

.vscode/extensions.json

@@ -1,7 +1,7 @@
 {
-  "recommendations": [
-    "orta.vscode-jest",
-    "esbenp.prettier-vscode",
-    "graphql.vscode-graphql"
-  ]
+	"recommendations": [
+		"orta.vscode-jest",
+		"esbenp.prettier-vscode",
+		"graphql.vscode-graphql"
+	]
 }

.vscode/launch.json

@@ -1,32 +1,32 @@
 {
-  // Use IntelliSense to learn about possible attributes.
-  // Hover to view descriptions of existing attributes.
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "type": "vscode-edge-devtools.debug",
-      "request": "launch",
-      "name": "Launch Microsoft Edge and open the Edge DevTools",
-      "url": "http://localhost:8080",
-      "webRoot": "${workspaceFolder}"
-    },
-    {
-      "type": "node",
-      "name": "vscode-jest-tests",
-      "request": "launch",
-      "args": ["--runInBand"],
-      "cwd": "${workspaceFolder}",
-      "console": "integratedTerminal",
-      "internalConsoleOptions": "neverOpen",
-      "program": "${workspaceFolder}/node_modules/jest/bin/jest"
-    },
-    {
-      "type": "node",
-      "request": "attach",
-      "name": "Launch Program",
-      "skipFiles": ["<node_internals>/**"],
-      "port": 9229
-    }
-  ]
+	// Use IntelliSense to learn about possible attributes.
+	// Hover to view descriptions of existing attributes.
+	// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"type": "vscode-edge-devtools.debug",
+			"request": "launch",
+			"name": "Launch Microsoft Edge and open the Edge DevTools",
+			"url": "http://localhost:8080",
+			"webRoot": "${workspaceFolder}"
+		},
+		{
+			"type": "node",
+			"name": "vscode-jest-tests",
+			"request": "launch",
+			"args": ["--runInBand"],
+			"cwd": "${workspaceFolder}",
+			"console": "integratedTerminal",
+			"internalConsoleOptions": "neverOpen",
+			"program": "${workspaceFolder}/node_modules/jest/bin/jest"
+		},
+		{
+			"type": "node",
+			"request": "attach",
+			"name": "Launch Program",
+			"skipFiles": ["<node_internals>/**"],
+			"port": 9229
+		}
+	]
 }

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-  "jest.showCoverageOnLoad": true,
-  "jest.autoRun": "off",
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
+	"jest.showCoverageOnLoad": true,
+	"jest.autoRun": "off",
+	"editor.defaultFormatter": "esbenp.prettier-vscode"
 }

.vscode/tasks.json

@@ -1,23 +1,23 @@
 {
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "label": "TypeScript Errors",
-      "type": "shell",
-      "command": "./node_modules/.bin/tsc",
-      "isBackground": true,
-      "args": ["--watch", "--noEmit", "--project", "www"],
-      "group": {
-        "kind": "build",
-        "isDefault": true
-      },
-      "presentation": {
-        "reveal": "never",
-        "echo": false,
-        "focus": false,
-        "panel": "dedicated"
-      },
-      "problemMatcher": "$tsc-watch"
-    }
-  ]
+	"version": "2.0.0",
+	"tasks": [
+		{
+			"label": "TypeScript Errors",
+			"type": "shell",
+			"command": "./node_modules/.bin/tsc",
+			"isBackground": true,
+			"args": ["--watch", "--noEmit", "--project", "www"],
+			"group": {
+				"kind": "build",
+				"isDefault": true
+			},
+			"presentation": {
+				"reveal": "never",
+				"echo": false,
+				"focus": false,
+				"panel": "dedicated"
+			},
+			"problemMatcher": "$tsc-watch"
+		}
+	]
 }

Readme.md

@@ -118,11 +118,11 @@ Using Puppeteer I write assertions like this:
 
 ```js
 describe("Feature", () => {
-  it("does this thing", async () => {
-    await page.waitForSelector("#selector");
-    await page.click("#selector");
-    await page.waitForSelector("#other-selector");
-  });
+	it("does this thing", async () => {
+		await page.waitForSelector("#selector");
+		await page.click("#selector");
+		await page.waitForSelector("#other-selector");
+	});
 });
 ```
 

next.config.mjs

@@ -2,16 +2,16 @@
 import bundleAnalyzer from "@next/bundle-analyzer";
 
 const withBundleAnalyzer = bundleAnalyzer({
-  enabled: process.env.ANALYZE === "true"
+	enabled: process.env.ANALYZE === "true"
 });
 
 /**
  * @type {import('next').NextConfig}
  */
 const config = {
-  reactStrictMode: true,
-  swcMinify: true,
-  cleanDistDir: true
+	reactStrictMode: true,
+	swcMinify: true,
+	cleanDistDir: true
 };
 
 export default withBundleAnalyzer(config);