{{ slotProps.data.name }}
{{ slotProps.data.description }}
@@ -47,7 +47,7 @@
{{ slotProps.data.inventoryStatus }}
-
![]()
+
{{ slotProps.data.name }}
{{ slotProps.data.description }}
diff --git a/src/views/uikit/Media.vue b/src/views/uikit/Media.vue
index 0c1c96d..a6db0a3 100644
--- a/src/views/uikit/Media.vue
+++ b/src/views/uikit/Media.vue
@@ -8,7 +8,7 @@
diff --git a/src/views/uikit/Messages.vue b/src/views/uikit/Messages.vue
index 166ca79..aed7901 100644
--- a/src/views/uikit/Messages.vue
+++ b/src/views/uikit/Messages.vue
@@ -68,16 +68,17 @@ const toast = useToast();
const message = ref([]);
const username = ref(null);
const email = ref(null);
+const count = ref(0);
const addMessage = (type) => {
if (type === 'success') {
- this.message = [{ severity: 'success', detail: 'Success Message', content: 'Message sent', id: this.count++ }];
+ message.value = [{ severity: 'success', detail: 'Success Message', content: 'Message sent', id: count.value++ }];
} else if (type === 'info') {
- this.message = [{ severity: 'info', detail: 'Info Message', content: 'PrimeVue rocks', id: this.count++ }];
+ message.value = [{ severity: 'info', detail: 'Info Message', content: 'PrimeVue rocks', id: count.value++ }];
} else if (type === 'warn') {
- this.message = [{ severity: 'warn', detail: 'Warn Message', content: 'There are unsaved changes', id: this.count++ }];
+ message.value = [{ severity: 'warn', detail: 'Warn Message', content: 'There are unsaved changes', id: count.value++ }];
} else if (type === 'error') {
- this.message = [{ severity: 'error', detail: 'Error Message', content: 'Validation failed', id: this.count++ }];
+ message.value = [{ severity: 'error', detail: 'Error Message', content: 'Validation failed', id: count.value++ }];
}
};
diff --git a/src/views/uikit/Overlay.vue b/src/views/uikit/Overlay.vue
index e69622e..c333139 100644
--- a/src/views/uikit/Overlay.vue
+++ b/src/views/uikit/Overlay.vue
@@ -16,21 +16,21 @@