Vue component unverified breakpoints

Breakpoints in my vue component are all unverified
launch.json is as follows:

"version": "0.2.0",
"configurations": [
{
"type": "firefox",
"request": "launch",
"name": "vuejs: firefox",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"log": {
"fileName": "${workspaceFolder}/log.txt",
"fileLevel": {
"default": "Debug"
}
},
"pathMappings": [
{
"url": "webpack:///src",
"path": "${webRoot}"
}
],
"skipFiles": [ // optional
"${workspaceFolder}/node_modules/**"
]
}
]

Tried numerous pathmapping configs but none seem to work with any component.
Using the loaded scripts tab and checking the logs it seems everything is being mapped correctly, even without pathMappings being set.

Oddly enough if i set a breakpoint in app.vue in the src folder it does actually work but no breakpoints in any file in the components folder work.
Log attached for your pleasure.

[log.txt](https://github.com/firefox-devtools/vscode-firefox-debug/files/7384963/log.txt)

Other relevant info:
- using vue 3, whole app is typescript
- firefox 93.0
- extension version 2.9.4
- npm version 8.1.0
- everything on pop!_os 21.04 (basically ubuntu 21.04)

edit:
forgot to mention, vue.config.js is set correctly to:
`
module.exports = {
configureWebpack: {
devtool: 'source-map'
}
}
`

Comienza reproduciendo la configuración de Vue 3 TypeScript de launch.json y vue.config.js; después, inspecciona el archivo log.txt adjunto y compara el comportamiento de los breakpoints en app.vue con los archivos de la carpeta components. El issue se resuelve cuando se verifican los breakpoints en los archivos de componentes y los source mappings relevantes funcionan de forma coherente.

Escrito por el modelo de indexación a partir del texto del issue.