diff --git a/komga-webui/src/components/SearchBox.vue b/komga-webui/src/components/SearchBox.vue
index 005716b99..785447974 100644
--- a/komga-webui/src/components/SearchBox.vue
+++ b/komga-webui/src/components/SearchBox.vue
@@ -26,7 +26,7 @@
-
+ {{ data.item }}
@@ -47,7 +47,8 @@
-
+ {{ data.item.metadata.title }}
+ {{ $t('searchbox.in_library', {library: getLibraryName(data.item)}) }}
@@ -61,7 +62,8 @@
-
+ {{ data.item.metadata.title }}
+ {{ $t('searchbox.in_library', {library: getLibraryName(data.item)}) }}
@@ -72,7 +74,7 @@
class="my-1 mx-3"
/>
-
+ {{ data.item.name }}
@@ -83,7 +85,7 @@
class="my-1 mx-3"
/>
-
+ {{ data.item.name }}
@@ -169,6 +171,9 @@ export default Vue.extend({
},
},
methods: {
+ getLibraryName(item: BookDto | SeriesDto): string {
+ return this.$store.getters.getLibraryById(item.libraryId).name;
+ },
searchItems: debounce(async function (this: any, query: string) {
if (query) {
this.loading = true
diff --git a/komga-webui/src/locales/en.json b/komga-webui/src/locales/en.json
index 2ba613e93..c284e16db 100644
--- a/komga-webui/src/locales/en.json
+++ b/komga-webui/src/locales/en.json
@@ -545,6 +545,7 @@
"search_results_for": "Search results for \"{name}\""
},
"searchbox": {
+ "in_library": "in {library}",
"no_results": "No results",
"search_all": "Search all…"
},