miracle/pages/index.vue
2019-10-05 02:48:41 +07:00

51 lines
1.3 KiB
Vue

<template>
<div class="container">
<div class="col fill">
<div class="row">
<h3 class="primary japanese lily">{{ subheader }}</h3>
<h1 class="primary japanese yuriko">{{ header }}</h1>
<h2 class="primary yuriko-sub">{{ romaji }}</h2>
</div>
<div class="expand">
</div>
<div class="row">
<h1 class="primary name">Damillora</h1>
<h2 class="sub">an idol fan with a strange music to it</h2>
<p>
<nuxt-link to="/about">about</nuxt-link>&nbsp;|&nbsp;
<nuxt-link to="/games">game profile</nuxt-link>&nbsp;|&nbsp;
<nuxt-link to="/sns">social media</nuxt-link>&nbsp;|&nbsp;
<a href="https://nanao.moe/blog">blog</a>
</p>
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
computed: {
subheader() {
return process.env.subheader
},
header() {
return process.env.header
},
romaji() {
return process.env.romaji
},
},
transition: {
name: 'nanao',
}
}
</script>
<style>
</style>