Здравствуйте, я использую Nuxt для создания приложения с Twitch и хочу, чтобы пользователи могли входить в систему с помощью Twitch.
У меня есть приложение в настройках Twitch, и у меня есть ключи, однако я не уверен, как реализовать кнопку, поэтому после нажатия она срабатывает, и поэтому пользователь может войти в систему.
Вот что у меня есть
<button class="twitch flex justify-center absolute pin-l items-center p-8 uppercase text-white font-semibold tracking-wide w-full" @submit.prevent="twitch">
<i class="fab fa-twitch pr-2 text-xl"></i> Sign in with Twitch
</button>
и у меня есть метод, определенный так
methods: {
twitch () {
async twitch () {
let { data } = await axios.get(`https://id.twitch.tv/oauth2/authorize?response_type=code&client_id=<key>&redirect_uri=http://localhost:3000&scope=chat_login`)
this.twitch = data
}
}
},
После того, как пользователь войдет в систему, я хочу иметь доступ к API, чтобы я мог создавать то, что хочу, для своего приложения, поэтому я хочу получить все данные, которые предоставляет API.
Это может быть совершенно неправильно, поэтому любая помощь в том, чтобы подтолкнуть меня в правильном направлении, будет приветствоваться.