xtiannyeto

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
import { Pokemon } from './types'

// Define a service using a base URL and expected endpoints
export const pokemonApi = createApi({
  reducerPath: 'pokemonApi',
  baseQuery: fetchBaseQuery({ baseUrl: 'https://pokeapi.co/api/v2/' }),
  endpoints: (builder) => ({
    getPokemonByName: builder.query<Pokemon, string>({
      query: (name) => `pokemon/${name}`,

xtiannyeto

import { Button, createTheme, ThemeProvider } from '@mui/material';
import React from 'react';
import './App.scss';
import styles from './style.module.scss';

function App() {
  const theme = createTheme({
    palette: {
      primary: {
        main: styles.colorPrimary

xtiannyeto

<template>
  <button @click="signIn">login</button>
  <button @click="signOut">log out</button>
  <div>{{ user }}</div>
</template>
<script lang="ts">
import { defineComponent, onMounted, ref } from '@vue/runtime-core';
import { initFacebook, login, logout } from './FacebookAuth';

export default defineComponent({

xtiannyeto

export interface FaceBookResponse {
  email: string;
  name: string;
  picture: string;
  authResponse: any;
}

// import * as Facebook from 'fb-sdk-wrapper';
// eslint-disable-next-line @typescript-eslint/no-var-requires
import * as Facebook from 'fb-sdk-wrapper';

xtiannyeto

<template>
  <button @click="signIn">login</button>
  <button @click="signOut">log out</button>
  <div>{{ user }}</div>
</template>
<script lang="ts">
import { defineComponent, onMounted, ref } from '@vue/runtime-core';
import { installGoogleAuth } from './GoogleAuth';

export default defineComponent({

xtiannyeto

export async function installGoogleAuth(options: any): Promise<any> {
  // set config
  let GoogleAuthConfig: any = null;
  const GoogleAuthDefaultConfig = {
    scope: 'profile email'
  };
  let prompt = 'select_account';
  if (typeof options === 'object') {
    GoogleAuthConfig = Object.assign(GoogleAuthDefaultConfig, options);
    if (options.scope) {

xtiannyeto

const googleAuth = ((): any => {
  const installClient = () => {
    const apiUrl = 'https://apis.google.com/js/api.js';
    return new Promise<void>((resolve) => {
      const script: any = document.createElement('script');
      script.src = apiUrl;
      script.onreadystatechange = script.onload = () => {
        if (!script.readyState || /loaded|complete/.test(script.readyState)) {
          setTimeout(() => {