Using v-runtime-template within a slot

[darylteo]

Just documenting this here as it took me awhile to solve this as it was not documented. Solved by code inspection.

If you want to pass some other props into the v-runtime-template's component, you can use

data: () => ({
    template: `<div>{{parentProp1}} {{prop}}</div>`,
}),

<v-runtime-template :template="template" :templateProps="{parentProp1, prop: parentProp2}"></v-runtime-template>

This seems to be required if you

• trying to access v-for variables
• using v-runtime-template within a slot, limiting you to parent component props, not slot scope

Hope this saves people some time in the future.