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

Inizia riproducendo la configurazione Vue 3 TypeScript da launch.json e vue.config.js, quindi esamina il file log.txt allegato e confronta il comportamento dei breakpoint in app.vue con i file nella cartella components. L'issue è risolta quando i breakpoint nei file dei componenti sono verificati e i source mappings pertinenti funzionano in modo coerente.

Scritto dal modello di indicizzazione a partire dal testo della issue.