Feature/vite

client/index.html

@@ -12,7 +12,11 @@
     <!-- global stylesheets -->
     <link rel="stylesheet" href="/static/main.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons">
-
+    <link
+    rel="stylesheet"
+    href="https://fonts.googleapis.com/icon?family=Material+Icons"
+  />
+
     <!-- fav config -->
     <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
@@ -35,5 +39,7 @@ <h1>vuegg</h1>
       </div>
       <!-- This content will be replaced, once the Root Vue app is loaded -->
     </div>
+
+    <script src="./src/main.js" type="module"></script>
   </body>
 </html>

client/package.json

@@ -31,80 +31,14 @@
     "normalize.css": "^7.0.0",
     "oauth-open": "^1.0.3",
     "shortid": "^2.2.8",
+    "tinycolor2": "^1.4.2",
     "vue": "^2.5.16",
     "vue-color": "^2.4.6",
-    "vue-directive-tooltip": "^1.4.5",
-    "vue-mdc-adapter": "^0.15.3",
+    "vue-directive-tooltip": "^1.6.3",
+    "vue-mdc-adapter": "^0.18.2",
     "vue-router": "^2.8.1",
-    "vuex": "^2.5.0"
-  },
-  "devDependencies": {
-    "autoprefixer": "^7.2.6",
-    "babel-core": "^6.26.3",
-    "babel-eslint": "^7.1.1",
-    "babel-loader": "^7.1.4",
-    "babel-plugin-istanbul": "^4.1.6",
-    "babel-plugin-transform-runtime": "^6.22.0",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-stage-2": "^6.22.0",
-    "babel-register": "^6.22.0",
-    "chai": "^3.5.0",
-    "chalk": "^2.4.1",
-    "chromedriver": "^2.38.3",
-    "connect-history-api-fallback": "^1.5.0",
-    "copy-webpack-plugin": "^4.5.1",
-    "cross-env": "^5.1.4",
-    "cross-spawn": "^5.0.1",
-    "css-loader": "^0.28.11",
-    "cssnano": "^3.10.0",
-    "eslint": "^3.19.0",
-    "eslint-config-standard": "^6.2.1",
-    "eslint-friendly-formatter": "^3.0.0",
-    "eslint-loader": "^1.7.1",
-    "eslint-plugin-html": "^3.0.0",
-    "eslint-plugin-promise": "^3.7.0",
-    "eslint-plugin-standard": "^2.0.1",
-    "eventsource-polyfill": "^0.9.6",
-    "express": "^4.16.3",
-    "extract-text-webpack-plugin": "^2.0.0",
-    "file-loader": "^0.11.1",
-    "friendly-errors-webpack-plugin": "^1.7.0",
-    "html-webpack-plugin": "^2.28.0",
-    "http-proxy-middleware": "^0.17.3",
-    "inject-loader": "^3.0.0",
-    "karma": "^1.4.1",
-    "karma-coverage": "^1.1.2",
-    "karma-mocha": "^1.3.0",
-    "karma-phantomjs-launcher": "^1.0.2",
-    "karma-phantomjs-shim": "^1.5.0",
-    "karma-sinon-chai": "^1.3.4",
-    "karma-sourcemap-loader": "^0.3.7",
-    "karma-spec-reporter": "0.0.31",
-    "karma-webpack": "^2.0.13",
-    "mocha": "^3.2.0",
-    "nightwatch": "^0.9.21",
-    "node-sass": "^4.13.1",
-    "opn": "^5.3.0",
-    "optimize-css-assets-webpack-plugin": "^2.0.0",
-    "ora": "^1.4.0",
-    "phantomjs-prebuilt": "^2.1.16",
-    "rimraf": "^2.6.0",
-    "sass-loader": "^6.0.7",
-    "selenium-server": "^3.11.0",
-    "semver": "^5.5.0",
-    "shelljs": "^0.7.6",
-    "sinon": "^2.1.0",
-    "sinon-chai": "^2.14.0",
-    "url-loader": "^0.5.8",
-    "vue-loader": "^13.7.1",
-    "vue-style-loader": "^3.1.2",
     "vue-svgicon": "^2.1.3",
-    "vue-template-compiler": "^2.5.16",
-    "webpack": "^2.6.1",
-    "webpack-bundle-analyzer": "^2.11.1",
-    "webpack-dev-middleware": "^1.12.2",
-    "webpack-hot-middleware": "^2.22.1",
-    "webpack-merge": "^4.1.2"
+    "vuex": "^2.5.0"
   },
   "engines": {
     "node": ">= 8.0.0",