kohvip/eHandyTech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: title first blog

Browse Source
This commit is contained in:
kmacoders 2021-07-07 18:36:10 +07:00
parent d131d59d6e
commit 03071a29b2
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/organisms/FeaturedBlog.vue
View File

@ -1,13 +1,16 @@
<template> <template>
<div class="columns featured-post is-multiline"> <div class="columns featured-post is-multiline">
<div class="column is-12 post"> <div class="column is-12 post">
<h2 class="title is-2">
{{ featuredTitle }}
</h2>
<article class="columns featured"> <article class="columns featured">
<div class="column is-7 post-img "> <div class="column is-7 post-img ">
<img :src="firstBlog.image" :alt="firstBlog.title"> <img :src="firstBlog.image" :alt="firstBlog.title">
</div> </div>
<div class="column is-5 featured-content va"> <div class="column is-5 featured-content va">
<div> <div>
<h3 class="heading post-category"> <h6 class="heading post-category">
<NuxtLink <NuxtLink
v-for="(tag, index) in firstBlog.tags" v-for="(tag, index) in firstBlog.tags"
:key="index" :key="index"
@ -15,10 +18,10 @@
> >
{{ tag }} {{ tag }}
</NuxtLink> </NuxtLink>
</h3> </h6>
<h1 class="title post-title"> <h3 class="title is-3 post-title">
{{ firstBlog.title }} {{ firstBlog.title }}
</h1> </h3>
<p class="post-excerpt"> <p class="post-excerpt">
{{ firstBlog.description }} {{ firstBlog.description }}
</p> </p>
@ -48,8 +51,6 @@ import { Vue, Component } from 'nuxt-property-decorator'
} }
}) })
export default class FeaturedBlog extends Vue { export default class FeaturedBlog extends Vue {
mounted () { featuredTitle = 'Bài viết mới nhất'
console.log(this.firstBlog)
}
} }
</script> </script>