Allow availableIceIps variable to be undefined when it was not yet …

…explicitly set

This allows one to track when it is was already populated, and react to that.

src/components/widgets/VideoPlayer.vue

@@ -150,7 +150,7 @@ watch(selectedICEIPsField, () => {
 })
 
 setInterval(() => {
-  const combinedIps = [...videoStore.availableIceIps, ...availableICEIPs.value]
+  const combinedIps = [...(videoStore.availableIceIps ?? []), ...availableICEIPs.value]
   const uniqueIps = combinedIps.filter((value, index, array) => array.indexOf(value) === index)
   videoStore.availableIceIps = uniqueIps
 }, 1000)

src/stores/video.ts

@@ -3,10 +3,10 @@ import { saveAs } from 'file-saver'
 import localforage from 'localforage'
 import { defineStore } from 'pinia'
 import Swal from 'sweetalert2'
-import { reactive } from 'vue'
+import { ref } from 'vue'
 
 export const useVideoStore = defineStore('video', () => {
-  const availableIceIps = reactive<string[]>([])
+  const availableIceIps = ref<string[] | undefined>(undefined)
   const allowedIceIps = useStorage<string[]>('cockpit-allowed-stream-ips', [])
 
   // Offer download of backuped videos