import { defineStore } from 'pinia'

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

  const pages = ref([
    {
      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) => {
        if (route.path !== '/')
          pages.value.push({
            name: route.path.slice(1)[0].toUpperCase() + route.path.slice(2),
            path: route.path,
          })
      })
  }

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