import { createRouter, createWebHistory } from "vue-router"
import MasterLayout from "@/layouts/master.vue"

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: "/",
      component: MasterLayout,
      children: [
        {
          path: "/",
          component: () => import("@/layouts/plaza.vue"),
          children: [
            {
              path: "/",
              name: "explore",
              component: () => import("@/views/explore.vue")
            },

            {
              path: "/p/moments/:alias",
              name: "posts.details.moments",
              component: () => import("@/views/posts/moments.vue")
            },
            {
              path: "/p/articles/:alias",
              name: "posts.details.articles",
              component: () => import("@/views/posts/articles.vue")
            },

            {
              path: "/realms/:realmId",
              name: "realms.page",
              component: () => import("@/views/realms/page.vue")
            }
          ]
        },

        {
          path: "/chat/:channel",
          component: () => import("@/layouts/chat.vue"),
          children: [
            {
              path: "",
              name: "chat.channel",
              component: () => import("@/views/chat/page.vue"),
            }
          ]
        },

        {
          path: "/auth",
          children: [
            {
              path: "sign-in",
              name: "auth.sign-in",
              component: () => import("@/views/auth/sign-in.vue"),
              meta: { public: true, title: "Sign in" }
            },
            {
              path: "sign-up",
              name: "auth.sign-up",
              component: () => import("@/views/auth/sign-up.vue"),
              meta: { public: true, title: "Sign up" }
            }
          ]
        }
      ]
    }
  ]
})

export default router