Error accessing webkitSpeechRecognition() in my pwa application

[leeobrum]

I use the Vue.js 3 language, together with Typescript, I created a pwa application and I want to create a voice button, but when I use this button created in my safari it works, when I add my application to the IOS home screen, it no longer works, I tested it with different versions of Ios.

an example of my code:

Link Element Plus Playgorund

Can anyone help me in this case? I don't know what I could be doing wrong and I also did a lot of research and didn't see anything to help me.