57 lines
1.3 KiB
Vue
57 lines
1.3 KiB
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/hadith/scss/hadith.scss";
|
|
|
|
.search-system .modal-backdrop.show {
|
|
display: block;
|
|
background-color: #0000003b;
|
|
}
|
|
</style>
|