Auth flow correctly pulls from env file

package.json

@@ -13,14 +13,13 @@
   },
   "dependencies": {
     "axios": "^1.1.2",
-    "dotenv": "^16.0.3",
-    "pinia": "^2.0.22",
-    "vue": "^3.2.37",
-    "vue-router": "^4.1.5",
+    "glob-parent": ">=5.1.2",
     "json5": ">=2.2.2",
+    "pinia": "^2.0.22",
+    "trim": ">=0.0.3",
     "trim-newlines": ">=3.0.1",
-    "glob-parent": ">=5.1.2",
-    "trim": ">=0.0.3"
+    "vue": "^3.2.37",
+    "vue-router": "^4.1.5"
   },
   "devDependencies": {
     "@babel/core": "^7.20.5",
@@ -35,17 +34,16 @@
     "@vue/test-utils": "^2.1.0",
     "autoprefixer": "^10.4.12",
     "babel-loader": "^8.3.0",
+    "dotenv": "^16.3.1",
+    "glob-parent": ">=5.1.2",
     "happy-dom": "^7.4.0",
+    "json5": ">=2.2.2",
     "postcss": "^8.4.18",
     "tailwindcss": "^3.1.8",
+    "trim": ">=0.0.3",
+    "trim-newlines": ">=3.0.1",
     "vite": "^3.2.7",
     "vitest": "^0.24.0",
-    "vue-loader": "^16.8.3",
-    "json5": ">=2.2.2",
-    "trim-newlines": ">=3.0.1",
-    "glob-parent": ">=5.1.2",
-    "trim": ">=0.0.3"
-
-
+    "vue-loader": "^16.8.3"
   }
 }

src/main.js

@@ -1,5 +1,3 @@
-
-
 import { createApp } from 'vue';
 
 import { createPinia } from 'pinia';

src/stores/SpotifyAPI.js

@@ -16,8 +16,8 @@ export const useSpotifyStore = defineStore('spotify', {
     },
     actions: {
         getAuthURL(){
-            const client_id = '';
-            const redirect_uri = '';
+            const client_id = import.meta.env.VITE_CLIENT_ID;
+            const redirect_uri = import.meta.env.VITE_CALLBACK_URL;
             const scope = 'playlist-read-private user-read-private user-read-email';
             let url = 'https://accounts.spotify.com/authorize'
             url += '?response_type=token'