From 2e5fd86946af784254714c05c06e71fb64f551a7 Mon Sep 17 00:00:00 2001
From: Menno Liefstingh
Date: Sat, 23 Mar 2024 23:57:01 +0100
Subject: [PATCH 01/11] refactor: Update dependencies and code for Vue 3
---
.eslintrc.js | 2 +-
package.json | 35 +-
src/App.vue | 7 +
src/components/Authorise.vue | 181 +-
src/main.js | 16 +-
yarn.lock | 11358 ++++++++++++++-------------------
6 files changed, 4995 insertions(+), 6604 deletions(-)
diff --git a/.eslintrc.js b/.eslintrc.js
index 5592b183..0d76a350 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -5,7 +5,7 @@ module.exports = {
},
extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
parserOptions: {
- parser: "babel-eslint"
+ parser: '@babel/eslint-parser'
},
rules: {
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
diff --git a/package.json b/package.json
index 4404cfcb..6b2b7fa8 100644
--- a/package.json
+++ b/package.json
@@ -14,25 +14,26 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
- "axios": "^0.19.2",
- "core-js": "^3.6.5",
- "dotenv": "^8.2.0",
- "node-sass": "4.14.1",
- "node-vibrant": "^3.1.4",
- "spotify-web-api-js": "^1.5.1",
- "vue": "^2.6.11"
+ "@babel/eslint-parser": "^7.24.1",
+ "axios": "^1.6.8",
+ "core-js": "^3.36.1",
+ "dotenv": "^16.4.5",
+ "node-sass": "9.0.0",
+ "node-vibrant": "^3.1.6",
+ "spotify-web-api-js": "^1.5.2",
+ "vue": "^3.4.21"
},
"devDependencies": {
- "@vue/cli-plugin-babel": "~4.4.0",
- "@vue/cli-plugin-eslint": "~4.4.0",
- "@vue/cli-service": "~4.4.0",
- "@vue/eslint-config-prettier": "^6.0.0",
+ "@vue/cli-plugin-babel": "~5.0.8",
+ "@vue/cli-plugin-eslint": "~5.0.8",
+ "@vue/cli-service": "~5.0.8",
+ "@vue/eslint-config-prettier": "^9.0.0",
"babel-eslint": "^10.1.0",
- "eslint": "^6.7.2",
- "eslint-plugin-prettier": "^3.1.3",
- "eslint-plugin-vue": "^6.2.2",
- "prettier": "^1.19.1",
- "sass-loader": "^8.0.2",
- "vue-template-compiler": "^2.6.11"
+ "eslint": "^8.57.0",
+ "eslint-plugin-prettier": "^5.1.3",
+ "eslint-plugin-vue": "^9.23.0",
+ "prettier": "^3.2.5",
+ "sass-loader": "^14.1.1",
+ "vue-template-compiler": "^2.7.16"
}
}
diff --git a/src/App.vue b/src/App.vue
index f9e01914..4d64d853 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,6 +7,7 @@
:player="player"
@spotifyTrackUpdated="updateCurrentTrack"
@requestRefreshToken="requestRefreshTokens"
+ @update-auth="updateAuth"
>
@@ -96,7 +97,13 @@ export default {
*/
updateCurrentTrack(value) {
this.player = value
+ },
+
+ updateAuth(updatedAuth) {
+ this.auth = { ...updatedAuth };
+ setStoredAuth(this.auth);
}
+
},
watch: {
diff --git a/src/components/Authorise.vue b/src/components/Authorise.vue
index 3b9428d7..e0fd169a 100644
--- a/src/components/Authorise.vue
+++ b/src/components/Authorise.vue
@@ -19,91 +19,53 @@
-