Been stuck trying to delete data from a firestore document using async

Get Help
#1

I have been trying to get a delete function working in my Vue, I have tried everything I could all day with no success.
I have the data here:
image
I use this button to grab a particular set within the data:

{{ subs.uploadTitle }}
{{ subs.uploadDetails }}
{{ subs.tags }}

<button @click=“deleteSelected(subs.uploadTitle)”>

The method that responds:
image
This takes it to my database.js
image
However when I click the button and debug I get the following error straight away

image
image1100×249 15.6 KB

Followed by this:
image

Any help would be appreciated I honestly dont know where I am going wrong

#2

I got it! posting for anyone who might have the same issue and comes across this. My paths werent correct. I was also just printing the query and not the actual document.

Firestore.collection("collectionName").doc(firebaseAuthentication.currentUser.uid)
    .collection("collectionName1")
    .where("fieldName", "==", variable).get().then((qSnap)=>{
       qSnap.docs.forEach(doc => doc.ref.delete())
    });