<template>
  <main :class="$route.name">
    <the-sidebar
      :showUserAvatar="true"
      :menu="$attrs.menu"
      @statusPag="statusPag"
    ></the-sidebar>

    <section
      class="main-page__content"
      :class="{ expanded: !isSidebarCollapsed }"
    >
      <slot name="named-slot"></slot>
      <slot></slot>
    </section>
  </main>
</template>

<script>
// import { mapActions, mapState } from "pinia";
// import { useCommonStore } from "~/stores/commonStore";
import {clearBodyClass} from "@manuals/utilities"

export default {
  beforeMount() {
    clearBodyClass();
    // this.uuid = Math.floor(Math.random() * 100);
    // document.title = import.meta.env.VITE_SEARCH_PAGE_TITLE;
  },
  // mounted() {
  // this.setBodyClass(this.$attrs.bodyClass);
  // },
  destroyed() {
    clearBodyClass();
  },
  data() {
    return {
      uuid: undefined,
    };
  },
  // methods: {
  // ...mapActions(useCommonStore, ["setBodyClass"]),
  // },
};
</script>

<style lang="scss">
/*@import "../../assets/scss/projects/tahrir/tahrir";*/
/*@import "../../assets/scss/projects/list/list";*/
@import "../assets/search/scss/search";

.search-system .modal-backdrop.show {
  display: block;
  background-color: #0000003b;
}
</style>
