<script setup>
import Header from '@/views/layouts/header/header.vue';
import FooterBottom from '@/views/layouts/footer/footer.vue';
import watermark from '@/services/watermark';
import { useUserStore } from '@/stores';
const uStore = useUserStore();

if (uStore.user) {
  // watermark.set(uStore.user.UserName);
  watermark.set("LADA Express");
}

watermark.set("LADA Express");
</script>

<template>
  <div class="page">
    <Header v-if="uStore.user" />
    <div class="jumps-prevent" style="padding-top: 63px;"></div>
    <div class="main-content horizontal-content">
      <div id="main-content" class="main-container container-fluid">
        <RouterView></RouterView>
      </div>
    </div>
    <FooterBottom></FooterBottom>
  </div>
</template>
<script>






</script>
<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
