chore: wip

Author: chrisbbreuer

bun.lockb

@@ -36,8 +36,7 @@
   "dependencies": {
     "@stacksjs/ui": "workspace:*",
     "highlight.js": "^11.10.0",
-    "vue": "^3.4.38",
-    "vue-sonner": "^1.1.4"
+    "vue": "^3.4.38"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.47.7",

storage/framework/core/components/auth/package.json

@@ -36,8 +36,7 @@
   "dependencies": {
     "@stacksjs/ui": "workspace:*",
     "highlight.js": "^11.10.0",
-    "vue": "^3.4.38",
-    "vue-sonner": "^1.1.4"
+    "vue": "^3.4.38"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.47.7",

storage/framework/core/components/calendar/package.json

@@ -59,8 +59,8 @@ const pointerStartRef = ref<{ x: number; y: number } | null>(null)
 const coords = computed(() => props.position.split('-'))
 const y = computed(() => coords.value[0])
 const x = computed(() => coords.value[1])
-const isStringOfTitle = typeof props.toast.title !== 'string'
-const isStringOfDescription = typeof props.toast.description !== 'string'
+const isStringOfTitle = computed(() => typeof props.toast.title !== 'string')
+const isStringOfDescription = computed(() => typeof props.toast.description !== 'string')
 
 const toastsHeightBefore = computed(() => {
   return props.heights.reduce((prev, curr, reducerIndex) => {
@@ -110,8 +110,6 @@ function deleteToast() {
   // Save the offset for the exit swipe animation
   removed.value = true
   offsetBeforeRemove.value = offset.value
-  const newHeights = props.heights.filter((height) => height.toastId !== props.toast.id)
-  emit('update:heights', newHeights)
 
   setTimeout(() => {
     emit('removeToast', props.toast)

storage/framework/core/components/calendar/src/components/Toast.vue

@@ -90,6 +90,7 @@ const isFocusWithinRef = ref(false)
 const hotkeyLabel = props.hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '')
 
 function removeToast(toast: ToastT) {
+  heights.value = heights.value.filter(({ toastId }) => toastId !== toast.id)
   toasts.value = toasts.value.filter(({ id }) => id !== toast.id)
 }
 

storage/framework/core/components/calendar/src/components/Toaster.vue

@@ -36,8 +36,7 @@
   "dependencies": {
     "@stacksjs/ui": "workspace:*",
     "highlight.js": "^11.10.0",
-    "vue": "^3.4.38",
-    "vue-sonner": "^1.1.4"
+    "vue": "^3.4.38"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.47.7",

storage/framework/core/components/dropdown/package.json

@@ -59,8 +59,8 @@ const pointerStartRef = ref<{ x: number; y: number } | null>(null)
 const coords = computed(() => props.position.split('-'))
 const y = computed(() => coords.value[0])
 const x = computed(() => coords.value[1])
-const isStringOfTitle = typeof props.toast.title !== 'string'
-const isStringOfDescription = typeof props.toast.description !== 'string'
+const isStringOfTitle = computed(() => typeof props.toast.title !== 'string')
+const isStringOfDescription = computed(() => typeof props.toast.description !== 'string')
 
 const toastsHeightBefore = computed(() => {
   return props.heights.reduce((prev, curr, reducerIndex) => {
@@ -110,8 +110,6 @@ function deleteToast() {
   // Save the offset for the exit swipe animation
   removed.value = true
   offsetBeforeRemove.value = offset.value
-  const newHeights = props.heights.filter((height) => height.toastId !== props.toast.id)
-  emit('update:heights', newHeights)
 
   setTimeout(() => {
     emit('removeToast', props.toast)

storage/framework/core/components/dropdown/src/components/Toast.vue

@@ -90,6 +90,7 @@ const isFocusWithinRef = ref(false)
 const hotkeyLabel = props.hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '')
 
 function removeToast(toast: ToastT) {
+  heights.value = heights.value.filter(({ toastId }) => toastId !== toast.id)
   toasts.value = toasts.value.filter(({ id }) => id !== toast.id)
 }
 

storage/framework/core/components/dropdown/src/components/Toaster.vue

@@ -36,8 +36,7 @@
   "dependencies": {
     "@stacksjs/ui": "workspace:*",
     "highlight.js": "^11.10.0",
-    "vue": "^3.4.38",
-    "vue-sonner": "^1.1.4"
+    "vue": "^3.4.38"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.47.7",

storage/framework/core/components/notification/package.json

@@ -59,8 +59,8 @@ const pointerStartRef = ref<{ x: number; y: number } | null>(null)
 const coords = computed(() => props.position.split('-'))
 const y = computed(() => coords.value[0])
 const x = computed(() => coords.value[1])
-const isStringOfTitle = typeof props.toast.title !== 'string'
-const isStringOfDescription = typeof props.toast.description !== 'string'
+const isStringOfTitle = computed(() => typeof props.toast.title !== 'string')
+const isStringOfDescription = computed(() => typeof props.toast.description !== 'string')
 
 const toastsHeightBefore = computed(() => {
   return props.heights.reduce((prev, curr, reducerIndex) => {
@@ -112,8 +112,6 @@ function deleteToast() {
   // Save the offset for the exit swipe animation
   removed.value = true
   offsetBeforeRemove.value = offset.value
-  const newHeights = props.heights.filter((height) => height.toastId !== props.toast.id)
-  emit('update:heights', newHeights)
 
   setTimeout(() => {
     emit('removeToast', props.toast)