chore: Configueer formatting

Prettier en .editorconfig

.editorconfig

@@ -1,9 +1,12 @@
-[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
-charset = utf-8
-indent_size = 2
-indent_style = space
-insert_final_newline = true
-trim_trailing_whitespace = true
+# top-most EditorConfig file
+root = true
 
+[*]
+indent_style = space
+indent_size = tab
+tab_width = 4
 end_of_line = lf
-max_line_length = 100
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 120

frontend/.prettierrc.json

@@ -1,7 +0,0 @@
-
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": false,
-  "singleQuote": true,
-  "printWidth": 100
-}

frontend/prettier.config.js

@@ -0,0 +1,11 @@
+/**
+ * @type {import("prettier").Options}
+ */
+
+const rootConfig = import ('../prettier.config.js');
+
+export default {
+    ...rootConfig,
+    vueIndentScriptAndStyle: true,
+    singleAttributePerLine: true
+};

prettier.config.js

@@ -0,0 +1,13 @@
+/**
+ * @type {import("prettier").Options}
+ */
+export default {
+    printWidth: 80,
+    semi: true,
+    singleQuote: true,
+    trailingComma: 'es5',
+    bracketSpacing: true,
+    objectWrap: 'preserve',
+    bracketSameLine: false,
+    arrowParens: 'always',
+}