Merge branch 'v2' of https://git.server.flayks.com/cetrucflotte/housesof into v2

# Conflicts:
#	src/routes/photos.svelte

src/components/atoms/DiscoverText.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+    import { getContext } from 'svelte'
+
+    const { count }: any = getContext('global')
+</script>
+
+<p class="discover">
+    Discover <strong>{count.photos} homes</strong><br>
+    from <strong>{count.locations} cities</strong>
+    of <strong>{count.countries} countries</strong>
+</p>

src/components/molecules/Select.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+    import { createEventDispatcher } from 'svelte';
+
+    interface Option {
+        value: string
+        name: string
+    }
+
+    export let id: string
+    export let name: string
+    export let base: Option
+    export let options: Option[]
+
+    const dispatch = createEventDispatcher()
+
+    let current: number = 0
+    let currentOptionEl: HTMLElement
+    $: currentOption = options[current]
+
+
+    /**
+     * When changing select value
+     */
+    const handleChange = ({ target: { value }}: any) => {
+        current = options.findIndex(option => option.value === value)
+
+        // Dispatch event to parent
+        dispatch('change', options[current].value)
+    }
+</script>
+
+<div class="select">
+    <slot />
+
+    <span bind:this={currentOptionEl}>
+        {currentOption.name}
+    </span>
+
+    <select {name} {id} on:change={handleChange}>
+        {#each options as { value, name }}
+            <option {value}>
+                {name}
+            </option>
+        {/each}
+    </select>
+</div>