<script setup lang="ts">
import { storeToRefs } from "pinia";
import {
  AApp,
  ASnackbars,
  RouterViewTransition,
  useIntercom,
  useNotifications,
  useRequestInterceptor,
  useInternalTranslations,
} from "@actindo/core-ui";

const { notifications } = storeToRefs(useNotifications());

useIntercom().init();
// useIntercom().init(mainAppRoutes); // send sub navigation routes (main left sidebar) to core app

useInternalTranslations();

useRequestInterceptor();
</script>

<template>
  <AApp class="app-background">
    <RouterViewTransition keep-alive />
    <ASnackbars v-model="notifications" :timeout="8000" />
  </AApp>
</template>

<style lang="scss">
html {
  overflow-y: auto;
}

a,
a:visited,
a:active {
  color: #0482f0;
  text-decoration: none;
}

.app-background {
  height: 100vh;
  background: $background_1;
}
</style>
