Wie berechne ich meine Artikelmenge, indem ich Daten innerhalb von 30 Tagen nach dem aktuellen Datum überprüfe?

Hier sind die aktuellen Codes, die ich innerhalb von 30 Tagen zu meinen Artikeln hinzufügen muss

<template>
  <div>
    <div>
      <div class="tree">
         <table width="100%"  border="1">
              <tr>
                <th>row</th>
                <th>Item</th>
                <th>Category</th>
                <th>Date</th>
                <th>Description</th>
              </tr>
              <tr v-for="(user,index) in bookData" v-bind:key="user.listData">
                <td>{{ user.index }}</td>
                <td>{{ user.item_id }}</td>
                <td>{{ user.category_id }}</td>
                <td>{{ user.r_date }}</td>
                <td>{{ user.description }}</td>
              </tr>
            </table>
            **New Item within 30 days :** 
        <div>
      </div>
    </div>
  </div>
</div>
</template>

<script lang="ts">
import { Vue, Watch, Component } from 'vue-property-decorator';
import API from '@/API';

@Component
export default class BookTable extends Vue {
  private bookData: any = [];
  private tempData: any = [];
  private metadata: any = JSON.stringify([], undefined, 2) ;

  private created(): void {
    this.getBookDetails();
    if (this.currentUser) {
      this.getCategories();
    }
  }

  @Watch('categories')
  private getBookDetails(): void {
    if (this.categories.length > 0) {
      for (const category of this.categories) {
        API.Book.getBook(category.id).then((response) => {
          this.bookData = this.bookData.concat(response ? response : []);
          this.tempData = this.bookData;
        });
      }
    }
  }
}
</script>

Bitte helfen Sie mir, da ich versuche, mehr über Vue zu erfahren und noch ein Neuling in diesem Bereich und Typoskript bin.