Im newbie on JS and i need to handle a many variable from passportFunction to displaying that on my vue app. On my code, let user variable has inside module.exports and i would like export that module on Vue but i got blank page:

My JS file has :

module.exports = function passportFunction (passport) {
  passport.use(
   new GoogleStrategy(
   {
    clientID: process.env.GOOGLE_CLIENT_ID,
    clientSecret: process.env.GOOGLE_CLIENT_SECRET,
  },
 
    try {
      let user = await User.findOne({ googleId: profile.id })

      if (user) {
        done(null, user)
      } else {
        user = await User.create(newUser)
        done(null, user)
      }
    } catch (err) {
      console.error(err)
    }
  }
 )
)

passport.serializeUser((user, done) => {
  done(null, user.id)
})

passport.deserializeUser((id, done) => {
  User.findById(id, (err, user) => done(err, user))
 })
}

My vue file has :

<template>
  <span class="d-none d-md-inline-block"> {{user}} </span>
</template>

<script> 
import passportFunction from '/Users/mac/Desktop/backend/config/file.js'

export default {
methods: {
    user : passportFunction.user,
  },
};
</script>