<script>
export default {
name: "SearchInput",
- props: ["value"],
+ props: {
+ value: String,
+ hotkey: {
+ type: String,
+ default: "/",
+ },
+ },
mounted() {
this._keyListener = function (event) {
- if (event.key === "/") {
+ if (event.key === this.hotkey) {
event.preventDefault();
this.focus();
}
};
document.addEventListener("keydown", this._keyListener.bind(this));
- // fill seach from get parameter.
+ // fill search from get parameter.
const search = new URLSearchParams(window.location.search).get("search");
if (search) {
this.$refs.search.value = search;