formatting setup

* add pre-commit hooks to lint stage files
* prettier setup
* eslint setup

.editorconfig

@@ -7,6 +7,7 @@ end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
+max_line_length = 120
 
 [*.{yml,yaml}]
 indent_size = 2

.eslintignore

@@ -0,0 +1,5 @@
+*.json
+*.html
+*.less
+*.css
+package.json

.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
         ecmaVersion: 2020,
         sourceType: "module",
     },
-    extends: ["plugin:vue/recommended"],
+    extends: ["plugin:vue/recommended", "prettier"],
     env: {
         node: true,
         jquery: true,
@@ -12,13 +12,15 @@ module.exports = {
         webextensions: true,
     },
     rules: {
-        "no-trailing-spaces": "error",
-        "eol-last": "error",
-        semi: "error",
-        "no-extra-semi": "error",
-        "comma-dangle": ["error", "always-multiline"],
         "no-var": "error",
         "prefer-template": "error",
-        "template-curly-spacing": "error",
+        "comma-dangle": ["error", "always-multiline"],
+        indent: [
+            "error",
+            4,
+            {
+                SwitchCase: 1,
+            },
+        ],
     },
 };

.gitignore

@@ -20,7 +20,8 @@ cordova/bundle.keystore
 .DS_store
 
 # artefacts for Visual Studio Code
-/.vscode/
+.vscode/*
+!.vscode/extensions.json
 
 # NetBeans
 nbproject/

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

.lintstagedrc.json

@@ -0,0 +1,7 @@
+{
+    "**/*.{js,vue}": [
+        "prettier --write --ignore-unknown",
+        "eslint --fix --ext .js,.vue"
+    ],
+    "**/*.{less,css}": ["prettier --write --ignore-unknown"]
+}

.prettierignore

@@ -0,0 +1,34 @@
+# node.js npm related
+
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Configurator Build process
+cache/
+apps/
+dist/
+dist_cordova/
+debug/
+release/
+testresults/
+.eslintcache
+cordova/bundle.keystore
+
+# OSX
+.DS_store
+
+# artefacts for Visual Studio Code
+/.vscode/
+
+# NetBeans
+nbproject/
+
+# IntelliJ
+.idea
+
+# Eclipse
+.project
+.settings/
+test-results-junit/

.prettierrc.json

@@ -0,0 +1 @@
+{}

.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode"
+  ]
+}

package.json

@@ -16,8 +16,10 @@
     "pretest": "yarn run lint",
     "test": "vitest",
     "lint": "eslint --ext .js,.vue src gulpfile.js gulp-appdmg.js",
-    "lint:fix": "eslint --fix src gulpfile.js gulp-appdmg.js",
-    "storybook": "start-storybook -p 6006"
+    "lint:fix": "eslint --ext .js,.vue --fix src gulpfile.js gulp-appdmg.js",
+    "format": "prettier --write {src,test}/**/*.{js,vue,css,less}",
+    "storybook": "start-storybook -p 6006",
+    "prepare": "husky install"
   },
   "window": {
     "icon": "images/bf_icon_128.png",
@@ -97,6 +99,7 @@
     "cordova-lib": "^11.0.0",
     "del": "^6.1.1",
     "eslint": "^8.24.0",
+    "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-vue": "^7.3.0",
     "follow-redirects": "^1.15.2",
     "fs-extra": "^10.1.0",
@@ -113,10 +116,12 @@
     "gulp-xml-transformer": "^5.1.1",
     "gulp-yarn": "^3.0.0",
     "gulp-zip": "^5.1.0",
-    "husky": "^4.3.0",
+    "husky": "^8.0.2",
+    "lint-staged": "^13.1.0",
     "nw-builder": "^3.8.6",
     "os": "^0.1.2",
     "postcss": "^8.4.17",
+    "prettier": "2.8.1",
     "rollup": "^3.9.0",
     "rollup-plugin-vue": "^5.*.*",
     "rpm-builder": "^1.2.1",
@@ -140,4 +145,4 @@
       "pre-commit": "yarn lint"
     }
   }
-}
+}