Sha256: 3fd1c1f691c3bb2adb12a8f867bc10a31aa1b312dad7290b320691adab8e0769
Contents?: true
Size: 1.62 KB
Versions: 16
Compression:
Stored size: 1.62 KB
Contents
<template>
<div>
<div class="post-single">
<article class="text shadow">
<div>
<h2>{{ content.title.value }}</h2>
</div>
<div>
<span class="mc tag">{{ content.timestamp.publish | date }}</span> |
<template v-if="content.bundles">
<template v-for="bundle in content.bundles" v-if="bundle.type == 'category'">
<router-link class="inlink-sc" :to="{ name: 'categories', params: { slug: bundle.slug.value }}">
{{ bundle.title.value }}
</router-link>
</template>
</template>
</div>
<div v-html="content.content">
</div>
<div>
<template v-if="content.keywords">
<template v-for="keyword in content.keywords">
<span class="mc"><router-link :to="{ name: 'home', query: { tag: keyword.word }}">
#{{ keyword.word }}
</router-link>, </span>
</template>
</template>
</div>
</article>
</div>
</div>
</template>
<script>
import app from '../configs/app'
var _ = require('underscore')
var moment = require('moment')
export default {
data () {
return {
content: {},
underscore: _,
}
},
components: {
},
methods: {
initiate() {
}
},
created() {
let self = this;
this.$http.get(app.host + this.$route.params.id )
.then(function(response){
self.content = response.data
});
},
filters: {
date(date) {
return moment(date).format("MMMM D, YYYY");
}
}
}
</script>
<style>
.post-single {
padding: 2rem 0px 1rem 0px;
}
.tag-sc {
background-color: #e691e6;
}
@media screen and (min-width: 64em) {
.post-single {
margin: 0px 5vw;
}
}
@media screen and (min-width: 80em) {
.post-single {
margin: 0px 10vw;
}
}
</style>
Version data entries
16 entries across 16 versions & 1 rubygems