From 8b98dc6b21654ed51717d591496d0df7919fbfdc Mon Sep 17 00:00:00 2001
From: Shinichi Okada <147320+shinokada@users.noreply.github.com>
Date: Wed, 17 Apr 2024 21:35:53 +0200
Subject: [PATCH] fix: update .gitignore

---
 .gitignore                             |  3 +++
 src/lib/testimonial/Testimonial.svelte |  4 ++--
 src/lib/utils/Quotes.svelte            |  5 ++++-
 src/routes/utils/Runatics.svelte       | 22 ++++++++++++++++++++++
 4 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 src/routes/utils/Runatics.svelte

diff --git a/.gitignore b/.gitignore
index 1d72ddf..6d02793 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,9 @@ node_modules
 /.svelte-kit
 /package
 /dist
+.env
+.env.*
+!.env.example
 
 .vercel
 .vscode/
diff --git a/src/lib/testimonial/Testimonial.svelte b/src/lib/testimonial/Testimonial.svelte
index 6a1a288..20f3cf7 100644
--- a/src/lib/testimonial/Testimonial.svelte
+++ b/src/lib/testimonial/Testimonial.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { twMerge } from 'tailwind-merge';
+  import type { ComponentType, SvelteComponent } from 'svelte';
 
-  import type { SvelteComponent } from 'svelte';
-  export let icon: typeof SvelteComponent | null = null;
+  export let icon: ComponentType;
   export let figureClass: string = 'max-w-screen-md mx-auto';
   export let figureFooterClass: string = 'flex items-center justify-center mt-6 space-x-3';
 </script>
diff --git a/src/lib/utils/Quotes.svelte b/src/lib/utils/Quotes.svelte
index 60c0158..a51558a 100644
--- a/src/lib/utils/Quotes.svelte
+++ b/src/lib/utils/Quotes.svelte
@@ -1,3 +1,6 @@
-<svg class="h-12 mx-auto mb-3 text-gray-400 dark:text-gray-600" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<script lang="ts">
+  export let svgCls: string = 'h-12 mx-auto mb-3 text-gray-400 dark:text-gray-600'
+</script>
+<svg class="{svgCls}" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8H24V18H14.017ZM0 18V10.609C0 4.905 3.748 1.038 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8H9.983L9.983 18L0 18Z" fill="currentColor" />
 </svg>
diff --git a/src/routes/utils/Runatics.svelte b/src/routes/utils/Runatics.svelte
new file mode 100644
index 0000000..e1d7b56
--- /dev/null
+++ b/src/routes/utils/Runatics.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  export let analyticsId:string;
+
+  $: {
+    const script = document.createElement('script');
+    script.innerHTML = `
+      window.dataLayer = window.dataLayer || [];
+      function gtag() { dataLayer.push(arguments); }
+      gtag('js', new Date());
+      gtag('config', '${analyticsId}');
+      `;
+    document.head.appendChild(script);
+  };
+</script>
+
+<svelte:head>
+  <script async src="https://www.googletagmanager.com/gtag/js?id={analyticsId}"></script>
+</svelte:head>
+{#if !analyticsId}
+  <h2>You need to provide your Google Analytics ID, "ANALYTICS_ID", in .env file.</h2>
+  <p>Please read the <a href="https://runatics.codewithshin.com/">docs</a> how to set it up.</p>
+{/if}
\ No newline at end of file