Angular quickstart


pnpm add @mushi-mushi/angular

src/app/app.config.ts


import { provideMushi } from '@mushi-mushi/angular'
 
export const appConfig = {
  providers: [
    provideMushi({
      projectId: 'YOUR_PROJECT_ID',
      apiKey: 'YOUR_PUBLIC_API_KEY',
    }),
  ],
}

src/app/report.component.ts


import { Component, inject } from '@angular/core'
import { MushiService } from '@mushi-mushi/angular'
 
@Component({
  selector: 'app-report',
  template: `<button (click)="report()">Report a bug</button>`,
})
export class ReportComponent {
  private mushi = inject(MushiService)
  report() {
    this.mushi.submitReport({ description: 'Calendar shows wrong week' })
  }
}