From 0ebb60f986682ad8d3538c2fd1d708a861e0b1fb Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 22 Aug 2022 15:49:08 -0700
Subject: migrate to sveltekit-i18n

---
 src/components/About.svelte | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

(limited to 'src/components/About.svelte')

diff --git a/src/components/About.svelte b/src/components/About.svelte
index db74fd96..257fc49c 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -1,22 +1,22 @@
 <script>
 	import { Image, Icon, LocationsMap } from '$comp';
-	import { _, json } from 'svelte-i18n';
+	import { t } from '$lib/translations';
 </script>
 
-<h3 class="text-5xl font-medium mb-10 text-center">{$_('about.header')}</h3>
+<h3 class="text-5xl font-medium mb-10 text-center">{$t('about.header')}</h3>
 <div
 	class="md:px-10 lg:px-0 block lg:flex justify-center text-secondary text-xl lg:space-x-20 mx-auto max-w-7xl relative"
 >
 	<p class="w-full lg:w-5/12">
-		{@html $_('about.p1')}
+		{@html $t('about.p1')}
 		<br /><br />
-		{@html $_('about.p2')}
+		{@html $t('about.p2')}
 		<br /><br />
 	</p>
 	<p class="w-full lg:w-5/12">
-		{@html $_('about.p3')}
+		{@html $t('about.p3')}
 		<br /><br />
-		{@html $_('about.p4')}
+		{@html $t('about.p4')}
 	</p>
 	<Image image="swoosh" style="w-32 absolute -bottom-20 lg:bottom-0 right-0 md:right-10" />
 </div>
@@ -24,17 +24,17 @@
 <div class="px-5 block lg:flex justify-center lg:space-x-32 items-center mt-40 lg:mt-20">
 	<div class="space-y-5 mb-5 lg:mb-0">
 		<h3 class="text-5xl font-medium mb-10 text-center lg:text-right">
-			{$_('about.founder.header')}
+			{$t('about.founder.header')}
 		</h3>
 
 		<Image image="adam" style="rounded-full mx-auto lg:mx-0 lg:ml-auto w-40" />
 
 		<div class="space-y-2">
 			<span class="text-2xl text-center font-semibold block lg:text-right"
-				>{$_('about.founder.name')}</span
+				>{$t('about.founder.name')}</span
 			>
 			<span class="text-xl text-center text-secondary block lg:text-right"
-				>{$_('about.founder.position')}</span
+				>{$t('about.founder.position')}</span
 			>
 		</div>
 
@@ -57,16 +57,13 @@
 	<ul
 		class="w-full mx-auto md:w-[700px] lg:w-[500px] xl:w-auto text-secondary px-1 md:px-10 text-xl list-disc space-y-5"
 	>
-		{#each Object.values($json('about.founder.qualifications')) as qualification}
-			<li>{qualification}</li>
-		{/each}
 	</ul>
 </div>
 
 <div class="mt-20">
-	<h3 class="text-5xl font-medium mb-5 text-center">{$_('about.locations.header')}</h3>
+	<h3 class="text-5xl font-medium mb-5 text-center">{$t('about.locations.header')}</h3>
 	<p class="text-secondary text-xl w-full md:w-10/12 lg:w-2/3 2xl:w-[800px] mx-auto mb-10">
-		{@html $_('about.locations.description')}
+		{@html $t('about.locations.description')}
 	</p>
 	<LocationsMap />
 </div>
-- 
cgit v1.2.3