ui: allow QuickSearch to be hidden by default

Author: davidstackio

src/runtime/components/QuickSearch.vue

@@ -3,20 +3,24 @@ import { mdiChevronUp, mdiChevronDown } from '@mdi/js'
 import { ref } from 'vue'
 import type { PropType } from 'vue'
 
-// Props
-defineProps({
+// PROPS
+const props = defineProps({
   searchGroups: {
     type: Array as PropType<{
       title: string
       items: string[]
     }[]>,
     default: () => [],
   },
+  show: {
+    type: Boolean,
+    default: true,
+  },
 })
 
-// Component state
+// STATE - LOCAL
 const search = defineModel<string>({ default: '' })
-const showQuickSearch = ref(true)
+const showQuickSearch = ref(props.show)
 </script>
 
 <template>