Merge pull request #79 from DoroNahari/ui

Align Title And Prompts left pane + Add code linter and formatter

frontend/package.json

@@ -11,16 +11,20 @@
     "build": "vue-cli-service build",
     "build-dev": "vue-cli-service build --mode development",
     "lint": "vue-cli-service lint",
-    "test": "vue-cli-service test:unit"
+    "test": "vue-cli-service test:unit",
+    "precommit": "lint-staged"
   },
   "dependencies": {
     "bootstrap": "^4.3.1",
     "bootstrap-vue": "^2.0.2",
+    "core-js": "2.6.6",
+    "jquery": "3.4.1",
     "vue-loading-overlay": "^3.2.0",
     "lodash": "^4.17.15",
     "vue": "^2.6.10",
-    "core-js": "2.6.6",
-    "jquery": "3.4.1"
+    "vuetify": "^2.2.1",
+    "material-design-icons-iconfont": "^5.0.1",
+    "@mdi/font": "^4.5.95"
   },
   "devDependencies": {
     "@sap-devx/webview-rpc": "^0.2.0",
@@ -34,13 +38,20 @@
     "canvas": "2.5.0",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
+    "fibers": "^4.0.2",
+    "flush-promises": "^1.0.2",
     "jest": "^24.9.0",
     "jest-serializer-vue": "^2.0.2",
     "mock-socket": "^9.0.2",
+    "sass": "^1.24.2",
+    "sass-loader": "^8.0.0",
+    "lint-staged": "^8.1.5",
+    "husky": "1.2.1",
     "vue-jest": "^3.0.5",
     "vue-template-compiler": "^2.6.10",
     "webpack": "^4.41.2",
-    "flush-promises": "^1.0.2"
+    "vue-cli-plugin-vuetify": "^2.0.2",
+    "vuetify-loader": "^1.3.0"
   },
   "eslintConfig": {
     "root": true,
@@ -65,5 +76,16 @@
   "browserslist": [
     "> 1%",
     "last 2 versions"
-  ]
+  ],
+  "lint-staged": {
+    "*.{js,vue}": [
+      "vue-cli-service lint",
+      "git add"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run precommit"
+    }
+  }
 }