From f85eb8ed40f0ca8d40602a19017f79a4c44d80ff Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 28 Jun 2024 11:45:55 +0200
Subject: [PATCH] chore(Alert/Toast): remove `description` as VNode

---
 src/runtime/components/Alert.vue | 6 ++----
 src/runtime/components/Toast.vue | 6 ++----
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index 6f188887..1a43140e 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -1,5 +1,4 @@
 <script lang="ts">
-import { isVNode, type VNode } from 'vue'
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { PrimitiveProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
@@ -15,7 +14,7 @@ type AlertVariants = VariantProps<typeof alert>
 
 export interface AlertProps extends Omit<PrimitiveProps, 'asChild'> {
   title?: string
-  description?: string | VNode | (() => VNode)
+  description?: string
   icon?: string
   avatar?: AvatarProps
   color?: AlertVariants['color']
@@ -88,8 +87,7 @@ const ui = computed(() => tv({ extend: alert, slots: props.ui })({
         </slot>
       </div>
       <template v-if="description || !!slots.description">
-        <component :is="description" v-if="description && isVNode(description)" />
-        <div v-else :class="ui.description()">
+        <div :class="ui.description()">
           <slot name="description">
             {{ description }}
           </slot>
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index be1b2ce2..ae28f6c3 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -1,5 +1,4 @@
 <script lang="ts">
-import { isVNode, type VNode } from 'vue'
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { ToastRootProps, ToastRootEmits } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
@@ -15,7 +14,7 @@ type ToastVariants = VariantProps<typeof toast>
 
 export interface ToastProps extends Omit<ToastRootProps, 'asChild' | 'forceMount'> {
   title?: string
-  description?: string | VNode | (() => VNode)
+  description?: string
   icon?: string
   avatar?: AvatarProps
   color?: ToastVariants['color']
@@ -109,8 +108,7 @@ defineExpose({
         </slot>
       </ToastTitle>
       <template v-if="description || !!slots.description">
-        <ToastDescription v-if="description && isVNode(description)" :as="description" />
-        <ToastDescription v-else :class="ui.description()">
+        <ToastDescription :class="ui.description()">
           <slot name="description">
             {{ description }}
           </slot>