Disabled eager searching except for entities. Updating movie search document on store.

assets/components/search/bar.vue

@@ -1,13 +1,13 @@
 <template>
 	<form
 		class="search"
-		@submit.prevent="search"
+		@submit.prevent="() => search()"
 	>
 		<input
 			v-model="query"
 			:placeholder="placeholder || 'Search'"
 			class="query"
-			@input="search"
+			@input="() => search(true)"
 		>
 
 		<button
@@ -18,8 +18,10 @@
 </template>
 
 <script>
-function search() {
-	this.$router.replace({ query: { query: this.query || undefined } });
+function search(typing) {
+	if (!typing || this.eager) {
+		this.$router.replace({ query: { query: this.query || undefined } });
+	}
 }
 
 function resetQuery() {
@@ -32,6 +34,10 @@ export default {
 			type: String,
 			default: null,
 		},
+		eager: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		return {