♻️➕ fastify-cors

package.json

@@ -14,18 +14,19 @@
 	"dependencies": {
 		"esm-seedrandom": "3.0.5",
 		"fastify": "^3.21.0",
+		"fastify-cors": "^6.0.2",
 		"postgres": "^2.0.0-beta.8",
 		"socket.io": "^4.2.0",
 		"vue": "^3.2.10"
 	},
 	"devDependencies": {
 		"@ky-is/eslint-config": "^2.3.6",
 		"@tailwindcss/forms": "^0.3.3",
-		"@types/node": "^16.7.13",
+		"@types/node": "^16.9.0",
 		"@types/seedrandom": "^3.0.1",
 		"@typescript-eslint/eslint-plugin": "^4.31.0",
 		"@typescript-eslint/parser": "^4.31.0",
-		"@vitejs/plugin-vue": "^1.6.1",
+		"@vitejs/plugin-vue": "^1.6.2",
 		"@vue/compiler-sfc": "^3.2.10",
 		"@vue/eslint-config-typescript": "^7.0.0",
 		"autoprefixer": "^10.3.4",
@@ -34,9 +35,9 @@
 		"fs-extra": "^10.0.0",
 		"postcss": "^8.3.6",
 		"socket.io-client": "^4.2.0",
-		"tailwindcss": "^2.2.11",
+		"tailwindcss": "^2.2.14",
 		"typescript": "^4.4.2",
-		"vite": "^2.5.4",
+		"vite": "^2.5.6",
 		"vue-router": "^4.0.11"
 	},
 	"eslintConfig": {

server/index.ts

@@ -1,4 +1,5 @@
 import Fastify from 'fastify'
+import FastifyCORS from 'fastify-cors'
 
 import { TESTING } from '#c/utils.js'
 
@@ -14,6 +15,9 @@ const fastify = Fastify({
 })
 
 fastify
+	.register(FastifyCORS, {
+		origin: clientURL,
+	})
 	.setErrorHandler((error, request, reply) => {
 		if (error instanceof APIError) {
 			reply.statusCode = 400
@@ -22,10 +26,6 @@ fastify
 			throw error
 		}
 	})
-	.addHook('onRequest', (request, reply, next) => {
-		reply.header('Access-Control-Allow-Origin', clientURL)
-		next()
-	})
 	.after(() => {
 		useUserRoutes(fastify)
 	})