Fix shared worker for vite build (#188)

The PR uses the vite recommend method of calling the shared worker so that PWA builds properly.

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: #188

src/pages/camera-mixin.js

@@ -42,7 +42,7 @@ export default {
       this.getImage(tempCVS.toDataURL())
     },
     async videoFrameDetect (vidData) {
-      const vidWorker = new SharedWorker('../assets/detect-worker.js',{type: 'module'})
+      const vidWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
       vidWorker.port.onmessage = (eVid) => {
         self = this
         if (eVid.data.error) {

src/pages/detect.vue

@@ -178,7 +178,7 @@
         videoAvailable: false,
         cameraStream: null,
         infoLinkPos: {},
-        workerScript: null
+        detectWorkerURL: new URL('../assets/detect-worker.js', import.meta.url)
       }
     },
     setup() {
@@ -215,7 +215,7 @@
       if (loadServerSettings) this.serverSettings = JSON.parse(loadServerSettings)
     },
     mounted () {
-      const mountWorker = new SharedWorker('../assets/detect-worker.js',{type: 'module'})
+      const mountWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
       mountWorker.port.onmessage = (eMount) => {
         self = this
         if (eMount.data.error) {
@@ -292,7 +292,7 @@
         return `--chip-media-gradient: conic-gradient(from ${270 - (confFactor * 360 / 2)}deg, hsl(${confFactor * 120}deg, 100%, 50%) ${confFactor}turn, hsl(${confFactor * 120}deg, 50%, 66%) ${confFactor}turn)`
       },
       async setData () {
-        const detectWorker = new SharedWorker('../assets/detect-worker.js',{type: 'module'})
+        const detectWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
         detectWorker.port.onmessage = (eDetect) => {
           self = this
           if (eDetect.data.error) {