fix: stats

Author: tomalaforge

docs/src/components/GitHubStats.svelte

@@ -1,5 +1,4 @@
 <script>
- import MyIcon from './MyIcon.astro';
  import { onMount } from 'svelte';
 
  let error = false;
@@ -33,12 +32,12 @@
 {#if !error && !loading}
  <div class="github">
  <a class="category" href="https://github.com/tomalaforge/angular-challenges">
- <MyIcon name="star" />
+ <slot name="star"/>
  <div>{stargazersCount}</div>
  </a>
 
  <div class="category fork">
- <MyIcon name="fork" viewBox="0 0 16 16" />
+ <slot name="fork"/>
  <div>{forksCount}</div>
  </div>
  </div>

docs/src/components/SiteTitle.astro

@@ -1,13 +1,17 @@
 ---
 import Default from '@astrojs/starlight/components/SiteTitle.astro';
 import GitHubStats from './GitHubStats.svelte';
+import MyIcon from './MyIcon.astro';
 
 ---
 
 <Default {...Astro.props}>
  <slot />
 </Default>
 
-<GitHubStats client:load />
+<GitHubStats client:load >
+ <MyIcon name="star" slot="star" />
+ <MyIcon name="fork" viewBox="0 0 16 16" slot="fork"/>
+</GitHubStats>