Continue frontend building

packages/sshecret-frontend/src/App.vue

@@ -1,8 +1,21 @@
 <template>
+  <sl-alert
+    v-for="alert in alerts.alerts"
+    :key="alert.id"
+    :variant="alert.type"
+    open
+    closable
+    :duration="['warning', 'error'].includes(alert.type) ? Infinity : 3000"
+    @sl-after-hide="alerts.removeAlert(alert.id)"
+    >{{ alert.message }}</sl-alert
+  >
   <RouterView />
 </template>
 
 <script setup lang="ts">
 import { useAuthTokenStore } from '@/store/auth'
+import { useAlertsStore } from '@/store/useAlertsStore'
 import { RouterView } from 'vue-router'
+
+const alerts = useAlertsStore()
 </script>