Make frontend compatible with vue3

[Lancer-110]

Frontend Version:
UE5.5

Description:
vue
package.json
"dependencies": {
"@epicgames-ps/lib-pixelstreamingfrontend-ue5.5": "^0.4.5",
"@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.5": "^0.4.4",
}
view

import { ref, onMounted } from 'vue'
import {
  Config,
  PixelStreaming,
  Logger,
  LogLevel,
} from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.5'
import {
  Application,
  PixelStreamingApplicationStyle,
} from '@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.5'

onMounted(() => {
  const PixelStreamingApplicationStyles = new PixelStreamingApplicationStyle()
  PixelStreamingApplicationStyles.applyStyleSheet()

  // expose the pixel streaming object for hooking into. tests etc.
  declare global {
    interface Window {
      pixelStreaming: PixelStreaming
    }
  }

  document.body.onload = function () {
    Logger.InitLogging(LogLevel.Warning, true)

    // Create a config object
    const config = new Config({ useUrlParams: true })

    // Create a Native DOM delegate instance that implements the Delegate interface class
    const stream = new PixelStreaming(config)

    const application = new Application({
      stream,
      onColorModeChanged: (isLightMode) =>
        PixelStreamingApplicationStyles.setColorMode(isLightMode),
    })
    document.body.appendChild(application.rootElement)

    window.pixelStreaming = stream
  }
})

error
[plugin:vite:import-analysis] Failed to resolve entry for package "@epicgames-ps/lib-pixelstreamingfrontend-ui-ue5.5". The package may have incorrect main/module/exports specified in its package.json.