Replace simple page by custom page in Pro

pages/pix-pro/_custom-page.vue

@@ -0,0 +1,62 @@
+<template>
+  <div>
+    <div v-if="type === 'simple_page'">
+      <simple-page :content="document.data" />
+    </div>
+    <div v-if="type === 'slices_page'">
+      <slice-zone :slices="document.data.body" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { documentFetcher } from '~/services/document-fetcher'
+import SimplePage from '@/components/SimplePage'
+import SliceZone from '@/components/SliceZone'
+
+export default {
+  name: 'CustomPage',
+  nuxtI18n: {
+    paths: {
+      fr: '/:uid',
+      'fr-fr': '/:uid',
+      'en-gb': '/:uid',
+    },
+  },
+  components: {
+    SliceZone,
+    SimplePage,
+  },
+  async asyncData({ params, app, req, error, currentPagePath }) {
+    try {
+      const document = await documentFetcher(
+        app.$prismic,
+        app.i18n,
+        req
+      ).getPageByUid(params.uid)
+      const meta = document.data.meta
+      return { currentPagePath, meta, document }
+    } catch (e) {
+      error({ statusCode: 404, message: 'Page not found' })
+    }
+  },
+  computed: {
+    type() {
+      return this.document.type
+    },
+    title() {
+      return this.document.data.title[0].text
+    },
+  },
+  head() {
+    const meta = this.$getMeta(this.meta, this.currentPagePath, this.$prismic)
+
+    return {
+      meta,
+      title: this.title,
+    }
+  },
+}
+</script>
+
+<style lang="scss"></style>