<script setup lang="ts">
import { RouterView } from 'vue-router';
import LayoutHeader from '@KTXC/layouts/header/LayoutHeader.vue';
import { useLayoutStore } from '@KTXC/stores/layoutStore';
import LayoutSystemMenu from '@KTXC/layouts/menus/LayoutSystemMenu.vue';

const layoutStore = useLayoutStore();
</script>

<template>
  <v-locale-provider>
    <v-app :class="[layoutStore.miniSidebar ? 'mini-sidebar' : '']">  
      <LayoutHeader />
      <LayoutSystemMenu />

      <v-main class="page-wrapper">
        <RouterView />
      </v-main>
    </v-app>
  </v-locale-provider>
</template>
