make title optional

components/PlaylistTable.vue

@@ -252,7 +252,6 @@ function addClip(event: any) {
     playlistStore.playlist.splice(n, 0, {
         uid,
         begin: 0,
-        title: mediaStore.folderTree.files[o].name,
         source: sourcePath,
         in: 0,
         out: mediaStore.folderTree.files[o].duration,

composables/helper.ts

@@ -214,6 +214,10 @@ export const playlistOperations = () => {
                     delete item.custom_filter
                 }
 
+                if (!item.title) {
+                    delete item.title
+                }
+
                 if (
                     begin + (item.out - item.in) >
                     configStore.playout.playlist.startInSec + configStore.playout.playlist.lengthInSec

pages/player.vue

@@ -246,7 +246,7 @@ const isVideo = ref(false)
 
 const newSource = ref({
     begin: 0,
-    title: '',
+    title: null,
     in: 0,
     out: 0,
     duration: 0,

stores/playlist.ts

@@ -17,7 +17,7 @@ export const usePlaylist = defineStore('playlist', {
         progressValue: 0,
         currentClip: '',
         currentClipIndex: 0,
-        currentClipTitle: '',
+        currentClipTitle: null as null | string,
         currentClipStart: 0,
         currentClipDuration: 0,
         currentClipIn: 0,
@@ -82,7 +82,7 @@ export const usePlaylist = defineStore('playlist', {
             this.currentClipIn = item.media.in
             this.currentClipOut = item.media.out
             this.currentClipDuration = item.media.duration
-            this.currentClipTitle = item.media.title ?? ''
+            this.currentClipTitle = item.media.title ?? null
             this.currentClipIndex = item.index
             this.elapsedSec = item.elapsed
             this.ingestRuns = item.ingest