letswritetw

import { getAuth, signInWithPopup, FacebookAuthProvider } from "firebase/auth";

const auth = getAuth();
const providerFb = new FacebookAuthProvider();

signInWithPopup(auth, providerFb)
  .then((result) => {
    const credential = FacebookAuthProvider.credentialFromResult(result);
    const accessToken = credential.accessToken;
    const user = result.user;

letswritetw

import { getAuth, getRedirectResult, GoogleAuthProvider } from "firebase/auth";

const auth = getAuth();
const providerGoogle = new GoogleAuthProvider();

getRedirectResult(auth)
  .then((result) => {
    const credential = GoogleAuthProvider.credentialFromResult(result);
    const token = credential.accessToken;
    const user = result.user;

letswritetw

import { getAuth, signInWithPopup, GoogleAuthProvider } from "firebase/auth";

const auth = getAuth();
const providerGoogle = new GoogleAuthProvider();

signInWithPopup(auth, providerGoogle)
  .then((result) => {
    const credential = GoogleAuthProvider.credentialFromResult(result);
    const token = credential.accessToken;
    const user = result.user;

letswritetw

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],

letswritetw

editor:
  fields:
    - { label: "標題", name: "title", widget: "string" }
    - { label: "日期", name: "date", widget: "date" }
    - { label: "內文", name: "body", widget: "markdown" }

letswritetw

<template>
  <div>
    <ul>
      <li v-for="d in data" :key="d.id">{{ d.title }}</li>
    </ul>
  </div>
</template>

<script>
  import getDataFn from '../library/getData';

letswritetw

import { ref } from 'vue'

export default function(uri) {

  const data = ref(null);

  const getData = async () => {
    try {
      const result = await fetch(uri);
      if(!result.ok) {

letswritetw

<template>
  <div>
    <ul>
      <li v-for="u in users" :key="u.id">{{ u.name }}</li>
    </ul>
  </div>
</template>

<script>
  import getDataFn from '../library/getData';

letswritetw

import { ref } from 'vue'

export default function() {

  const users = ref(null);

  const getData = async () => {
    try {
      const data = await fetch('https://jsonplaceholder.typicode.com/users');
      if(!data.ok) {

letswritetw

<template>
  <div>
    <ul>
      <li v-for="u in users" :key="u.id">{{ u.name }}</li>
    </ul>
  </div>
</template>

<script>
  import { ref } from 'vue'