40 lines
786 B
Vue
40 lines
786 B
Vue
<template>
|
|
<main>
|
|
<h1>
|
|
Alle viner foreslåtte viner
|
|
</h1>
|
|
<section class="requested-wines-container">
|
|
<RequestedWineCard v-for="requestedEl in wines" :key="requestedEl.id" :requestedElement="requestedEl" />
|
|
</section>
|
|
</main>
|
|
</template>
|
|
|
|
<script>
|
|
import { allRequestedWines } from "@/api";
|
|
import RequestedWineCard from "@/ui/RequestedWineCard";
|
|
export default {
|
|
components: {
|
|
RequestedWineCard
|
|
},
|
|
data(){
|
|
return{
|
|
wines: undefined,
|
|
canRequest: true
|
|
}
|
|
},
|
|
async mounted() {
|
|
const wines = await allRequestedWines();
|
|
this.wines = wines
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.requested-wines-container{
|
|
display: flex;
|
|
justify-content: space-around;
|
|
flex-flow: row wrap;
|
|
align-items: stretch
|
|
}
|
|
</style> |