2017-01-11 21:55:38 +01:00
|
|
|
<mk-search>
|
|
|
|
<header>
|
|
|
|
<h1>{ query }</h1>
|
|
|
|
</header>
|
2017-06-07 08:43:29 +02:00
|
|
|
<mk-search-posts ref="posts" query={ query }/>
|
2017-02-19 04:31:53 +01:00
|
|
|
<style>
|
2017-01-11 21:55:38 +01:00
|
|
|
:scope
|
|
|
|
display block
|
|
|
|
padding-bottom 32px
|
2016-12-28 23:49:51 +01:00
|
|
|
|
2017-01-11 21:55:38 +01:00
|
|
|
> header
|
|
|
|
width 100%
|
|
|
|
max-width 600px
|
|
|
|
margin 0 auto
|
|
|
|
color #555
|
2016-12-28 23:49:51 +01:00
|
|
|
|
2017-01-11 21:55:38 +01:00
|
|
|
> mk-search-posts
|
|
|
|
max-width 600px
|
|
|
|
margin 0 auto
|
|
|
|
border solid 1px rgba(0, 0, 0, 0.075)
|
|
|
|
border-radius 6px
|
|
|
|
overflow hidden
|
2016-12-28 23:49:51 +01:00
|
|
|
|
2017-01-11 21:55:38 +01:00
|
|
|
</style>
|
|
|
|
<script>
|
2017-02-21 12:05:03 +01:00
|
|
|
this.query = this.opts.query;
|
2016-12-28 23:49:51 +01:00
|
|
|
|
2017-02-20 01:53:57 +01:00
|
|
|
this.on('mount', () => {
|
|
|
|
this.refs.posts.on('loaded', () => {
|
|
|
|
this.trigger('loaded');
|
2017-02-21 12:05:03 +01:00
|
|
|
});
|
|
|
|
});
|
2017-01-11 21:55:38 +01:00
|
|
|
</script>
|
|
|
|
</mk-search>
|