jsx не работает с вложенными элементами в vuejs

Question

Я пытаюсь использовать nuxt с машинописным текстом, и я хочу использовать метод рендеринга, чтобы иметь возможность использовать jsx, но он не работает с вложенными элементами:

Здесь p не отображается.

import { Vue, Component, Prop } from "vue-property-decorator";

@Component
export default class MyComponent extends Vue {
    @Prop({ default: "TypeScript!" }) readonly name!: string;
    message: string = "Hello, ";
    render(h: Vue.CreateElement): Vue.VNode {
        return (
            <div>
                <p>{this.message}</p>
            </div>
        );
    }
}

Здесь p рендер.

import { Vue, Component, Prop } from "vue-property-decorator";

@Component
export default class MyComponent extends Vue {
    @Prop({ default: "TypeScript!" }) readonly name!: string;
    message: string = "Hello, ";
    render(h: Vue.CreateElement): Vue.VNode {
        return (
          <p>{this.message}</p>
        );
    }
}