search_ui/layouts/SearchLayout.vue

<template>
  <main >
      <the-sidebar :showUserAvatar="true" :menu="$attrs.menu"></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";
import { mapState } from "pinia";

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,
    };
  },
  computed: {
    ...mapState(useCommonStore, ["isSidebarCollapsed"]),
  },
  // 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>