davidwindham.com
forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
1<script setup lang="ts">
2defineProps<{
3 keywords?: string[]
4}>()
5
6const { model } = useGlobalSearch()
7</script>
8<template>
9 <CollapsibleSection v-if="keywords?.length" :title="$t('package.keywords_title')" id="keywords">
10 <ul class="flex flex-wrap gap-1.5 list-none m-0 p-1">
11 <li v-for="keyword in keywords.slice(0, 15)" :key="keyword">
12 <LinkBase
13 variant="button-secondary"
14 size="small"
15 :to="{ name: 'search', query: { q: `keyword:${keyword}` } }"
16 @click="model = `keyword:${keyword}`"
17 >
18 {{ keyword }}
19 </LinkBase>
20 </li>
21 </ul>
22 </CollapsibleSection>
23</template>