Add prettier to project

Author: marcmatias

.prettierrc.js

@@ -0,0 +1,12 @@
+/**
+ * @see https://prettier.io/docs/configuration
+ * @type {import("prettier").Config}
+ */
+const config = {
+  trailingComma: "es5",
+  tabWidth: 4,
+  semi: false,
+  singleQuote: true,
+};
+
+export default config;

Makefile

@@ -37,10 +37,13 @@ restart:  stop start dev ## Stop and restart container
 types:   ## Run type check and generator
 	docker compose exec mct_web npm run types
 
+prettier:   ## Run prettier the opinionated code formatter in code
+	docker compose exec mct_web npm run prettier
+
 types-watch:   ## Run type check and generator
 	docker compose exec mct_web npm run types-watch
 
 clear:	stop ./compose.yml ## Stop and remove container and orphans
 	docker compose down -v --remove-orphans
 
-.PHONY: bash build clean help logs start stop types types-watch
+.PHONY: bash build clean help logs start stop types types-watch prettier

package-lock.json

@@ -13,7 +13,8 @@
     "test:unit": "vitest --environment jsdom --root src/ run",
     "test-watch:unit": "vitest --environment jsdom --root src/ watch",
     "types": "tsc",
-    "types-watch": "tsc --watch"
+    "types-watch": "tsc --watch",
+    "prettier": "prettier src/ --write"
   },
   "devDependencies": {
     "chart.js": "^4.2.1",
@@ -25,6 +26,7 @@
     "naive-ui": "^2.43.1",
     "nodemon": "^2.0.22",
     "npm-run-all": "^4.1.5",
+    "prettier": "3.6.2",
     "typescript": "^5.9.3",
     "vite": "^4.2.0",
     "vue": "^3.5.24",

package.json

@@ -10,7 +10,8 @@
     "skipLibCheck": true,
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "lib": ["ES2020", "DOM"]
   },
   "exclude": ["node_modules", "dist"],
   "include": ["src/**/*"]