computed: {
userName() {
// (4) Display authenticated user name
const user = this.$gapi.getUserData()
return user.accessToken
},
},
Это код, который я пытаюсь преобразовать в API композиции Vue3. По сути, я понимаю, что мне нужно импортировать вычисленные данные и так далее, но часть, которую я не могу понять, - это как написать this.$gapi.getUserData() в функции настройки.
gapi - это импортированный пакет, который я использую ..
Глобальные свойства настраиваются в app.config.globalProperties в Vue 3 и в экземпляре приложения можно получить через getCurrentInstance().appContext.
Эквивалентный Composition API будет примерно таким:
import { getCurrentInstance, computed } from 'vue'
export default {
setup() {
return {
userName: computed(() => {
const user = getCurrentInstance().appContext.config.globalProperties.$gapi.getUserData()
return user.accessToken
})
}
}
}
