fix: analytic key name update

.env.example

@@ -1,2 +1,2 @@
 VITE_APP_VERSION=$npm_package_version
-ANALYTICS_ID="G-12345ABCDE"
+ANALYTICS_ID_FLOWBITE="G-12345ABCDE"

.github/workflows/playwright-and-lint.yaml

@@ -26,5 +26,5 @@ jobs:
       - name: Run playwright tests
         env:
           NODE_OPTIONS: '--max_old_space_size=4096'
-          ANALYTICS_ID: 'G-12345ABCDE'
+          ANALYTICS_ID_FLOWBITE: 'G-12345ABCDE'
         run: pnpm test:integration

src/routes/+layout.server.js

@@ -1,12 +1,12 @@
-import { ANALYTICS_ID } from '$env/static/private';
+import { ANALYTICS_ID_FLOWBITE } from '$env/static/private';
 /** @type {import('./$types').LayoutServerLoad} \*/
 export async function load ({ fetch }) {
   try {
     const response = await fetch('/api');
 
     return {
       posts: await response.json(),
-      ANALYTICS_ID
+      ANALYTICS_ID_FLOWBITE
     };
   } catch (error) {
     console.error(`Error in load function for /: ${error}`);

src/routes/+layout.svelte

@@ -11,7 +11,7 @@
   import { ChevronDownOutline } from 'flowbite-svelte-icons';
   import Runatics from './utils/Runatics.svelte';
   export let data;
-  const analyticsId = data.ANALYTICS_ID
+  const analyticsId = data.ANALYTICS_ID_FLOWBITE
 
   let version = import.meta.env.VITE_APP_VERSION;
 

src/routes/utils/Runatics.svelte

@@ -18,6 +18,6 @@
   <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>
+  <h2>You need to provide your Google Analytics ID, "ANALYTICS_ID_FLOWBITE", in .env file.</h2>
   <p>Please read the <a href="https://runatics.codewithshin.com/">docs</a> how to set it up.</p>
 {/if}