news-analyze/components/blurPageBeforeLogin.vue

40 lines
910 B
Vue

<script setup lang="ts">
// Imports
const { t } = useI18n();
// Values
const allowed = ref(false);
const error = ref(false);
const errorMsg = ref("");
onMounted(async () => {
// Check Cookie
try {
const { data, error: sendError } = useFetch("/api/user/checkcookie");
if (sendError) {
error.value = true;
}
if (false) {
allowed.value = true;
} else {
allowed.value = false;
}
} catch (e) {
error.value = true;
errorMsg.value = e.message;
}
});
</script>
<template>
<div
class="flex flex-col bg-gray-200/50 text-black w-full h-full absolute inset-0 justify-center align-middle text-center z-[20] backdrop-blur-sm"
>
<div v-if="!allowed && !error" class="m-2">
{{ t("error") }}
</div>
<div v-if="error" class="m-2">
<span>{{ errorMsg ? errorMsg : t("systemerror") }}</span>
</div>
</div>
<slot></slot>
</template>