Динамические директивы в Vue

У меня есть множество директив, которые я использую из сторонней библиотеки. Эти директивы, например:

<v-rect :config = "rectConfig"></v-rect>

<v-circle :config = "circleConfig"></v-circle>

<v-triangle :config = "triangleConfig"></v-triangle>

Как видите, сама форма определяет директиву, которую я использую.

Но как быть, когда эта форма динамична и может быть изменена на лету? Я бы хотел, чтобы сама директива управлялась формой. Как бы я тогда достиг чего-то похожего на ниже?

<v-{{shape}} :config = "config"></v-{{shape}}> 

// ^^ Should render as <v-rect>

data() {
  return {
    shape: 'rect',
    config: {
      ...
    }
  }
}