diff options
| author | Ben Beltran <ben@nsovocal.com> | 2017-01-31 00:53:36 -0600 |
|---|---|---|
| committer | Ben Beltran <ben@nsovocal.com> | 2017-01-31 00:53:36 -0600 |
| commit | a3f9e2603dfdf8c492ec0dc355cd434fc6100f06 (patch) | |
| tree | 52c84831a3a6070e3e01c5ada5b862fd56f28327 /app/components/post.js | |
| parent | 7eb26514c478cfa06a797e9d63a29ef6a6d16d59 (diff) | |
| parent | f74591da2d5c42b8a1e658d17310e604bedcf856 (diff) | |
Diffstat (limited to 'app/components/post.js')
| -rw-r--r-- | app/components/post.js | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/app/components/post.js b/app/components/post.js new file mode 100644 index 0000000..bb72189 --- /dev/null +++ b/app/components/post.js @@ -0,0 +1,23 @@ +import Vue from 'vue'; + +import CommentsComponent from './comments'; + +const internals = {}; + +export default internals.PostComponent = Vue.component('post', { + template: '<article class="post">' + + '<aside class="post-meta">' + + '<img :src="post.userImage" v-bind:alt="\'Avatar for @\' + post.userId">' + + '<a v-bind:href="\'https://twitter.com/\' + post.userId">{{post.userName}}</a> said on ' + + '<time v-bind:datetime="post.timestamp | datetime">{{post.timestamp | usertime}}</time>' + + '</aside>' + + '<div class="post-content">{{post.content}}</div>' + + '<comments v-bind:postUuid="post.uuid"></post>' + + '</article>', + + props: ['post'], + + components: { + comments: CommentsComponent + } +}); |