46 lines
987 B
Vue
46 lines
987 B
Vue
<template>
|
|
<div class="contenedor">
|
|
<div class="elemento">
|
|
|
|
<router-link tag="div" class="caps" v-bind:to="{name:'Ver',params: {slug: home.slug}}"
|
|
v-for="home in episodes" :key="home.title" >
|
|
<a :href="(`${home.imageCap}`)"><img class="episodeimage" :src="(`${home.imageCap}`)"></a>
|
|
<h4>
|
|
{{ home.title | normalize | suspensivos }}
|
|
</h4>
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import axios from "axios";
|
|
|
|
export default {
|
|
name: "home",
|
|
data() {
|
|
return {
|
|
episodes: [],
|
|
errors: []
|
|
};
|
|
},
|
|
async created() {
|
|
try {
|
|
const response = await axios
|
|
.get("http://localhost:9000/")
|
|
.then(response => {
|
|
console.log(response.data);
|
|
this.episodes = response.data;
|
|
});
|
|
} catch (e) {
|
|
this.errors.push(e);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
<style scoped>
|
|
|
|
</style>
|