Nuxt Content VueJS v2 Debounce Input

debounce.vue

<template>
  <div>
    <input
      type="text"
      placeholder="Search"
      @input="debounceSearch()"
      v-model="search"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      search: '',
    }
  },

  methods: {
    triggerSearch() {
      alert(this.search);
    },
    debounceSearch: function() {
      if (this.debounceTimeout) clearTimeout(this.debounceTimeout);
      this.debounceTimeout = setTimeout(() => {
        this.filterBlog();
      }, 500);
    }
  }
};
</script>