Svelte

PUBLIC_LUCENT_PUBLIC_KEY=luc_pk_...

import { LucentTracker } from "@lucenthq/sdk";
import { PUBLIC_LUCENT_PUBLIC_KEY } from "$env/static/public";

let tracker: LucentTracker | null = null;

export function initLucent() {
  if (!tracker) {
    tracker = new LucentTracker({
      publicKey: PUBLIC_LUCENT_PUBLIC_KEY,
    });
    tracker.start();
  }
  return tracker;
}

<script>
  import { onMount } from "svelte";
  import { initLucent } from "$lib/lucent";

  onMount(() => initLucent());
</script>

<slot />

VITE_LUCENT_PUBLIC_KEY=luc_pk_...

import { LucentTracker } from "@lucenthq/sdk";

let tracker: LucentTracker | null = null;

export function initLucent() {
  if (!tracker) {
    tracker = new LucentTracker({
      publicKey: import.meta.env.VITE_LUCENT_PUBLIC_KEY,
    });
    tracker.start();
  }
  return tracker;
}

<script>
  import { onMount } from "svelte";
  import { initLucent } from "./lib/lucent";

  onMount(() => initLucent());
</script>