How to import dependency into Vuex actions?

user_2420614 0
Viewed 67

What is the correct way to import functions into Vuex actions? I ask because I get the following eslint error when trying to import a Firebase doc() into my action code:

'doc' is declared but its value is never read.ts(6133)
'doc' is defined but never used.eslintno-unused-vars
(alias) function doc(firestore: FirebaseFirestore, path: string, ...pathSegments: string[]): DocumentReference<DocumentData> (+2 overloads)
import doc

Here's the actions.js code:

import { doc } from "firebase/firestore"
import {db} from '~/plugins/firebase.js'

export default {

async getUserProfile({ commit }, authUser) {
  try {
    const docRef = doc(db, 'users', authUser.uid) // <----trying to use `doc()` here but get that eslint error
    ....
   }
....
}

Why can't I import the doc() function into the getUserProfile() action?

Updated with screenshot:

eslint error

nuxt.js vuex
1 Answers

In the end, this was caused by the fact that doc was (re)declared later in the code, as noted by the OP in the comments. Hence why ESlint was complaining about unused variable.

user_88165850
Related