title: Getting HTML from API in Vue.js
body: <p>So, I have an API I need to retrieve data from. I'm using vue.js and axios.
  I have an app.vue file in which i import a component called Contests, in contests i'm making the api call, I'm able to retrieve the data whatsoever but it's HTML, and when I put it inside my component on the final screen it only shows HTML,anyone has any ideea?
  this is my code
  App component here</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;app-contests&gt; &lt;/app-contests&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import Contests from './components/Contests.vue';
  
      export default {
          components: {
              appContests: Contests
          }
      }
  &lt;/script&gt;
  
  &lt;style&gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p>where i'm making the api call</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;div class="container"&gt;
              {{info}} 
          &lt;/div&gt;
          &lt;div v-if="errored"&gt;
              &lt;h1&gt;We're sorry, we cannot retrieve this information at the moment. Please come back later.&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          data() {
              return {
                  info: null
              }
          },
          mounted() {
              axios
                .get('myApiThatReturnsHtml')
                .then(response =&gt; {
                  this.info = response;
                })
                .catch(error =&gt; {
                  console.log(error);
                  this.errored = true
                })
                .finally(() =&gt; this.loading = false)  
          }
      }
  
  &lt;/script&gt;
  
  &lt;style&gt;
  
  &lt;/style&gt;
  </code></pre>