Moment from now generator for StencilJS

app-now.tsx

import { Component, Prop, State } from '@stencil/core';
import { interval, Subject } from 'rxjs';
import { takeUntil, startWith } from 'rxjs/operators';
import moment from 'moment';

@Component({
  tag: 'app-now'
})
export class Now {
  @Prop() time: number;
  @Prop() interval = 10000;

  @State() now: string;

  private readonly destroySubs$ = new Subject();

  connectedCallback() {
    interval(this.interval)
      .pipe(
        startWith(0),
        takeUntil(this.destroySubs$)
      )
      .subscribe(() => (this.now = moment(this.time).fromNow()));
  }

  disconnectedCallback() {
    this.destroySubs$.next();
    this.destroySubs$.complete();
  }

  render() {
    return this.now;
  }
}