diff --git a/demos/vue-3/src/views/Basic.vue b/demos/vue-3/src/views/Basic.vue
index 2acf4d3..291e2c9 100644
--- a/demos/vue-3/src/views/Basic.vue
+++ b/demos/vue-3/src/views/Basic.vue
@@ -5,7 +5,7 @@
         class="absolute inset-0 bg-gradient-to-r from-blue-400 to-green-200 shadow-xl transform -skew-y-3 sm:skew-y-0 sm:-rotate-3 sm:rounded-3xl"
       ></div>
       <div class="relative card p-6 bg-white">
-        <dynamic-form
+        <DynamicForm
           :form="form"
           @submitted="handleSubmit"
           @change="valueChanged"
diff --git a/src/dynamicForms.ts b/src/dynamicForms.ts
index 713d6da..58068da 100644
--- a/src/dynamicForms.ts
+++ b/src/dynamicForms.ts
@@ -21,7 +21,7 @@ export function createDynamicForms(
     install(app: App) {
       const self = this;
 
-      app.component('dynamic-form', DynamicForm);
+      app.component('DynamicForm', DynamicForm);
       app.provide(dynamicFormsSymbol, self);
     },
   };