title: Return Vue Component in a custom rendering function for a contentful embedded entry
body: <p>I'm playing with <a href="http://www.contentful.com/" rel="noreferrer">Contentful</a>! and I'm having trouble with Rich text content field.</p>
  
  <p>I'm using <strong>'@contentful/rich-text-types'</strong> and <strong>@contentful/rich-text-html-renderer</strong> modules to customize the way this block is rendered and to display some assets and reference linked in Rich text content.</p>
  
  <p>After calling getEntries in nuxt asyncData function, I've a <strong>description data</strong> available in my page component.
  I'm using documentToHtmlString function with options.</p>
  
  <p><strong>Everything is working fine, but I would like to use a component I have already written (Post.vue), instead of returning the template in ES6 Template Strings.</strong></p>
  
  <p>I know that is possible, but I'm quite new to JS world.</p>
  
  <p>I've tried to require components/post/Post.vue, but I don't know how to use it.</p>
  
  <pre><code>import { BLOCKS } from '@contentful/rich-text-types';
  import { documentToHtmlString } from "@contentful/rich-text-html-renderer"
  </code></pre>
  
  <p>Vue component template where rich text field is rendered</p>
  
  <pre><code>  &lt;section class="container"&gt;
      &lt;div class="columns"&gt;
        &lt;div class="column"&gt;
         &lt;div v-html="formatContent(description)" /&gt; 
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  </code></pre>
  
  <p>I simply call formatContent method to call documentToHtmlString as follow (it works):</p>
  
  <pre><code>  methods: {
      formatContent(content) {
        return documentToHtmlString(content, options)
      }
    }
  </code></pre>
  
  <p>And customize documentToHtmlString with options as described in doc:</p>
  
  <pre><code>  const embeddedEntryRender = (node) =&gt; {
      const { data: { target: entry} } = node
  
      const fields = entry.fields
      const sys = entry.sys
      // LOOK HERE
      // const postComponent = require('~/components/post/Post')
  
      return `
        &lt;div class="column is-4"&gt;
          &lt;div class="card"&gt;
  
            &lt;div class="card-content"&gt;
              &lt;div class="media"&gt;
                &lt;div class="media-content"&gt;
                  &lt;h3 class="title is-4"&gt;${fields.title}&lt;/h3&gt;
                  &lt;div class="subtitle is-6"&gt;${fields.description}&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="content"&gt;
              &lt;/div&gt;
  
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt; `
    }
  
    const options = {
      renderNode: {
        [BLOCKS.EMBEDDED_ENTRY]: (node) =&gt; embeddedEntryRender(node),
        // [BLOCKS.EMBEDDED_ASSET]: (node) =&gt; `&lt;custom-component&gt;${customComponentRenderer(node)}&lt;/custom-component&gt;`
      }
    }
  </code></pre>
  
  <p>No errors detected</p>
  
  <p>-- </p>
  
  <p>Thanks a lot</p>