hw-gs-player

commit f84d149cd3b5ca9a877fd6569451e35a446c7e98
parent 315ce9123b211b70ef56b88f8a7a0f7163eec435
Author: Minerva_juppiter <94231606+minerva-jupiter@users.noreply.github.com>
Date:   Thu, 20 Mar 2025 12:17:14 +0900

Update queue.ts (#16)

* Update queue.ts

* Update queue.ts

* delete to show queue

* install cookies
Diffstat:
M
bun.lock
 | 
3
+++
M
package.json
 | 
3
++-
M
src/components/Player.vue
 | 
3
---
M
src/main.ts
 | 
2
++
M
src/queue.ts
 | 
11
+++++++----

5 files changed, 14 insertions(+), 8 deletions(-)
diff --git a/bun.lock b/bun.lock
@@ -8,6 +8,7 @@
         "@vue-youtube/core": "^0.0.6",
         "vue": "3.5.13",
         "vue-router": "^4.5.0",
+        "vue3-cookies": "^1.0.6",
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "5.2.1",
@@ -210,5 +211,7 @@
     "vue-router": ["vue-router@4.5.0", "", { "dependencies": { "@vue/devtools-api": "^6.6.4" }, "peerDependencies": { "vue": "^3.2.0" } }, "sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w=="],
 
     "vue-tsc": ["vue-tsc@2.2.8", "", { "dependencies": { "@volar/typescript": "~2.4.11", "@vue/language-core": "2.2.8" }, "peerDependencies": { "typescript": ">=5.0.0" }, "bin": { "vue-tsc": "./bin/vue-tsc.js" } }, "sha512-jBYKBNFADTN+L+MdesNX/TB3XuDSyaWynKMDgR+yCSln0GQ9Tfb7JS2lr46s2LiFUT1WsmfWsSvIElyxzOPqcQ=="],
+
+    "vue3-cookies": ["vue3-cookies@1.0.6", "", { "dependencies": { "vue": "^3.0.0" } }, "sha512-a1UvVD0qIgxyOqjlSOwnLnqAnz8ASltugEv8yX+96i/WGZAN9fEDci7xO4HIWZE1uToUnRq9JnFhvfDCSo45OA=="],
   }
 }
diff --git a/package.json b/package.json
@@ -12,7 +12,8 @@
     "@vue-youtube/component": "^0.0.6",
     "@vue-youtube/core": "^0.0.6",
     "vue": "3.5.13",
-    "vue-router": "^4.5.0"
+    "vue-router": "^4.5.0",
+    "vue3-cookies": "^1.0.6"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "5.2.1",
diff --git a/src/components/Player.vue b/src/components/Player.vue
@@ -136,9 +136,6 @@ const renderKey = queue.get_playerRenderKey();
       <div class="time_container">
         <div class="nowtime">{{ formattedNowTime }}</div>
         <div class="endtime">{{ formattedEndTime }}</div>
-      </div>
-      <div class="queue" v-for="(SongName, index) in queue.get_queueTitleList()">
-          #{{ index }} : {{ SongName }}
       </div> 
       <div class="fs_time_container">
         <div class="nowtime">{{ formattedNowTime }}</div>
diff --git a/src/main.ts b/src/main.ts
@@ -3,8 +3,10 @@ import { createManager } from '@vue-youtube/core';
 import './style.css'
 import App from './App.vue'
 import router from './router'
+import VueCookies from 'vue3-cookies';
 
 const app = createApp(App)
 app.use(createManager())
 app.use(router)
+app.use(VueCookies)
 app.mount('#app') 
\ No newline at end of file
diff --git a/src/queue.ts b/src/queue.ts
@@ -39,8 +39,12 @@ function get_next(): (string | null) {
     };
 };
 
-function get_nowSong(): (string) {
-    return queue[0].videoId;
+function get_nowSong(): (string|undefined) {
+    if(queue.length < 1) {
+        return undefined
+    } else {
+        return queue[0].videoId;
+    }
 }
 
 function add_album(Album: Queue[], AlbumTitle: string) {
@@ -70,4 +74,4 @@ function get_queueTitleList(): (string[]) {
     return queue.map((map) => map.SongName);
 }
 
-export default {get_albumTitle, get_next, get_nowSong, add_album, del_all, get_playerRenderKey, onLoopButton, get_queueTitleList };-
\ No newline at end of file
+export default {get_albumTitle, get_next, get_nowSong, add_album, del_all, get_playerRenderKey, onLoopButton, get_queueTitleList };