Hi i'm using google https://modelviewer.dev/editor/ <model-viewer> which is a custom component. I don't want to compile it through vue so i'm using v-pre directive on <model-viewer> as shown below.

<model-viewer v-pre></model-viewer>

but the problem is <model-viewer src=""> expect src that i need to give through vue which is rendering as a string only

data(){
   return {
      path: '../path'
   }
}

<model-viewer :src="path"></model-viewer> <-- rendered code

My Question: my path is binding as a string to <model-viewer> how it will yeild actual path value.

Note: if i remove v-pre on <model-viewer> compile or build will fail, vue throws error unknown element <model-viewer>