<script setup lang="ts">
import { computed } from "vue";
import { useRoute } from "vue-router";

const router = useRoute();

const defineLayout = computed<string>(() => {
  if (
    router.name === "sidebar" ||
    [
      "teste",
      "Dashboard-sidebar",
      "Minhas-vendas",
      "Assinaturas",
      "Afiliados",
      "Clientes",
      "Reclamações",
      "Novo-produto",
      "Meus-produtos",
      "Área-de-membros",
      "Cupons",
      "Links",
      "Checkouts",
      "Afiliações",
      "Extrato",
      "Sacar-dinheiro",
      "Meus-Saques",
      "Antecipações",
      "Contas-bancárias",
      "Emissões-de-NF",
      "Visão-Geral",
      "Criação-de-páginas",
      "E-mail-marketing",
      "Relatorio",
      "Controle-de-acesso",
      "Tokens-e-Api-Key",
    ].includes(String(router.name))
  ) {
    return "layoutSidebar";
  }

  return "layoutDefault";
});
</script>

<template>
  <component :is="defineLayout">
    <router-view />
  </component>
</template>
<style lang="scss">
main {
  display: grid;
  grid-template-columns: auto 1fr;
}
</style>
