debounce-nuxt.vue

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

<script>
export default {
  data: () => {
    return {
      debounceTimeout: null,
      searchInput: ""
    };
  },
  methods: {
    filterBlog() {
      alert(this.searchInput);
    },
    debounceSearch: function() {
      if (this.debounceTimeout) clearTimeout(this.debounceTimeout);
      this.debounceTimeout = setTimeout(() => {
        this.filterBlog();
      }, 500); // delay for half second
    }
  }
};
</script>