Estoy tratando de permitir que los jugadores se unan a un juego a través de un código QR. Dado que ese juego estará alojado en varias IP, quiero generar dinámicamente la URL.

Esta es mi solución actual en mi componente NuxtJS Vue:

 <template> <input placeholder="copy browser window url into this field" v-model="fullPath" @change="generateQR"> </template> <script setup> const fullPath = ref(null) QRCode.toDataURL(fullPath.value + ... </script>

Lo que quiero hacer es algo como:

 <script setup> // not working phantasy code QRCode.toDataURL(window.location.href + ... </script>

Cuando uso useRouter() y el atributo .fullPath de useRoute(), solo obtengo la ruta relativa / en lugar de http://10.16.1.173:3000/ .

Código completo en GitLab: páginas/index.vue