Framework recipes

import Script from 'next/script';

// Release 1.0.0 never changes; the integrity hash makes browsers refuse any other bytes.
const TRACKER_SRC = 'https://t.lumenstat.com/v/1.0.0/l.js';
const TRACKER_INTEGRITY =
  'sha384-cBzCCJcHCWSGbuy/f+zavGm/HjUWv77eni4DyLfq+FfKigpin1mul1ekLXILze/3';
const WEBSITE_ID = 'YOUR-WEBSITE-ID';
// Previews and other hosts load the script but send nothing.
const TRACKED_HOSTS = 'example.org,www.example.org';

export function LumenstatScript() {
  return (
    <Script
      src={TRACKER_SRC}
      integrity={TRACKER_INTEGRITY}
      crossOrigin="anonymous"
      data-website-id={WEBSITE_ID}
      data-domains={TRACKED_HOSTS}
      strategy="afterInteractive"
    />
  );
}

import type { ReactNode } from 'react';
import { LumenstatScript } from '@/components/lumenstat-script';

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <LumenstatScript />
      </body>
    </html>
  );
}

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://t.lumenstat.com/v/1.0.0/l.js',
          defer: true,
          integrity: 'sha384-cBzCCJcHCWSGbuy/f+zavGm/HjUWv77eni4DyLfq+FfKigpin1mul1ekLXILze/3',
          crossorigin: 'anonymous',
          'data-website-id': 'YOUR-WEBSITE-ID',
          'data-domains': 'example.org,www.example.org',
        },
      ],
    },
  },
});

<script setup lang="ts">
useHead({
  script: [
    {
      src: 'https://t.lumenstat.com/v/1.0.0/l.js',
      defer: true,
      integrity: 'sha384-cBzCCJcHCWSGbuy/f+zavGm/HjUWv77eni4DyLfq+FfKigpin1mul1ekLXILze/3',
      crossorigin: 'anonymous',
      'data-website-id': 'YOUR-WEBSITE-ID',
      'data-domains': 'example.org,www.example.org',
    },
  ],
});
</script>

<template>
  <NuxtPage />
</template>