diff --git a/vue-components/button/src/index.vue b/vue-components/button/src/index.vue
index a848adbb..dfb1c1d4 100644
--- a/vue-components/button/src/index.vue
+++ b/vue-components/button/src/index.vue
@@ -19,6 +19,8 @@ interface ButtonSchema extends Omit<MComponent, 'id'> {
 }
 
 export default defineComponent({
+  name: 'tmagic-button',
+
   props: {
     config: {
       type: Object as PropType<ButtonSchema>,
diff --git a/vue-components/img/src/index.vue b/vue-components/img/src/index.vue
index 01626d5b..3c851e70 100644
--- a/vue-components/img/src/index.vue
+++ b/vue-components/img/src/index.vue
@@ -16,6 +16,8 @@ interface ImgSchema extends Omit<MComponent, 'id'> {
 }
 
 export default defineComponent({
+  name: 'tmagic-img',
+
   props: {
     config: {
       type: Object as PropType<ImgSchema>,
diff --git a/vue-components/iterator-container/src/IteratorContainer.vue b/vue-components/iterator-container/src/IteratorContainer.vue
index c08c79d4..b52db906 100644
--- a/vue-components/iterator-container/src/IteratorContainer.vue
+++ b/vue-components/iterator-container/src/IteratorContainer.vue
@@ -31,6 +31,8 @@ interface IteratorItemSchema {
 }
 
 export default defineComponent({
+  name: 'tmagic-iterator-container',
+
   props: {
     config: {
       type: Object as PropType<IteratorContainerSchema>,
diff --git a/vue-components/overlay/src/index.vue b/vue-components/overlay/src/index.vue
index 11554bad..6272701e 100644
--- a/vue-components/overlay/src/index.vue
+++ b/vue-components/overlay/src/index.vue
@@ -16,6 +16,8 @@ interface OverlaySchema extends Omit<MContainer, 'id'> {
 }
 
 export default defineComponent({
+  name: 'tmagic-overlay',
+
   props: {
     config: {
       type: Object as PropType<OverlaySchema>,
diff --git a/vue-components/page-fragment-container/src/PageFragmentContainer.vue b/vue-components/page-fragment-container/src/PageFragmentContainer.vue
index 5c9afbcf..0da4d2ca 100644
--- a/vue-components/page-fragment-container/src/PageFragmentContainer.vue
+++ b/vue-components/page-fragment-container/src/PageFragmentContainer.vue
@@ -17,6 +17,8 @@ import { type Id, type MComponent, type MNode, NodeType } from '@tmagic/core';
 import { useApp, useComponent } from '@tmagic/vue-runtime-help';
 
 export default defineComponent({
+  name: 'tmagic-page-fragment-container',
+
   props: {
     config: {
       type: Object as PropType<MComponent>,
diff --git a/vue-components/page-fragment/src/PageFragment.vue b/vue-components/page-fragment/src/PageFragment.vue
index 0f178a1e..c2703485 100644
--- a/vue-components/page-fragment/src/PageFragment.vue
+++ b/vue-components/page-fragment/src/PageFragment.vue
@@ -15,6 +15,8 @@ import type { MPageFragment } from '@tmagic/core';
 import { useApp, useComponent } from '@tmagic/vue-runtime-help';
 
 export default defineComponent({
+  name: 'tmagic-page-fragment',
+
   props: {
     config: {
       type: Object as PropType<MPageFragment>,
diff --git a/vue-components/page/src/index.vue b/vue-components/page/src/index.vue
index 261fc699..0e3dc7c3 100644
--- a/vue-components/page/src/index.vue
+++ b/vue-components/page/src/index.vue
@@ -31,6 +31,8 @@ const createJs = (config: MPage) => {
 };
 
 export default defineComponent({
+  name: 'tmagic-page',
+
   props: {
     config: {
       type: Object as PropType<MPage>,
diff --git a/vue-components/qrcode/src/index.vue b/vue-components/qrcode/src/index.vue
index d64e1170..aee2d17c 100644
--- a/vue-components/qrcode/src/index.vue
+++ b/vue-components/qrcode/src/index.vue
@@ -16,6 +16,8 @@ interface QrCodeSchema extends Omit<MComponent, 'id'> {
 }
 
 export default defineComponent({
+  name: 'tmagic-qrcode',
+
   props: {
     config: {
       type: Object as PropType<QrCodeSchema>,
diff --git a/vue-components/text/src/index.vue b/vue-components/text/src/index.vue
index 3bdf9c6e..b66038dd 100644
--- a/vue-components/text/src/index.vue
+++ b/vue-components/text/src/index.vue
@@ -15,6 +15,8 @@ interface TextSchema extends Omit<MComponent, 'id'> {
 }
 
 export default defineComponent({
+  name: 'tmagic-text',
+
   props: {
     config: {
       type: Object as PropType<TextSchema>,