From dfeb05af106b341af1a82b65cf7c2cab71423dc1 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sun, 26 Jan 2025 16:38:03 +0100
Subject: [PATCH] fix: component name collision

We already have a component called Notifications (the ones in the top right). I used now Toster which I borrowed from here https://www.shadcn-vue.com/docs/components/sonner.html
---
 frontend/src/components/misc/Notification.vue | 4 ++--
 frontend/src/main.ts                          | 2 +-
 frontend/src/types/global-components.d.ts     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/misc/Notification.vue b/frontend/src/components/misc/Notification.vue
index 320ac6841..a59f6ebb6 100644
--- a/frontend/src/components/misc/Notification.vue
+++ b/frontend/src/components/misc/Notification.vue
@@ -1,5 +1,5 @@
 <template>
-	<Notifications
+	<Toaster
 		position="bottom left"
 		:max="2"
 		class="global-notification"
@@ -44,7 +44,7 @@
 				</div>
 			</div>
 		</template>
-	</Notifications>
+	</Toaster>
 </template>
 
 <style scoped>
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 24da87d91..6f4a56488 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -54,7 +54,7 @@ const browserLanguage = getBrowserLanguage()
 setLanguage(browserLanguage).then(() => {
 	const app = createApp(App)
 
-	app.use(Notifications)
+	app.use(Notifications, { componentName: 'Toaster' })
 
 	app.directive('focus', focus)
 	app.directive('tooltip', vTooltip)
diff --git a/frontend/src/types/global-components.d.ts b/frontend/src/types/global-components.d.ts
index cfc2d8727..0e34b2a11 100644
--- a/frontend/src/types/global-components.d.ts
+++ b/frontend/src/types/global-components.d.ts
@@ -11,7 +11,7 @@ import type Card from '@/components/misc/Card.vue'
 declare module 'vue' {
 	export interface GlobalComponents {
 		Icon: FontAwesomeIconFixedTypes
-		Notifications: FunctionalComponent<Notifications>
+		Toaster: FunctionalComponent<Notifications>
 		XButton: typeof XButton,
 		Modal: typeof Modal,
 		Card: typeof Card,