[Vuejs]-How to assign A block of JavaScript code in a JavaScript variable?

if I get it right, you want to render the contextual-variation inside live-preview, something like this:

<live-preview> <contextual-variation :colors="colors"></contextual-variation> </live-preview>

I don’t know why you must pass a Vue component as a prop variable to a another component. Can you provide more info?