26 lines
365 B
Vue
26 lines
365 B
Vue
<script>
|
|
export default {
|
|
data: () => ({
|
|
joke: '',
|
|
}),
|
|
async mounted() {
|
|
this.joke = await fetch('/api/joke').then((res) => res.json())
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<article>
|
|
<blockquote>
|
|
<p>{{ joke }}</p>
|
|
</blockquote>
|
|
</article>
|
|
</template>
|
|
|
|
<style scoped>
|
|
blockquote {
|
|
border-left: 5px solid #ccc;
|
|
padding: 0.5rem;
|
|
}
|
|
</style>
|