From 846c575f1d557472b8b0e4b2fee7fff50d46535e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 24 Mar 2020 19:44:42 +0100
Subject: [PATCH] Change lettersToSpan name to charsToSpan

---
 src/atoms/TitleSite.svelte | 6 +++---
 src/routes/index.svelte    | 8 ++++----
 src/utils/functions.js     | 2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/atoms/TitleSite.svelte b/src/atoms/TitleSite.svelte
index 3debd30..d4f9d59 100644
--- a/src/atoms/TitleSite.svelte
+++ b/src/atoms/TitleSite.svelte
@@ -1,6 +1,6 @@
 <script>
     import { onMount } from 'svelte'
-    import { lettersToSpan } from '../utils/functions'
+    import { charsToSpan } from '../utils/functions'
 
     // Animations
     import { animateIn } from '../animations/TitleSite.js'
@@ -21,7 +21,7 @@
 <div class="title-location title-location--inline" bind:this={scope}>
     <div role="heading" aria-level="1" aria-label="Houses">
         <div class="anim-mask">
-            {@html lettersToSpan('Houses')}
+            {@html charsToSpan('Houses')}
         </div>
     </div>
 
@@ -32,7 +32,7 @@
 
     <div aria-label="World">
         <div class="anim-mask">
-            {@html lettersToSpan('World')}
+            {@html charsToSpan('World')}
         </div>
     </div>
 </div>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 7a117ab..76aebb1 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -33,7 +33,7 @@
         pageReady,
         pageTransition
     } from '../utils/store'
-    import { lettersToSpan } from '../utils/functions'
+    import { charsToSpan } from '../utils/functions'
 
     // Dependencies
     import zenscroll from 'zenscroll'
@@ -87,7 +87,7 @@
     <div class="anim-mask">
         <div class="anim title-parallax" id="title-houses">
             <h1 class="title-massive" aria-label="Houses">
-                {@html lettersToSpan('Houses')}
+                {@html charsToSpan('Houses')}
             </h1>
         </div>
     </div>
@@ -110,7 +110,7 @@
 <section class="explore explore--homepage">
     <div class="of" id="title-of" aria-label="of">
         <div class="anim-mask">
-            {@html lettersToSpan('of')}
+            {@html charsToSpan('of')}
         </div>
     </div>
 
@@ -122,7 +122,7 @@
 
     <div class="anim-mask anim-title">
         <h1 class="title-massive title-parallax" id="title-world" aria-label="World">
-            {@html lettersToSpan('World')}
+            {@html charsToSpan('World')}
         </h1>
     </div>
 
diff --git a/src/utils/functions.js b/src/utils/functions.js
index 2535eb1..d1efc16 100644
--- a/src/utils/functions.js
+++ b/src/utils/functions.js
@@ -45,7 +45,7 @@ export function throttle (fn, delay) {
 /*
 ** Wrap string's each letters into a span
 */
-export const lettersToSpan = string => {
+export const charsToSpan = string => {
     return string
         .replace(/(<.*?>)|(.)/g, letter => letter.replace(/./g, '<span>$&</span>'))
         .replace(/ /g, '\u00a0')