2017-07-10 11:52:10 +00:00
|
|
|
<template>
|
|
|
|
<ul>
|
|
|
|
<li v-for="(post, index) in posts" :key="index">
|
2018-07-12 12:03:50 +00:00
|
|
|
<h3>{{ post.date }}</h3>
|
2018-11-24 18:49:19 +00:00
|
|
|
<h2>
|
|
|
|
<NuxtLink :to="post.link">
|
|
|
|
{{ post.title }}
|
|
|
|
</NuxtLink>
|
|
|
|
</h2>
|
|
|
|
</li>
|
|
|
|
<li style="border:none;text-align: center;font-size: 14px;">
|
|
|
|
Design from <a href="http://blog.evanyou.me" target="_blank">
|
|
|
|
EvanYou.me
|
|
|
|
</a>
|
2017-07-10 11:52:10 +00:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data: () => ({
|
|
|
|
posts: [
|
|
|
|
{ date: 'Jul 10, 2017', title: 'Deep dive into the Ocean', link: '/deep-dive-into-ocean' },
|
|
|
|
{ date: 'Jul 08, 2017', title: 'Welcome to my blog', link: '/welcome-to-my-blog' }
|
|
|
|
]
|
|
|
|
})
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
2022-09-03 12:46:48 +00:00
|
|
|
<style src="@/assets/css/index.css" />
|