Ocelot-Social/webapp/mixins/persistentLinks.js

export default function (options = {}) {
  const { queryId, querySlug, path, message = 'Page not found.' } = options
  return {
    asyncData: async (context) => {
      const {
        params: { id, slug },
        redirect,
        error,
        app: { apolloProvider },
      } = context
      const idOrSlug = id || slug

      if (idOrSlug) {
        const variables = { idOrSlug }
        const client = apolloProvider.defaultClient

        let response
        let resource
        response = await client.query({ query: queryId, variables })
        resource = response.data[Object.keys(response.data)[0]][0]
        if (resource && resource.slug === slug) return // all good
        if (resource && resource.slug !== slug) {
          return redirect(`/${path}/${resource.id}/${resource.slug}`)
        }

        response = await client.query({ query: querySlug, variables })
        resource = response.data[Object.keys(response.data)[0]][0]
        if (resource) return redirect(`/${path}/${resource.id}/${resource.slug}`)
      }

      return error({ statusCode: 404, key: message })
    },
  }
}