i want to bind variables to a custom component but it is rending as a string only in vue

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

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

but the problem is <model-viewer src=""> expect src that i need to give through view 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 path value.

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