[ureech]

Привет. РХочу передать имя компонента в тег. То есть.

import SiteForm from './SiteForm';
export default {
        components: {
            SiteForm
        },
 setup() {
const forms = {Site:'<'+SiteForm.name+'></'+SiteForm.name+'>'}
 return {forms}
}
}

Далее передаю его в другой шаблон и там

<template>
              <form v-for="(form,item) in forms" :key="item" >
                    <div v-html="form"></div>
              </form>
</template>

Но проблема в том, что v-html переводит строку в нижний регистр и на выходе я имею
<siteform></siteform>
Решить с регистром вроде никак нельзя. Но думаю можно предварительно form как то разделить и поставить тире между словами. Ведь до v-html в ней SiteForm
Как превратить SiteForm в Site-Form?