Refactor UI into single file components (evcc-io#491)

Authored-by: @naltatis

.eslintrc.js

@@ -0,0 +1,13 @@
+module.exports = {
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:vue/essential",
+    "plugin:prettier/recommended",
+    "prettier",
+  ],
+};

.prettierrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  printWidth: 100,
+};

Makefile

@@ -21,6 +21,7 @@ install:
 
 lint:
 	golangci-lint run
+	npm run lint
 
 test:
 	@echo "Running testsuite"

assets/css/app.css

@@ -1,26 +1,29 @@
 /* reverse loading animation */
 .progress-bar-animated {
-  animation-direction: reverse;
+	animation-direction: reverse;
 }
 .btn.caption {
-  opacity: 1;
+	opacity: 1;
 }
 .btn.first {
-  border-top-left-radius: .2rem;
-  border-bottom-left-radius: .2rem;
+	border-top-left-radius: 0.2rem;
+	border-bottom-left-radius: 0.2rem;
 }
 code {
-  font-size: 87.5%;
-  color: #e83e8c;
-  word-wrap: break-word;
+	font-size: 87.5%;
+	color: #e83e8c;
+	word-wrap: break-word;
 }
-.value, input[type=radio], label.btn {
-  white-space: nowrap !important;
+.value,
+input[type="radio"],
+label.btn {
+	white-space: nowrap !important;
 }
-.text-muted a, .text-muted a:hover {
-  color: #6c757d!important;
-  text-decoration: none;
+.text-muted a,
+.text-muted a:hover {
+	color: #6c757d !important;
+	text-decoration: none;
 }
 .bg-muted {
-  opacity: 0.25;
-}
+	opacity: 0.25;
+}

assets/ico/site.webmanifest

@@ -1,8 +1,8 @@
 {
 	"start_url": "../#",
-    "name": "EV Charge Controller",
-    "short_name": "EV Charge Controller",
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
+	"name": "EV Charge Controller",
+	"short_name": "EV Charge Controller",
+	"theme_color": "#ffffff",
+	"background_color": "#ffffff",
+	"display": "standalone"
 }