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

const layoutStore = useLayoutStore();
</script>

<template>
  <v-locale-provider>
    <v-app :class="[layoutStore.miniSidebar ? 'mini-sidebar' : '']">  
      <v-main class="page-wrapper">
        <v-container fluid>
          <div>
            <RouterView />
          </div>
        </v-container>
        <v-container fluid class="pt-0">
          <div>
            <LayoutFooter />
          </div>
        </v-container>
      </v-main>
    </v-app>
  </v-locale-provider>
</template>
