java searchfilter_Search filter with Vuejs

I'm new to Vuejs. I'm building simple blog app and I'm trying to add search filter, but I have a problem. So far my code looks like this:

name="blogs"

:list="posts"

:per="10"

>

{{ blog.title }}

read more

---

for="blogs"

:async="true"

:show-step-links="true"

:step-links="{

next: 'Next',

prev: 'Previous'

}"

:classes="{

'ul': 'pagination',

'ul > li': 'page-item',

'ul > li > a': 'page-link',

}"

>

Javascript:

export default {

data() {

return {

posts: [],

paginate: ['blogs'],

searchQuery: ''

}

},

created() {

this.$http.get("http://jsonplaceholder.typicode.com/posts")

.then(response => response.json(), error => console.log(error))

.then(json => this.posts = json, error => console.log(error));

},

computed: {

filteredResources() {

if (this.searchQuery) {

return this.posts.filter((post) => {

return post.title.startsWith(this.searchQuery);

})

} else {

return this.posts;

}

}

}

}

My search is not working and I can't see what is the problem. Can somebody give me a feedback about my code so that I can continue with this.