Nuxt/examples/static-images/pages/about.vue

41 lines
646 B
Vue
Raw Normal View History

2016-11-27 12:39:52 +00:00
<template>
<div class="container">
<img src="~static/nuxt-black.png">
2020-11-30 22:44:04 +00:00
<h2>Thank you for testing nuxt</h2>
2016-11-27 12:39:52 +00:00
<p>Loaded from the {{ name }}</p>
<p>
<NuxtLink to="/">
Back home
</NuxtLink>
</p>
2016-11-27 12:39:52 +00:00
</div>
</template>
<script>
export default {
asyncData ({ req }) {
2016-11-27 12:39:52 +00:00
return {
name: req ? 'server' : 'client'
}
}
}
</script>
<style scoped>
.container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: black;
color: white;
font-family: "Lucida Console", Monaco, monospace;
padding-top: 130px;
text-align: center;
}
a {
color: silver;
}
</style>