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'
}
}
`

Commencez par reproduire la configuration Vue 3 TypeScript de launch.json et vue.config.js, puis examinez le fichier log.txt joint et comparez le comportement des points d’arrêt dans app.vue avec les fichiers du dossier components. L’issue est résolue lorsque les points d’arrêt dans les fichiers de composants sont vérifiés et que les source mappings pertinents fonctionnent de manière cohérente.

Rédigé par le modèle d'indexation à partir du texte de l'issue.