mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-12-02 08:34:17 -05:00
0167f2f1ca
* Translations + danish * changed back proxy target to use ENV * Resolved more merge conflicts * Removed test in translation * Documentation of translations * Updated translations * removed old packages Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
63 lines
1.3 KiB
Vue
63 lines
1.3 KiB
Vue
<template>
|
|
<v-autocomplete
|
|
:items="items"
|
|
:loading="isLoading"
|
|
v-model="selected"
|
|
clearable
|
|
return
|
|
dense
|
|
hide-details
|
|
hide-selected
|
|
item-text="slug"
|
|
:label="$t('search.search-for-a-recipe')"
|
|
single-line
|
|
@keyup.enter.native="moreInfo(selected)"
|
|
>
|
|
<template v-slot:no-data>
|
|
<v-list-item>
|
|
<v-list-item-title :v-html="$t('search.search-for-your-favorite-recipe')">
|
|
</v-list-item-title>
|
|
</v-list-item>
|
|
</template>
|
|
<template v-slot:item="{ item }">
|
|
<v-list-item-avatar
|
|
color="primary"
|
|
class="headline font-weight-light white--text"
|
|
>
|
|
<v-img :src="getImage(item.image)"></v-img>
|
|
</v-list-item-avatar>
|
|
<v-list-item-content @click="moreInfo(item.slug)">
|
|
<v-list-item-title v-text="item.name"></v-list-item-title>
|
|
</v-list-item-content>
|
|
</template>
|
|
</v-autocomplete>
|
|
</template>
|
|
|
|
<script>
|
|
import utils from "../../utils";
|
|
|
|
export default {
|
|
data: () => ({
|
|
selected: null,
|
|
isLoading: false,
|
|
}),
|
|
|
|
computed: {
|
|
items() {
|
|
return this.$store.getters.getRecentRecipes;
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
moreInfo(recipeSlug) {
|
|
this.$router.push(`/recipe/${recipeSlug}`);
|
|
},
|
|
getImage(image) {
|
|
return utils.getImageURL(image);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
</style> |