Add web frontend panel skeleton & Vue environment

web-frontend/package.json

@@ -1,11 +1,14 @@
 {
 	"name": "graphite-web-frontend",
 	"version": "0.1.0",
-	"description": "Graphite's web app frontend pathfinder. Planned to be replaced by a Rust native GUI framework in the future.",
+	"description": "Graphite's web app frontend. Planned to be replaced by a Rust native GUI framework in the future.",
 	"main": "main.js",
 	"scripts": {
-		"build": "webpack",
-		"start": "webpack serve"
+		"serve": "vue-cli-service serve",
+		"build": "vue-cli-service build",
+		"lint": "vue-cli-service lint",
+		"webpack-build": "webpack",
+		"webpack-start": "webpack serve"
 	},
 	"repository": {
 		"type": "git",
@@ -15,10 +18,40 @@
 	"license": "Apache-2.0",
 	"homepage": "https://www.graphite.design",
 	"devDependencies": {
+		"@typescript-eslint/eslint-plugin": "^2.33.0",
+		"@typescript-eslint/parser": "^2.33.0",
+		"@vue/cli-plugin-eslint": "~4.5.0",
+		"@vue/cli-plugin-typescript": "~4.5.0",
+		"@vue/cli-service": "~4.5.0",
+		"@vue/compiler-sfc": "^3.0.0",
+		"@vue/eslint-config-airbnb": "^5.0.2",
+		"@vue/eslint-config-typescript": "^5.0.2",
 		"@wasm-tool/wasm-pack-plugin": "^1.3.3",
-		"html-webpack-plugin": "^5.1.0",
-		"webpack": "^5.21.2",
+		"eslint": "^6.7.2",
+		"eslint-plugin-import": "^2.20.2",
+		"eslint-plugin-vue": "^7.0.0-0",
+		"html-webpack-plugin": "^4.5.1",
+		"lint-staged": "^9.5.0",
+		"sass": "^1.26.5",
+		"sass-loader": "^8.0.2",
+		"typescript": "~3.9.3",
+		"vue-svg-loader": "^0.16.0",
+		"vue-template-compiler": "^2.6.12",
+		"webpack": "^4.45.0",
 		"webpack-cli": "^4.5.0",
 		"webpack-dev-server": "^3.11.2"
+	},
+	"gitHooks": {
+		"pre-commit": "lint-staged"
+	},
+	"lint-staged": {
+		"*.{js,jsx,vue,ts,tsx}": [
+			"vue-cli-service lint",
+			"git add"
+		]
+	},
+	"dependencies": {
+		"vue": "^3.0.0",
+		"vue-class-component": "^8.0.0-0"
 	}
 }