Bagaimanakah saya boleh mengira kuantiti item saya dengan menyemak tarikh dalam tempoh 30 hari dari tarikh semasa?

Berikut ialah kod semasa yang perlu saya tambahkan pada item saya dalam masa 30 hari

<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>

Sila bantu kerana saya cuba mempelajari lebih lanjut tentang Vue dan saya sangat baru dengannya serta skrip taip.