using pwa fire

app.component.ts

import { Component } from '@angular/core';
import { JokesService } from './jokes.service';
import { pwa } from 'pwafire';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  joke = 'Click the Button to Generate a Joke';
  jokeCopied = false;
  title = 'Dad jokes';

  constructor(private jokeService: JokesService) {}

  fetchJoke(): void {
    this.jokeService.getJoke().subscribe((data: any) => {
      this.joke = data.joke;
    });
  }

  async copyJoke(joke: string) {
    try {
      const res = await pwa.copyText(joke);
      this.jokeCopied = res.ok;
      setTimeout(() => (this.jokeCopied = false), 5000);
    } catch (error) {
      console.log(error);
    }
  }

  async shareJoke() {
    const shareOptions: pwa.ShareOptions = {
      title: 'Check out this joke!',
      text: this.joke,
      url: 'https://www.linkedin.com/in/chrisachinga/'
    };

    try {
      await pwa.Share(shareOptions);
    } catch (error) {
      console.log(error);
    }
  }

}