Minor adjustments

Author: Brugarolas

.babelrc

@@ -1,17 +1,9 @@
 {
   "presets": [
-    [ "@babel/env", { "targets": { "browsers": [ "last 2 versions" ] }, "modules": false } ],
-    "@babel/preset-typescript"
+    [ "@babel/env", { "targets": { "browsers": [ "last 2 versions" ] }, "modules": false } ]
   ],
   "plugins": [
-    "@babel/plugin-proposal-function-bind",
-    "@babel/plugin-proposal-logical-assignment-operators",
     ["@babel/plugin-proposal-optional-chaining", { "loose": false }],
-    ["@babel/plugin-proposal-pipeline-operator", { "proposal": "minimal" }],
-    ["@babel/plugin-proposal-nullish-coalescing-operator", { "loose": false }],
-    "@babel/plugin-proposal-do-expressions",
-    ["@babel/plugin-proposal-decorators", { "legacy": true }],
-    "@babel/plugin-proposal-throw-expressions",
-    ["@babel/plugin-proposal-class-properties", { "loose": false }]
+    ["@babel/plugin-proposal-decorators", { "legacy": true }]
   ]
 }

.gitignore

@@ -3,6 +3,7 @@ node_modules/
 dist/
 npm-debug.log
 yarn-error.log
+package-lock.json
 
 # Editor directories and files
 .idea

package-lock.json

@@ -13,11 +13,11 @@
     "vue": "2.5.17",
     "vue-router": "3.0.1",
     "vuex": "3.0.1",
-    "vue-i18n": "8.1.0",
-    "googleapis": "33.0.0",
+    "vue-i18n": "8.3.1",
+    "googleapis": "35.0.0",
     "hyperid": "1.4.1",
     "greenlet": "1.0.1",
-    "format-duration": "1.2.0"
+    "format-duration": "1.3.1"
   },
   "engines": {
     "node": ">=8.0.0"
@@ -28,40 +28,34 @@
     "not ie <= 8"
   ],
   "devDependencies": {
-    "babel-loader": "8.0.0",
-    "@babel/cli": "7.0.0",
-    "@babel/core": "7.0.0",
-    "@babel/preset-env": "7.0.0",
-    "@babel/plugin-proposal-function-bind": "7.0.0",
-    "@babel/plugin-proposal-logical-assignment-operators": "7.0.0",
+    "babel-loader": "8.0.4",
+    "@babel/cli": "7.1.5",
+    "@babel/core": "7.1.5",
+    "@babel/preset-env": "7.1.5",
     "@babel/plugin-proposal-optional-chaining": "7.0.0",
-    "@babel/plugin-proposal-pipeline-operator": "7.0.0",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.0.0",
-    "@babel/plugin-proposal-do-expressions": "7.0.0",
-    "@babel/plugin-proposal-decorators": "7.0.0",
-    "@babel/plugin-proposal-throw-expressions": "7.0.0",
-    "@babel/plugin-proposal-class-properties": "7.0.0",
+    "@babel/plugin-proposal-decorators": "7.1.2",
     "@babel/polyfill": "7.0.0",
-    "@babel/preset-typescript": "7.0.0",
+    "@babel/preset-typescript": "7.1.0",
     "babel-preset-minify": "0.4.3",
     "less": "3.8.1",
     "cross-env": "5.2.0",
-    "css-loader": "1.0.0",
-    "file-loader": "1.1.11",
+    "css-loader": "1.0.1",
+    "file-loader": "2.0.0",
     "less-loader": "4.1.0",
-    "vue-loader": "15.4.1",
+    "vue-loader": "15.4.2",
     "vue-template-compiler": "2.5.17",
-    "webpack": "4.17.2",
-    "webpack-dev-server": "3.1.7",
-    "webpack-cli": "3.1.0",
-    "eslint": "5.5.0",
+    "webpack": "4.25.1",
+    "webpack-dev-server": "3.1.10",
+    "webpack-cli": "3.1.2",
+    "eslint": "5.9.0",
     "eslint-plugin-import": "2.14.0",
-    "eslint-plugin-node": "7.0.1",
-    "eslint-plugin-promise": "4.0.0",
+    "eslint-plugin-node": "8.0.0",
+    "eslint-plugin-promise": "4.0.1",
     "eslint-plugin-standard": "4.0.0",
     "eslint-plugin-react": "7.11.1",
-    "eslint-plugin-vue": "4.7.1",
+    "eslint-plugin-vue": "^5.0.0-beta.3",
     "eslint-config-standard": "12.0.0",
-    "eslint-config-semistandard": "12.0.1"
+    "eslint-config-semistandard": "13.0.0",
+    "acorn": "6.0.0"
   }
 }

package.json

@@ -71,6 +71,7 @@ export default {
     top: 14px;
     left: 16px;
     z-index: 3;
+    pointer-events: none;
     transition: all 0.3s ease-in-out;
   }
 

src/components/Song.vue

@@ -122,7 +122,7 @@ export default {
   float: left;
   vertical-align: middle;
   box-sizing: border-box;
-  width: 5%;
+  width: 60px;
 
   .player-image {
     width: 60px;
@@ -140,7 +140,7 @@ export default {
   text-align: left;
   float: left;
   padding-left: 20px;
-  width: 30%;
+  width: calc(35% - 60px);
   min-height: 5px;
   box-sizing: border-box;
   vertical-align: middle;

src/components/player/Player.vue

@@ -46,27 +46,27 @@ module.exports = {
           ],
           plugins: [
             // Stage 0
-            '@babel/plugin-proposal-function-bind',
+            // '@babel/plugin-proposal-function-bind',
 
             // Stage 1
             // "@babel/plugin-proposal-export-default-from",
-            '@babel/plugin-proposal-logical-assignment-operators',
+            // '@babel/plugin-proposal-logical-assignment-operators',
             ['@babel/plugin-proposal-optional-chaining', { 'loose': false }],
-            ['@babel/plugin-proposal-pipeline-operator', { 'proposal': 'minimal' }],
-            ['@babel/plugin-proposal-nullish-coalescing-operator', { 'loose': false }],
-            '@babel/plugin-proposal-do-expressions',
+            // ['@babel/plugin-proposal-pipeline-operator', { 'proposal': 'minimal' }],
+            // ['@babel/plugin-proposal-nullish-coalescing-operator', { 'loose': false }],
+            // '@babel/plugin-proposal-do-expressions',
 
             // Stage 2
-            ['@babel/plugin-proposal-decorators', { 'legacy': true }],
+            ['@babel/plugin-proposal-decorators', { 'legacy': true }]
             // "@babel/plugin-proposal-function-sent",
             // "@babel/plugin-proposal-export-namespace-from",
             // "@babel/plugin-proposal-numeric-separator",
-            '@babel/plugin-proposal-throw-expressions',
+            // '@babel/plugin-proposal-throw-expressions',
 
             // Stage 3
             // "@babel/plugin-syntax-dynamic-import",
             // "@babel/plugin-syntax-import-meta",
-            ['@babel/plugin-proposal-class-properties', { 'loose': false }]
+            // ['@babel/plugin-proposal-class-properties', { 'loose': false }]
             // "@babel/plugin-proposal-json-strings"
           ]
         }