Nuxt/examples/plugins-vendor/pages/about.vue

26 lines
488 B
Vue

<template>
<div class="container">
<img :src="thumbnailUrl" >
<p><nuxt-link to="/">Home</nuxt-link> - About</p>
</div>
</template>
<script>
import axios from 'axios'
export default {
asyncData() {
const nb = Math.max(1, Math.round(Math.random() * 10))
return axios.get(`https://jsonplaceholder.typicode.com/photos/${nb}`).then(res => res.data)
}
}
</script>
<style>
.container {
text-align: center;
padding-top: 100px;
font-family: sans-serif;
}
</style>