From d25ddff34736a4f69d0644500accbce86a595066 Mon Sep 17 00:00:00 2001
From: Jon McClure <jon.r.mcclure@gmail.com>
Date: Fri, 26 Aug 2022 13:25:42 +0100
Subject: [PATCH] fix refs in header

---
 src/components/SiteHeader/MobileMenu/index.svelte |  2 +-
 src/components/SiteHeader/SiteHeader.svelte       |  2 +-
 src/components/Theme/Theme.svelte                 | 12 +++++-------
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/SiteHeader/MobileMenu/index.svelte b/src/components/SiteHeader/MobileMenu/index.svelte
index c2ee10d9..b747a00f 100644
--- a/src/components/SiteHeader/MobileMenu/index.svelte
+++ b/src/components/SiteHeader/MobileMenu/index.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { ReutersLogo } from '../../../index.js';
+  import ReutersLogo from '../../ReutersLogo/ReutersLogo.svelte';
   import CloseIcon from '../svgs/Close.svelte';
   import { normalizeUrl } from '../NavBar/utils/index.js';
 
diff --git a/src/components/SiteHeader/SiteHeader.svelte b/src/components/SiteHeader/SiteHeader.svelte
index c8cc5fc7..0823093c 100644
--- a/src/components/SiteHeader/SiteHeader.svelte
+++ b/src/components/SiteHeader/SiteHeader.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ReutersLogo } from '../../index.js';
+  import ReutersLogo from '../ReutersLogo/ReutersLogo.svelte';
   import NavBar from './NavBar/index.svelte';
   import data from './data.json';
   import { setContext } from 'svelte';
diff --git a/src/components/Theme/Theme.svelte b/src/components/Theme/Theme.svelte
index bb9a7251..7d78dadb 100644
--- a/src/components/Theme/Theme.svelte
+++ b/src/components/Theme/Theme.svelte
@@ -28,15 +28,13 @@
 
   /** @type {Theme} */
   $: mergedTheme = mergeThemes({}, themes[base] || themes.light, theme);
-  
-  $: cssVariables = Object.entries(flatten({ theme: mergedTheme })).map(([key, value]) => `--${key}: ${value};`).join(' ');
+
+  $: cssVariables = Object.entries(flatten({ theme: mergedTheme }))
+    .map(([key, value]) => `--${key}: ${value};`)
+    .join(' ');
 </script>
 
-<div
-  class="theme"
-  style="{cssVariables}"
-  style:display="contents"
->
+<div class="theme" style="{cssVariables}" style:display="contents">
   <!-- Clients can override the theme above by attaching custom properties to this element. -->
   <div class="theme-client-override" style="display: contents;">
     <!-- Themed content -->