refactor to UI components

src/components/ui/UIAlert.vue

@@ -7,12 +7,12 @@ const props = withDefaults(defineProps<Props>(), {
 })
 
 const styleClass = computed(() => {
-  const colorClass = `alert-${props.color}`
+  const colorClass = `dui-alert-${props.color}`
   return [colorClass]
 })
 </script>
 <template>
-  <div class="alert shadow-lg" :class="styleClass">
+  <div class="dui-alert shadow-lg" :class="styleClass">
     <div><slot></slot></div>
   </div>
 </template>