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

Beginne damit, das Vue 3 TypeScript-Setup aus launch.json und vue.config.js zu reproduzieren, sieh dir dann die angehängte log.txt an und vergleiche das Breakpoint-Verhalten in app.vue mit den Dateien im components-Ordner. Das Issue ist gelöst, wenn Breakpoints in Komponentendateien verifiziert sind und die relevanten Source Mappings konsistent funktionieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.