feat: add lazy load umami

packages/unplugin-analytics/client.d.ts

@@ -19,13 +19,19 @@ declare module '~analytics/umami' {
 
   export const umami: {
     track: {
-      (): void;
+      (): Promise<string>;
 
-      (payload: Payload): void;
+      (payload: Payload): Promise<string>;
 
-      (payload: (props: Payload) => Payload & Record<string, any>): void;
+      (
+        payload: (
+          props: Payload
+        ) =>
+          | (Payload & { name: string; data: Record<string, any> })
+          | (Payload & Record<string, any>)
+      ): Promise<string>;
 
-      (event: string, data?: Record<string, any>): void;
+      (event: string, data?: Record<string, any>): Promise<string>;
     };
   };
 }

packages/unplugin-analytics/src/plugin/index.ts

@@ -16,10 +16,19 @@ export interface Options {
 export const UnpluginAnalyticsRuntime = createUnplugin<Options | undefined>((options = {}) => {
   const scripts: Record<string, () => string> = {
     clarity() {
-      return [`export const clarity = window.clarity;`].join('\n');
+      return [`export let clarity = window.clarity;`].join('\n');
     },
     umami() {
-      return [`export const umami = window.umami;`].join('\n');
+      return [
+        `export let umami = window.umami;`,
+        `
+if (!umami) {
+  window.addEventListener("load", (event) => {
+    umami = window.umami
+    console.log("Load umami:", umami)
+  });
+}`
+      ].join('\n');
     }
   };
   const moduleNames = Object.keys(scripts).map((s) => `~analytics/${s}`);