Untitled

Paste in src >> components >> yuyutei.vue >> template tag

<template>
  <div>
    <div>
      <input 
      type="text" 
      v-model="inputText" 
      placeholder="Enter pokemon name"
      @change="fetchHtml" 
      class="rounded border-2 border-gray-200 w-full"
      />
    </div>
      <div v-for="item in items" :key="item.url0" style="margin-top: 3em;">
        <div class="child">
        <img :src="item.image" :alt="item.name"/>
        <p style="text-align: left;">{{ item.name }}</p>
        <p style="text-align: left;">{{ item.stock }}</p>
        <p style="text-align: left;">{{ item.price }}</p>
        <a href="item.url">Go to site</a>
        </div>
    </div>
  </div>
</template>




Paste in src >> App.vue >> style tag


#container {
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  width: 200px;
}

#inner {
  overflow: hidden;
  width: 2000px;
}

.child {
  float: left;
  width: 250px;
  height: 400px
}