<template>
  <section>
    help page.
    <!-- <the-sidebar :showUserAvatar="true" :menu="helpMenu"></the-sidebar>

    <public-pages-header
      :NamePage="namePage"
      class="header_help"
      :style="{
        'margin-right': !isSidebarCollapsed ? 'var(--sidebar-width)' : '6em',
      }"
    ></public-pages-header>
    <main class="main-page__content" :class="{ expanded: !isSidebarCollapsed }">
      <NuxtPage :key="$route.fullPath"></NuxtPage>
    </main> -->
  </section>
</template>

<script>
import {clearBodyClass} from "@manuals/utilities"

export default {
  name: "help",
  // watch: {
  //   $route: {
  //     handler: function () {
  //       this.sidebarCollapsedSetter(true);
  //     },
  //     deep: true,
  //     immediate: true,
  //   },
  // },
  // meta: {
  //   title: import.meta.env.VITE_HELP_PAGE,
  //   metaTags: [
  //     {
  //       name: "description",
  //       content: "راهنمای سایت",
  //     },
  //     {
  //       property: "og:description",
  //       content: "راهنمای سایت",
  //     },
  //   ],
  // },

  // // beforeCreate() {
  // // ApiService.init(import.meta.env.VITE_LIST_BASE_URL);
  // // },
  // beforeMount() {
  //   this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);

  //   clearBodyClass();
  // },
  // mounted() {

  //   this.TOGGLE_PANEL(false);
  //   this.setBodyClass("public-pages");
  // },
  // destroyed() {
  //   clearBodyClass();
  // },
  // data() {
  //   return {
  //     httpService: undefined,
  //     namePage: "راهنما",
  //     // helpMenu: helpMenu,
  //   };
  // },
  // computed: {
  //   ...mapState(["getPanelStatus", "isSidebarCollapsed", "organNameGetter"]),
  //   ...mapState(useSearchStore, ["helpSchemaGetter"]),
  //   helpMenu() {
  //     if (buildName() == "majles") return majlesMenu;
  //     return helpMenu;
  //   },
  // },

  // methods: {
  //   ...mapActions(["setBodyClass"]),
  //   ...mapActions(["TOGGLE_PANEL", "sidebarCollapsedSetter"]),
  //   ...mapActions("search", ["helpSchemaSetter"]),
  //   getSchemas() {
  //     this.httpService
  //       .postRequest(searchApi.schema.list, {
  //         organ: this.organNameGetter,
  //         system: "setting",
  //         build_state: buildState(),
  //       })
  //       .then((response) => {
  //         // console.log("🚀 ~ .then ~ response:", response);
  //   
  //         this.helpSchemaSetter(response.data.setting[0].category);
  //       });
  //   },
  //   toggleSidebarMenu() {
  //     this.TOGGLE_SIDEBAR_MENU();
  //   },
  // },

};
</script>

<style lang="scss">
// @import "../../assets/public-pages/scss/public-pages.scss";
@import "../../assets/public-pages/scss/public-pages.scss";
</style>