Implement redirect for user profile

webapp/pages/profile/_id/index.vue

@@ -0,0 +1,46 @@
+<script>
+import gql from 'graphql-tag'
+
+const queryId = gql`
+  query($idOrSlug: ID) {
+    User(id: $idOrSlug) {
+      id
+      slug
+    }
+  }
+`
+const querySlug = gql`
+  query($idOrSlug: String) {
+    User(slug: $idOrSlug) {
+      id
+      slug
+    }
+  }
+`
+
+export default {
+  layout: 'blank',
+  async asyncData(context) {
+    const {
+      params: { id: idOrSlug },
+      redirect,
+      error,
+      app: { apolloProvider }
+    } = context
+
+    const variables = { idOrSlug }
+    const client = apolloProvider.defaultClient
+
+    const tryToRedirect = async query => {
+      const idRes = await client.query({ query, variables })
+      const user = idRes.data.User[0]
+      if (user) redirect(`/profile/${user.id}/${user.slug}`)
+    }
+
+    await tryToRedirect(queryId)
+    await tryToRedirect(querySlug)
+
+    return error({ statusCode: 404 })
+  }
+}
+</script>

webapp/pages/profile/index.vue

@@ -1,8 +0,0 @@
-<script>
-export default {
-  layout: 'blank',
-  asyncData({ error }) {
-    error({ statusCode: 404, message: 'Profile slug missing' })
-  }
-}
-</script>