Deletions, group moves and validation

packages/sshecret-frontend/src/App.vue

@@ -1,21 +1,10 @@
 <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
-  >
+  <ShowAlerts />
   <RouterView />
 </template>
 
 <script setup lang="ts">
 import { useAuthTokenStore } from '@/store/auth'
-import { useAlertsStore } from '@/store/useAlertsStore'
+import ShowAlerts from '@/components/common/ShowAlerts.vue'
 import { RouterView } from 'vue-router'
-
-const alerts = useAlertsStore()
 </script>