From 25d44b68c23901034984387e22924a4c36319925 Mon Sep 17 00:00:00 2001
From: Christian Kaisermann <christian@kaisermann.me>
Date: Sun, 31 May 2020 17:24:08 -0300
Subject: [PATCH] Add translation to error page

---
 messages/ar.json         | 41 ++++++++++++++++++++--------------------
 messages/en.json         |  1 +
 messages/es-ES.json      |  1 +
 messages/pt-BR.json      | 41 ++++++++++++++++++++--------------------
 src/i18n.js              | 10 +++++-----
 src/routes/_error.svelte |  6 +++++-
 6 files changed, 54 insertions(+), 46 deletions(-)

diff --git a/messages/ar.json b/messages/ar.json
index 565be9a..5f8cc91 100644
--- a/messages/ar.json
+++ b/messages/ar.json
@@ -1,22 +1,23 @@
 {
-  "title": {
-    "index": "Sapper project template!"
-  },
-  "nav": {
-    "home": "الرئيسية",
-    "about": "من نحن",
-    "blog": "اتصل بنا"
-  },
-  "messages": {
-    "success": "عظيم",
-    "high_five": "خمسة",
-    "try_editing": "حاول تحرير هذا الملف (src/routes/index.svelte) لاختبار إعادة التحميل المباشر."
-  },
-  "languages": {
-    "en": "English",
-    "pt_BR": "Português",
-    "es_ES": "Espanol",
-    "ar": "عربى"
-  },
-  "direction": "rtl"
+	"title": {
+		"index": "Sapper project template!"
+	},
+	"nav": {
+		"home": "الرئيسية",
+		"about": "من نحن",
+		"blog": "اتصل بنا"
+	},
+	"messages": {
+		"error": "خطأ: {status}",
+		"success": "عظيم",
+		"high_five": "خمسة",
+		"try_editing": "حاول تحرير هذا الملف (src/routes/index.svelte) لاختبار إعادة التحميل المباشر."
+	},
+	"languages": {
+		"en": "English",
+		"pt_BR": "Português",
+		"es_ES": "Espanol",
+		"ar": "عربى"
+	},
+	"direction": "rtl"
 }
diff --git a/messages/en.json b/messages/en.json
index 6320365..f8e5332 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -8,6 +8,7 @@
     "blog": "Blog"
   },
   "messages": {
+    "error": "Error: {status}",
     "success": "Great success!",
     "high_five": "High five",
     "try_editing": "Try editing this file (src/routes/index.svelte) to test live reloading."
diff --git a/messages/es-ES.json b/messages/es-ES.json
index 5a22188..780cabe 100644
--- a/messages/es-ES.json
+++ b/messages/es-ES.json
@@ -8,6 +8,7 @@
     "blog": "Blog"
   },
   "messages": {
+		"error": "Error: {status}",
     "success": "Gran éxito!",
     "high_five": "Cinco altos",
     "try_editing": " Intente editar este archivo (src/routes/index.svelte) para probar la recarga en vivo."
diff --git a/messages/pt-BR.json b/messages/pt-BR.json
index 6bb89cb..b2f0a52 100644
--- a/messages/pt-BR.json
+++ b/messages/pt-BR.json
@@ -1,22 +1,23 @@
 {
-  "title": {
-    "index": "Modelo de projeto em Sapper!"
-  },
-  "nav": {
-    "home": "Home",
-    "about": "Sobre",
-    "blog": "Blog"
-  },
-  "messages": {
-    "success": "Suuuucesso!",
-    "high_five": "Toca aqui",
-    "try_editing": "Tente editar este arquivo (src/routes/index.svelte) para testar o recarregamento ao vivo."
-  },
-  "languages": {
-    "en": "English",
-    "pt_BR": "Português",
-    "es_ES": "Espanol",
-    "ar": "عربى"
-  },
-  "direction": "ltr"
+	"title": {
+		"index": "Modelo de projeto em Sapper!"
+	},
+	"nav": {
+		"home": "Home",
+		"about": "Sobre",
+		"blog": "Blog"
+	},
+	"messages": {
+		"error": "Error: {status}",
+		"success": "Suuuucesso!",
+		"high_five": "Toca aqui",
+		"try_editing": "Tente editar este arquivo (src/routes/index.svelte) para testar o recarregamento ao vivo."
+	},
+	"languages": {
+		"en": "English",
+		"pt_BR": "Português",
+		"es_ES": "Espanol",
+		"ar": "عربى"
+	},
+	"direction": "ltr"
 }
diff --git a/src/i18n.js b/src/i18n.js
index df6491d..03b7635 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -55,18 +55,18 @@ export function i18nMiddleware() {
 			return;
 		}
 
-		let lang = getCookie('locale', req.headers.cookie);
+		let locale = getCookie('locale', req.headers.cookie);
 
 		// no cookie, let's get the first accepted language
-		if (lang == null) {
+		if (locale == null) {
 			const headerLang = req.headers['accept-language'].split(',')[0].trim();
 			if (headerLang.length > 1) {
-				lang = headerLang;
+				locale = headerLang;
 			}
 		}
 
-		if (lang != null && lang !== currentLocale) {
-			$locale.set(lang);
+		if (locale != null && locale !== currentLocale) {
+			$locale.set(locale);
 		}
 
 		next();
diff --git a/src/routes/_error.svelte b/src/routes/_error.svelte
index 320e587..592386e 100644
--- a/src/routes/_error.svelte
+++ b/src/routes/_error.svelte
@@ -1,4 +1,6 @@
 <script>
+	import { _ } from 'svelte-i18n';
+
 	export let status;
 	export let error;
 
@@ -6,7 +8,8 @@
 </script>
 
 <style>
-	h1, p {
+	h1,
+	p {
 		margin: 0 auto;
 	}
 
@@ -32,6 +35,7 @@
 </svelte:head>
 
 <h1>{status}</h1>
+<h1>{$_('messages.error', { values: { status } })}</h1>
 
 <p>{error.message}</p>