You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

44 lines
707 B
Vue

3 years ago
<template>
<main>
<section>
<h1>{{ data.title }}</h1>
<img :src="'http://localhost:1337' + data.cover.url" alt="" />
<div>{{ data.description }}</div>
</section>
<aside>
<h3>Functions</h3>
<ul>
<li v-for="tool in toolkit" :key="tool.id">
<nuxt-link :to="`/functions/${tool.name}`">
{{ tool.name }}
</nuxt-link>
</li>
</ul>
</aside>
</main>
3 years ago
</template>
<script>
export default {
async asyncData({ $strapi }) {
const toolkit = await $strapi.find('functions')
const data = await $strapi.find('sp-16')
return { toolkit, data }
},
3 years ago
}
</script>
<style scoped>
main {
display: flex;
}
main > * {
padding: 24px;
}
section {
width: 80ch;
}
</style>