import { defineStore } from 'pinia'

export const usePageStore = defineStore('page', () => {
  const title: string = 'Enderman'
  const description: string = 'official website'
  const keywords: string =
    'endermanch, enderman, developer, youtuber, filmmaker, artist, engineer'

  const pages = ref([
    {
      name: 'Home',
      path: '/',
    },
    {
      name: 'About',
      path: '/about',
    },
    {
      name: 'Projects',
      path: '/projects',
    },
    {
      name: 'Socials',
      path: '/social',
    },
  ])

  function _autoFetchPages() {
    while (pages.value.length) pages.value.pop()

    useRouter()
      .getRoutes()
      .forEach((route) =>
        pages.value.push({
          name: route.path.slice(1)[0].toUpperCase() + route.path.slice(2),
          path: route.path,
        }),
      )
  }

  return {
    title,
    description,
    keywords,
    pages,
  }
})