diff --git a/ui/avatar/Index.vue b/ui/avatar/Index.vue
index 4438b8f..0ad0db7 100644
--- a/ui/avatar/Index.vue
+++ b/ui/avatar/Index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineOptions({
-  name: 'Avatar',
+  name: 'LivraisonAvatar',
 })
 
 const props = defineProps<{
diff --git a/ui/icon/Button.vue b/ui/icon/Button.vue
index 4bf0077..af6299c 100644
--- a/ui/icon/Button.vue
+++ b/ui/icon/Button.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineOptions({
-  name: 'IconButton',
+  name: 'LivraisonIconButton',
 })
 </script>
 
diff --git a/ui/icon/Label.vue b/ui/icon/Label.vue
index 5ca579d..ca644f3 100644
--- a/ui/icon/Label.vue
+++ b/ui/icon/Label.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-type IconLabelIconName = 'github' | 'twitter' | 'discord' | 'youtube' | 'twitch' | 'mastodon'
+defineOptions({
+  name: 'LivraisonIconLabel',
+})
 
 const props = defineProps<{
   iconName: IconLabelIconName
@@ -7,6 +9,8 @@ const props = defineProps<{
   label: string
 }>()
 
+type IconLabelIconName = 'github' | 'twitter' | 'discord' | 'youtube' | 'twitch' | 'mastodon'
+
 const iconLogos: {
   label: IconLabelIconName
   value: any
diff --git a/ui/kbd/Kbd.vue b/ui/kbd/Kbd.vue
index d0dc9e4..c13deda 100644
--- a/ui/kbd/Kbd.vue
+++ b/ui/kbd/Kbd.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+defineOptions({
+  name: 'LivraisonKbd',
+})
 const props = defineProps<{
   label: string
 }>()
diff --git a/ui/modal/BodyWrapper.vue b/ui/modal/BodyWrapper.vue
index 293d229..551e5f9 100644
--- a/ui/modal/BodyWrapper.vue
+++ b/ui/modal/BodyWrapper.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineOptions({
-  name: 'ModalBodyWrapper',
+  name: 'LivraisonModalBodyWrapper',
 })
 </script>
 
diff --git a/ui/modal/Card.vue b/ui/modal/Card.vue
index baa49e6..d9d3812 100644
--- a/ui/modal/Card.vue
+++ b/ui/modal/Card.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineOptions({
-  name: 'Modal',
+  name: 'LivraisonModal',
 })
 
 const props = withDefaults(defineProps<{
diff --git a/ui/modal/Mask.vue b/ui/modal/Mask.vue
index 6c3fa71..29daf5b 100644
--- a/ui/modal/Mask.vue
+++ b/ui/modal/Mask.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineOptions({
-  name: 'ModalMask',
+  name: 'LivraisonModalMask',
 })
 </script>
 
diff --git a/ui/radio/Group.vue b/ui/radio/Group.vue
index 9ec0928..63a9eb9 100644
--- a/ui/radio/Group.vue
+++ b/ui/radio/Group.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineOptions({
-  name: 'RadioGroup',
+  name: 'LivraisonRadioGroup',
 })
 const props = defineProps<{
   modelValue: string
diff --git a/ui/radio/Item.vue b/ui/radio/Item.vue
index 86d84d7..af21a67 100644
--- a/ui/radio/Item.vue
+++ b/ui/radio/Item.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+defineOptions({
+  name: 'LivraisonRadioItem',
+})
+
 const props = withDefaults(defineProps<{
   label: string
   value: string
diff --git a/ui/title/Label.vue b/ui/title/Label.vue
index 08484eb..93e0e63 100644
--- a/ui/title/Label.vue
+++ b/ui/title/Label.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineOptions({
-  name: 'TitleLabel',
+  name: 'LivraisonTitleLabel',
 })
 const props = withDefaults(defineProps<{
   tag?: 'h1' | 'h2'