forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: filter search cannot be typed (#1376)
+6
-7
+6
-7
app/components/Filter/Panel.vue
+6
-7
app/components/Filter/Panel.vue
···
32
32
const isExpanded = shallowRef(false)
33
33
const showAllKeywords = shallowRef(false)
34
34
35
+
const filterText = computed({
36
+
get: () => props.filters.text,
37
+
set: value => emit('update:text', value),
38
+
})
39
+
35
40
const displayedKeywords = computed(() => {
36
41
const keywords = props.availableKeywords ?? []
37
42
return showAllKeywords.value ? keywords : keywords.slice(0, 20)
···
128
133
129
134
function getSecurityLabelKey(value: SecurityFilter): string {
130
135
return securityLabelKeys.value[value]
131
-
}
132
-
133
-
function handleTextInput(event: Event) {
134
-
const target = event.target as HTMLInputElement
135
-
emit('update:text', target.value)
136
136
}
137
137
138
138
// Compact summary of active filters for collapsed header using operator syntax
···
242
242
<InputBase
243
243
id="filter-search"
244
244
type="text"
245
-
:value="filters.text"
245
+
v-model="filterText"
246
246
:placeholder="searchPlaceholder"
247
247
autocomplete="off"
248
248
class="w-full min-w-25"
249
249
size="medium"
250
250
no-correct
251
-
@input="handleTextInput"
252
251
/>
253
252
</div>
254
253