Could you please have a example on how to use this with all layout coming from CMS? even the component name?

[patrickyue]

Hi, thanks for the module. it really helps
But I still have a small qq here
I am using this code :

page data comes form CMS, and props to the PageTemplate component

./components/PageTemplate.vue

<script lang="ts">
  export default defineComponent({
    props: ['pageTemplate'],
     /**
     * most of the time, vue compiler need at least a VNode, use h() to render the component
     */
    render () {
      return h({
        props: ['pageTemplate'],
        template: this.pageTemplate
      })
    }
  })
</script>

I can see the page without style, but I get this...

and some other components are not HTML code, just as inside HTML
I tried add components like this, but no luck

  return h({
    props: ['pageTemplate'],
    template: this.pageTemplate,
    components: {
      NavBar
  )}

so may I know if I miss something?

thanks in advance

[huang-julien]

Hi 👋 that's a bit strange since this component looks good to me. I could'nt reproduce the issue. Do you have a small reproduction ? Like a stackblitz or a repo ?
This is the PageTemplate.vue file i've been using to try to reproduce the issue:

<script lang="ts">
import { JustSomeComponent } from "#components"
  export default defineComponent({
    props: ['pageTemplate'],
     /**
     * most of the time, vue compiler need at least a VNode, use h() to render the component
     */
    render () {
      return h({
        props: ['pageTemplate'],
        template: this.pageTemplate,
        components: {
            JustSomeComponent
        }
      })
    }
  })
</script>

and this the page/index.vue file

<template>
  <!-- Edit this file to play around with Nuxt but never commit changes! -->
  <div > 
    <PageTemplate page-template="<div><JustSomeComponent /></div>" />
  </div>
</template>

``````

[patrickyue]

Good day, huang
I have a qq here for the new merge on this module
do u know what changes should we do once upgrade to [email protected]+
looks like I don't need to install that nuxt compiler module, just remove it?

thanks

[huang-julien]

indeed, you can now use experimental.runtimeVueCompiler

[huang-julien]

btw it will change to vue.runtimeCompiler in 3.5

[patrickyue]

do you know where to find some code snippets for this ?
thanks

[huang-julien]

for what exactly ? do you mean to enable the full bundle of vue ?