Install via NPM (Next.js, Nuxt, Vue)

Install

npm install @quickload/web

Next.js (App Router)

In a root client component (e.g. app/QuickloadInit.tsx):

'use client';
import { useEffect } from 'react';
import { quickload } from '@quickload/web';

export function QuickloadInit() {
  useEffect(() => {
    quickload({
      trigger:    'interaction',
      apiToken:   process.env.NEXT_PUBLIC_QUICKLOAD_TOKEN,
      licenseKey: process.env.NEXT_PUBLIC_QUICKLOAD_LICENSE, // optional
    });
  }, []);
  return null;
}

Render <QuickloadInit /> once in your root layout.

Nuxt 3

Install the Nuxt adapter via nuxt.config.ts modules array:

export default defineNuxtConfig({
  modules: ['@quickload/web/nuxt'],
  quickload: {
    apiToken: process.env.QUICKLOAD_TOKEN,
    trigger:  'interaction',
  },
});

Vue (standalone)

import { createApp } from 'vue';
import { quickloadVuePlugin } from '@quickload/web/vue';
import App from './App.vue';

createApp(App)
  .use(quickloadVuePlugin, { apiToken: '…' })
  .mount('#app');

Deferring scripts

The runtime watches for <script type="text/quickload"> elements. Mark any third-party script you want deferred:

<script type="text/quickload" src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXX"></script>

The runtime auto-detects cross-origin scripts and offers to defer them via the dashboard's Critical Tag Wizard — so you usually don't have to hand-edit every tag.