Translate paragraphs

Author: Miguel Camba

locales/en.json

@@ -69,6 +69,8 @@
   "icu-crash-course.table-cells.time": "Your doctor's appointment is today at {appointment, time, short}",
   "icu-crash-course.subsection.number": "Numbers",
   "icu-crash-course.paragraph.number": "Formats a number according to the rules of the current locale.",
+  "icu-crash-course.paragraph.number-2": "There's also an advanced feature called <strong id='crash-course-number-skeletons' class='font-semibold text-primary'>Number Skeletons</strong> that allow you to customize to great lengths how you want your numbers formatted.",
+  "icu-crash-course.paragraph.number-3": "The possibilities of number skeletons are limitless.",
   "icu-crash-course.table-cells.number": "Your account balance is {num, number}",
   "icu-crash-course.table-cells.skeletonCurrency": "Your account balance is {num, number, ::currency/EUR}",
   "icu-crash-course.table-cells.skeletonCurrencySigned": "Your account balance is {num, number, ::currency/EUR sign-always}",
@@ -141,6 +143,8 @@
   "configuration.paragraph.custom-formats-1": "This library can format numbers, dates and times. It does it without adding significant weight to your app by leveraging the Intl API already present in all modern browsers and in Node.js.<br/>By default you app can use these formats, but you can add your own.",
   "configuration.paragraph.custom-formats-2": "If you want to define your own formats pass them on initialization using the",
   "configuration.paragraph.custom-formats-3": "option, which will be deep merged with the default formats listed above. The formats must be valid options to forward to",
+  "configuration.paragraph.custom-formats-4": "For numbers specifically you can register your own formats like that or you can use Number Skeletons as a more flexible way of customizing every single aspect of how numbers are rendered. Check the crash course",
+  "configuration.paragraph.custom-formats-5": "here",
 
   "usage.title": "Usage",
   "usage.paragraph.preface-1": "The runtime API of this library is mostly taken from the great",

locales/es.json

@@ -69,6 +69,8 @@
   "icu-crash-course.table-cells.time": "Your doctor's appointment is today at {appointment, time, short}",
   "icu-crash-course.subsection.number": "Números",
   "icu-crash-course.paragraph.number": "Formatea un número de acuerdo a las reglas del idioma seleccionado.",
+  "icu-crash-course.paragraph.number-2": "También hay una funcionalidad avanzada llamada <strong id='crash-course-number-skeletons' class='font-semibold text-primary'>Number Skeletons</strong> que te permite personalizar hasta el extremo cómo quieres que los números se formateen.",
+  "icu-crash-course.paragraph.number-3": "Las posibilidades de los number skeleton son ilimitadas.",
   "icu-crash-course.table-cells.number": "Your account balance is {num, number}",
   "icu-crash-course.table-cells.skeletonCurrency": "Your account balance is {num, number, ::currency/EUR}",
   "icu-crash-course.table-cells.skeletonCurrencySigned": "Your account balance is {num, number, ::currency/EUR sign-always}",

locales/gl.json

@@ -67,6 +67,8 @@
   "icu-crash-course.table-cells.time": "Your doctor's appointment is today at {appointment, time, short}",
   "icu-crash-course.subsection.number": "Números",
   "icu-crash-course.paragraph.number": "Formatea un número de acordo as regras do idioma seleccionado.",
+  "icu-crash-course.paragraph.number-2": "Tamén hay unha funcionalidade avanzada chamada <strong id='crash-course-number-skeletons' class='font-semibold text-primary'>Number Skeletons</strong> que permite personalizar ata o extremo cómo queres que os números sexan formateados.",
+  "icu-crash-course.paragraph.number-3": "As posibilidades dos number skeleton son ilimitadas.",  
   "icu-crash-course.table-cells.number": "Your account balance is {num, number}",
   "icu-crash-course.table-cells.skeletonCurrency": "Your account balance is {num, number, ::currency/EUR}",
   "icu-crash-course.table-cells.skeletonCurrencySigned": "Your account balance is {num, number, ::currency/EUR sign-always}",

src/routes/[...lang]/docs/configuration.svelte

@@ -2,7 +2,7 @@
 	export const prerender = true;
 </script>
 <script lang="ts">
-	import { t } from 'svelte-intl-precompile';
+	import { t, locale } from 'svelte-intl-precompile';
 	import scrollToHash from '$lib/scroll-to-hash';;
 	import CodeInline from '$lib/CodeInline.svelte';
 	import Codeblock from '$lib/Codeblock.svelte';
@@ -194,4 +194,6 @@ addMessages('es', es);
       'just-hour': { hour: 'numeric' }
     }
   }
-});`}</Codeblock>
+});`}</Codeblock>
+
+<p>{$t('configuration.paragraph.custom-formats-4')} <a href="/{$locale}/docs/icu-crash-course#crash-course-number-skeletons" class="text-primary underline">{$t('configuration.paragraph.custom-formats-5')}</a></p>

src/routes/[...lang]/docs/icu-crash-course.svelte

@@ -261,7 +261,7 @@
 	</tbody>
 </table>
 
-<h2 class="text-2xl font-semibold">{$t('icu-crash-course.subsection.number')}</h2>
+<h2 class="text-2xl font-semibold" id="crash-course-numbers">{$t('icu-crash-course.subsection.number')}</h2>
 
 <p>{$t('icu-crash-course.paragraph.number')}</p>
 
@@ -286,7 +286,7 @@
 	</tbody>
 </table>
 
-<p>There's also an advanced feature called number skeletons that allow you to customize to great lengths how you want your numbers formatted</p>
+<p>{@html $t('icu-crash-course.paragraph.number-2')}</p>
 
 <table class="table-auto w-full text-left">
   <thead>
@@ -381,4 +381,5 @@
 	</tbody>
 </table>
 
-<p>The possibilities of number skeletons are limitless.</p>
+<p>The possibilities of number skeletons are limitless.</p>
+<p>{$t('icu-crash-course.paragraph.number-3')}</p>