mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2025-12-24 02:39:20 -05:00
Code Issues Packages Projects Releases Wiki Activity

made keywords klickable again

Browse Source
This commit is contained in:
vabene1111
2025-08-17 10:39:22 +02:00
parent 7f8587922d
commit f5f001b3d2
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
vue3/src/components/display/KeywordsBar.vue
View File

@@ -2,7 +2,9 @@
<div v-if="props.keywords">
<slot name="prepend"></slot>
<v-chip class="me-1 mb-1" :label="props.label" :color="props.color" :size="props.size" :variant="props.variant" v-for="k in keywords"> {{ k.label }}</v-chip>
<v-chip class="me-1 mb-1" :label="props.label" :color="props.color" :size="props.size" :variant="props.variant" v-for="k in keywords"
:to="{name: 'SearchPage', query: {keywords: k.id}}"> {{ k.label }}
</v-chip>
<slot name="append"></slot>
</div>
@@ -21,11 +23,11 @@ const props = defineProps({
variant: {type: String as PropType<NonNullable<"tonal" | "flat" | "text" | "elevated" | "outlined" | "plain"> | undefined>, default: 'tonal'},
label: {type: Boolean, default: true},
// maximum number of keywords, 0 for all
maxKeywords : {type: Number, default: 0},
maxKeywords: {type: Number, default: 0},
})
const keywords = computed(() => {
if (props.maxKeywords > 0){
if (props.maxKeywords > 0) {
return props.keywords?.slice(0, props.maxKeywords)
} else {
return props.keywords