Use DeferredInput on OnlineModView

While triggering the filtering function was debounced, using an inline
input still triggered update for the whole component when its value
changed.

src/components/views/OnlineModView.vue

@@ -5,8 +5,8 @@
                 <div class="no-padding-left card-header-title">
                     <div class="input-group input-group--flex margin-right">
                         <label for="thunderstore-search-filter">Search</label>
-                        <input
-                            v-model="thunderstoreSearchFilter"
+                        <DeferredInput
+                            @changed="(value) => thunderstoreSearchFilter = value"
                             id="thunderstore-search-filter"
                             class="input"
                             type="text"
@@ -79,12 +79,13 @@ import ManifestV2 from '../../model/ManifestV2';
 import ThunderstoreMod from '../../model/ThunderstoreMod';
 import OnlineModListProvider from '../../providers/components/loaders/OnlineModListProvider';
 import ArrayUtils from '../../utils/ArrayUtils';
-import debounce from 'lodash.debounce';
 import SearchUtils from '../../utils/SearchUtils';
 import PaginationButtons from "../navigation/PaginationButtons.vue";
+import { DeferredInput } from "../all";
 
 @Component({
     components: {
+        DeferredInput,
         OnlineModList: OnlineModListProvider.provider,
         PaginationButtons,
     }
@@ -129,8 +130,6 @@ export default class OnlineModView extends Vue {
     }
 
     @Watch("thunderstoreSearchFilter")
-    onThunderstoreFilterUpdate = debounce(this.performThunderstoreFilterUpdate, 150);
-
     performThunderstoreFilterUpdate() {
         this.pageNumber = 1;
         this.filterThunderstoreModList();