[BUGFIX] Pages en Erreur 404 sur les sites .fr et .org (PIX-1611)

Merge pull request #216 from 1024pix/fix-links-in-rich-texts

components/PixLink.vue

@@ -25,15 +25,17 @@ export default {
       const relativeLinkPrefix = getRelativeLinkPrefix(url)
 
       if (this.field.link_type === 'Document') {
+        const localeURL = getLocaleUrl(url, this.localePath)
         template = `
-          <router-link to="${this.localePath(url)}" exact>
+          <router-link to="${localeURL}" exact>
             <slot/>
           </router-link>
         `
       } else if (relativeLinkPrefix) {
         const relativeUrl = url.replace(relativeLinkPrefix, '/')
+        const localeURL = getLocaleUrl(relativeUrl, this.localePath)
         template = `
-          <router-link to="${this.localePath(relativeUrl)}" exact>
+          <router-link to="${localeURL}" exact>
             <slot/>
           </router-link>
         `
@@ -51,6 +53,18 @@ export default {
     },
   },
 }
+
+function getLocaleUrl(url, localePath) {
+  if (
+    url.startsWith('/fr') ||
+    url.startsWith('/en-gb') ||
+    url.startsWith('/fr-fr')
+  ) {
+    return url
+  }
+  return localePath(url)
+}
+
 function getRelativeLinkPrefix(url) {
   if (!url) {
     return ''

nuxt.config.js

@@ -60,6 +60,7 @@ export default {
     '~/plugins/meta.js',
     { src: '~plugins/slide-menu', ssr: false },
     '~plugins/vue-js-modal',
+    { src: '~/plugins/prismicLinks', ssr: false },
   ],
 
   /*

plugins/html-serializer.js

@@ -11,7 +11,7 @@ export default function (type, element, content, children) {
     const url = prismicDOM.Link.url(element.data, linkResolver)
 
     if (element.data.link_type === 'Document') {
-      result = `<nuxt-link to="${url}">${content}</nuxt-link>`
+      result = `<a href="${url}" data-nuxt-link>${content}</a>`
     } else {
       const target = element.data.target
         ? `target="'${element.data.target}'" rel="noopener"`

plugins/link-resolver.js

@@ -8,9 +8,11 @@ export default function (doc) {
     'cgu_page',
     'statistiques',
     'legal-notices',
+    'simple_page',
   ]
   if (staticRoute.includes(doc.type)) {
-    return `/${doc.uid}`
+    const locale = doc.lang !== 'fr-fr' ? `/${doc.lang}` : ''
+    return `${locale}/${doc.uid}`
   }
   if (doc.type === 'news_item') {
     return `/actualites/${doc.uid}`

plugins/prismicLinks.js

@@ -0,0 +1,16 @@
+export default ({ redirect }) => {
+  window.addEventListener(
+    'click',
+    (event) => {
+      // If the clicked element doesn't have the right selector, bail
+      if (!event.target.matches('a[data-nuxt-link]')) return
+
+      // Don't follow the link
+      event.preventDefault()
+
+      // Push link destination to router
+      redirect(event.target.pathname)
+    },
+    false
+  )
+}