New Reverb Configuration

Hi all, i am trying to install reverb on an api Back end with a Vue 3 front end on a separate app. I am having trouble getting the initial request to go through but not sure why?

I have this is my main js file which is all getting picked up and fired off fine but not succesfully:

import Echo from 'laravel-echo'

import Pusher from 'pusher-js'
window.Pusher = Pusher

window.Echo = new Echo({
  broadcaster: 'reverb',
  key: import.meta.env.VITE_REVERB_APP_KEY,
  wsHost: import.meta.env.VITE_REVERB_HOST,
  wsPort: import.meta.env.VITE_REVERB_PORT,
  wssPort: import.meta.env.VITE_REVERB_PORT,
  forceTLS: (import.meta.env.VITE_REVERB_SCHEME ?? 'https') === 'https',
  enabledTransports: ['ws', 'wss'],
})

my Front end env

VITE_REVERB_APP_KEY=qgoeijuhbv4vf0tv5rvu
VITE_REVERB_HOST=localhost
VITE_REVERB_PORT=8080
VITE_REVERB_SCHEME=http

My BE keys:

REVERB_APP_ID=897151
REVERB_APP_KEY=qgoeijuhbv4vf0tv5rvu
REVERB_APP_SECRET=wtfjkzdelikf7q8vv1ie
REVERB_HOST="localhost"
REVERB_PORT=8080
REVERB_SCHEME=http

And then this my request from the network pane on my front end:

wss://localhost:8080/app/qgoeijuhbv4vf0tv5rvu?protocol=7&client=js&version=8.4.0-rc2&flash=false

also starting reverb:

 dce php artisan reverb:start --debug

   INFO  Starting server on 0.0.0.0:8080 (localhost).

  Pruning Stale Connections ..........................................................................................
  Pinging Inactive Connections .........................

it just has no response and doesn't do anything not to sure where im going wrong?