<template>
  <NuxtLayout name="default" :menu="menu">
    <router-view></router-view>
  </NuxtLayout>
</template>

<script>
import { clearBodyClass } from "@manuals/utilities";
import menu from "@chat/json/menu.json";

export default {
  name: "chatRouterView",
  setup() {
    useHead({
      title: import.meta.env.VITE_CHAT_PAGE_TITLE,
      meta: [{ name: "description", content: "My page description" }],
      bodyAttrs: {
        class: import.meta.env.VITE_CHAT_SYSTEM,
      },
      bodyAttrs: {
        class: import.meta.env.VITE_CHAT_SYSTEM,
      },
    });

    definePageMeta({
      name: "chatRouterView",
      layout: false,
    });
  },

  destroyed() {
    clearBodyClass();
  },
  data() {
    return {
      menu: menu,
    };
  },
};
</script>

<style lang="scss">
/*@import "../assets/tahrir/scss/tahrir";*/
@import "../assets/chat/scss/chat.scss";
//@import '/animate.css';
</style>
