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 @@

-