TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: update search text and title when route changes (#3701)

Browse source
This commit is contained in:
guemax 2024-07-15 12:55:04 +02:00 committed by GitHub
parent 1ae1688a82
commit 3c177a06ec
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/NavBar.vue
View file

@ -152,14 +152,22 @@ export default {
return _this.getPreferenceBoolean("searchHistory", false) && localStorage.getItem("search_history");
},
},
watch: {
$route() {
this.updateSearchTextFromURLSearchParams();
},
},
mounted() {
this.fetchAuthConfig();
const query = new URLSearchParams(window.location.search).get("search_query");
if (query) this.onSearchTextChange(query);
this.updateSearchTextFromURLSearchParams();
this.focusOnSearchBar();
this.homePagePath = this.getHomePage(this);
},
methods: {
updateSearchTextFromURLSearchParams() {
const query = new URLSearchParams(window.location.search).get("search_query");
if (query) this.onSearchTextChange(query);
},
// focus on search bar when Ctrl+k is pressed
focusOnSearchBar() {
hotkeys("ctrl+k", event => {

5
src/components/SearchResults.vue
View file

@ -56,6 +56,11 @@ export default {
this.updateResults();
this.saveQueryToHistory();
},
updated() {
if (this.$route.query.search_query !== undefined) {
document.title = this.$route.query.search_query + " - Piped";
}
},
activated() {
this.handleRedirect();
window.addEventListener("scroll", this.handleScroll);