toos-halloween/toos-dashboard/src/App.vue

<template>
  <div class="w-full flex h-screen bg-neutral-950">
    <Sidebar @updateCurrentPage="setCurrentPage" />
    <div class="w-full">
      <Main v-if="currentPage === 0" />
      <Conf v-if="currentPage === 1" />
      <Test v-if="currentPage === 2" />
    </div>
  </div>
</template>

<script setup>
import Sidebar from "./components/Sidebar.vue";
import Test from "./components/Test.vue";
import Main from "./components/Main.vue";
import Conf from "./components/Conf.vue";

import { ref } from "vue";

const currentPage = ref(2);

const setCurrentPage = (x) => {
  currentPage.value = x;
}
</script>