43 lines
781 B
JavaScript
43 lines
781 B
JavaScript
import UserCard from '../user_card/user_card.vue'
|
|
import userSearchApi from '../../services/new_api/user_search.js'
|
|
const userSearch = {
|
|
components: {
|
|
UserCard
|
|
},
|
|
props: [
|
|
'query'
|
|
],
|
|
data () {
|
|
return {
|
|
username: '',
|
|
users: []
|
|
}
|
|
},
|
|
mounted () {
|
|
this.search(this.query)
|
|
},
|
|
watch: {
|
|
query (newV) {
|
|
this.search(newV)
|
|
}
|
|
},
|
|
methods: {
|
|
newQuery (query) {
|
|
this.$router.push({ name: 'user-search', query: { query } })
|
|
this.$refs.userSearchInput.focus()
|
|
},
|
|
search (query) {
|
|
if (!query) {
|
|
this.users = []
|
|
return
|
|
}
|
|
userSearchApi.search({query, store: this.$store})
|
|
.then((res) => {
|
|
this.users = res
|
|
})
|
|
}
|
|
}
|
|
}
|
|
|
|
export default userSearch
|