<script setup lang="ts">
import {useAuthStore} from "@/stores/auth.store.ts";
import Header from "@/layouts/partials/Header.vue";
import Sidebar from "@/layouts/partials/Sidebar.vue";
import Content from "@/layouts/partials/Content.vue";
import {reactive} from "vue";

const page = reactive({
  id: 'dashboard',
  name: 'Dashboard',
})

const changePage = (currentPage) => {
  page.id = currentPage.id;
  page.name = currentPage.name;
}
</script>

<template>
  <div>
    <Header />
    <v-row :fluid="true">
      <Sidebar
        @show-page="changePage"
      />
      <Content
        :page="page"
      />
    </v-row>
  </div>
</template>

<style scoped>
  .v-row {
    margin: 0;
  }
</style>