{"version":3,"file":"UserGroupAlert.vue--BEJcGErf.js","sources":["../../../../../components/UserGroupAlert.vue"],"sourcesContent":["<script setup lang=\"ts\">\n\n  // pinia stores\n  import { storeToRefs } from 'pinia';\n  import { useAuthStore } from \"~/store/auth\";\n  const authStore = useAuthStore();\n  const { authenticated, usergroups } = storeToRefs(authStore);\n\n</script>\n\n<template>\n  <div\n    class=\"fixed bottom-0 left-0 right-0 z-50 mb-14 opacity-50\"\n    v-if=\"authenticated === true && usergroups && usergroups.includes('developers')\"\n  >\n    <div\n      class=\"text-center text-txt-light font-sans bold text-sm flext items-center mx-auto w-3/4 py-2 bg-red-dark z-50 border-2 border-txt rounded-md shadow-md\"\n    >\n      <font-awesome-icon :icon=\"['fas', 'exclamation-triangle']\" />\n      <span\n        >Figyelem! Bejelentkezve {{ usergroups.includes('administrators') ? 'Adminisztrátorként' : 'Fejlesztőként' }}!\n      </span>\n      <font-awesome-icon :icon=\"['fas', 'exclamation-triangle']\" />\n      <!-- <HydrationStatus /> -->\n    </div>\n  </div>\n</template>"],"names":["authStore","useAuthStore","authenticated","usergroups","storeToRefs"],"mappings":"yaAKE,MAAMA,EAAYC,EAAa,EACzB,CAAE,cAAAC,EAAe,WAAAC,GAAeC,EAAYJ,CAAS"}