add nova

nova/resources/js/components/Inputs/IndexSearchInput.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="relative h-9 w-full md:w-1/3 md:shrink-0">
+    <Icon
+      type="search"
+      width="20"
+      class="absolute ml-2 text-gray-400"
+      :style="{ top: '4px' }"
+    />
+
+    <RoundInput
+      dusk="search-input"
+      class="appearance-none bg-white dark:bg-gray-800 shadow rounded-full h-8 w-full dark:focus:bg-gray-800"
+      :placeholder="__('Search')"
+      type="search"
+      :value="keyword"
+      @input="handleChange"
+      spellcheck="false"
+      :aria-label="__('Search')"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  emits: ['update:keyword'],
+
+  props: {
+    keyword: {
+      type: String,
+    },
+  },
+
+  methods: {
+    /**
+     * Update the field's internal value
+     */
+    handleChange(event) {
+      this.$emit('update:keyword', event?.target?.value || '')
+    },
+  },
+}
+</script>