@unhead/vue 1.11.3 → 1.11.4

package/dist/index.cjs

@@ -50,8 +50,25 @@ function useScript(_input, _options) {
   options.head = head;
   const scope = vue.getCurrentInstance();
   options.eventContext = scope;
-  if (scope && typeof options.trigger === "undefined")
+  if (scope && typeof options.trigger === "undefined") {
     options.trigger = vue.onMounted;
+  } else if (vue.isRef(options.trigger)) {
+    const refTrigger = options.trigger;
+    options.trigger = new Promise((resolve) => {
+      const off = vue.watch(refTrigger, (val) => {
+        if (val) {
+          off();
+          resolve(true);
+        }
+      }, {
+        immediate: true
+      });
+      vue.onScopeDispose(() => {
+        off();
+        resolve(false);
+      }, true);
+    });
+  }
   head._scriptStatusWatcher = head._scriptStatusWatcher || head.hooks.hook("script:updated", ({ script: s }) => {
     s._statusRef.value = s.status;
   });

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
-import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, AsAsyncFunctionValues, UseScriptOptions, UseFunctionType } from '@unhead/schema';
+import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, HeadEntryOptions, UseScriptOptions as UseScriptOptions$1, AsAsyncFunctionValues, UseFunctionType } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
 import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as MaybeComputedRefEntriesOnly, d as UseSeoMetaInput } from './shared/vue.71760da0.cjs';
 export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrFalsy, m as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.71760da0.cjs';
@@ -38,6 +38,18 @@ interface VueScriptInstance<T extends Record<symbol | string, any>> extends Omit
 type UseScriptInput = string | (MaybeComputedRefEntriesOnly<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
     src: string;
 });
+interface UseScriptOptions<T extends Record<symbol | string, any> = {}, U = {}> extends HeadEntryOptions, Pick<UseScriptOptions$1<T, U>, 'use' | 'stub' | 'eventContext' | 'beforeInit'> {
+    /**
+     * The trigger to load the script:
+     * - `undefined` | `client` - (Default) Load the script on the client when this js is loaded.
+     * - `manual` - Load the script manually by calling `$script.load()`, exists only on the client.
+     * - `Promise` - Load the script when the promise resolves, exists only on the client.
+     * - `Function` - Register a callback function to load the script, exists only on the client.
+     * - `server` - Have the script injected on the server.
+     * - `ref` - Load the script when the ref is true.
+     */
+    trigger?: UseScriptOptions$1['trigger'] | Ref<boolean>;
+}
 type UseScriptContext<T extends Record<symbol | string, any>> = (Promise<T> & VueScriptInstance<T>) & AsAsyncFunctionValues<T> & {
     /**
      * @deprecated Use top-level functions instead.
@@ -63,4 +75,4 @@ declare const VueHeadMixin: {
     created(): void;
 };
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, type UseScriptOptions, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
-import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, AsAsyncFunctionValues, UseScriptOptions, UseFunctionType } from '@unhead/schema';
+import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, HeadEntryOptions, UseScriptOptions as UseScriptOptions$1, AsAsyncFunctionValues, UseFunctionType } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
 import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as MaybeComputedRefEntriesOnly, d as UseSeoMetaInput } from './shared/vue.71760da0.mjs';
 export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrFalsy, m as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.71760da0.mjs';
@@ -38,6 +38,18 @@ interface VueScriptInstance<T extends Record<symbol | string, any>> extends Omit
 type UseScriptInput = string | (MaybeComputedRefEntriesOnly<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
     src: string;
 });
+interface UseScriptOptions<T extends Record<symbol | string, any> = {}, U = {}> extends HeadEntryOptions, Pick<UseScriptOptions$1<T, U>, 'use' | 'stub' | 'eventContext' | 'beforeInit'> {
+    /**
+     * The trigger to load the script:
+     * - `undefined` | `client` - (Default) Load the script on the client when this js is loaded.
+     * - `manual` - Load the script manually by calling `$script.load()`, exists only on the client.
+     * - `Promise` - Load the script when the promise resolves, exists only on the client.
+     * - `Function` - Register a callback function to load the script, exists only on the client.
+     * - `server` - Have the script injected on the server.
+     * - `ref` - Load the script when the ref is true.
+     */
+    trigger?: UseScriptOptions$1['trigger'] | Ref<boolean>;
+}
 type UseScriptContext<T extends Record<symbol | string, any>> = (Promise<T> & VueScriptInstance<T>) & AsAsyncFunctionValues<T> & {
     /**
      * @deprecated Use top-level functions instead.
@@ -63,4 +75,4 @@ declare const VueHeadMixin: {
     created(): void;
 };
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, type UseScriptOptions, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { CapoPlugin, HashHydrationPlugin, createHeadCore } from 'unhead';
 import * as _unhead_schema from '@unhead/schema';
-import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, AsAsyncFunctionValues, UseScriptOptions, UseFunctionType } from '@unhead/schema';
+import { SafeMeta, SafeLink, SafeNoscript, SafeScript, SafeHtmlAttr, SafeBodyAttr, MergeHead, CreateHeadOptions, ActiveHeadEntry, ScriptInstance, UseScriptStatus, ScriptBase, DataKeys, SchemaAugmentations, HeadEntryOptions, UseScriptOptions as UseScriptOptions$1, AsAsyncFunctionValues, UseFunctionType } from '@unhead/schema';
 export { ActiveHeadEntry, Head, HeadEntryOptions, HeadTag, MergeHead, Unhead } from '@unhead/schema';
 import { R as ReactiveHead, M as MaybeComputedRefEntries, a as MaybeComputedRef, V as VueHeadClient, U as UseHeadInput, b as UseHeadOptions, c as MaybeComputedRefEntriesOnly, d as UseSeoMetaInput } from './shared/vue.71760da0.js';
 export { f as Base, B as BodyAttr, j as BodyAttributes, H as HtmlAttr, i as HtmlAttributes, L as Link, l as MaybeComputedRefOrFalsy, m as MaybeComputedRefOrPromise, k as MaybeReadonlyRef, g as Meta, N as Noscript, h as Script, S as Style, T as Title, e as TitleTemplate } from './shared/vue.71760da0.js';
@@ -38,6 +38,18 @@ interface VueScriptInstance<T extends Record<symbol | string, any>> extends Omit
 type UseScriptInput = string | (MaybeComputedRefEntriesOnly<Omit<ScriptBase & DataKeys & SchemaAugmentations['script'], 'src'>> & {
     src: string;
 });
+interface UseScriptOptions<T extends Record<symbol | string, any> = {}, U = {}> extends HeadEntryOptions, Pick<UseScriptOptions$1<T, U>, 'use' | 'stub' | 'eventContext' | 'beforeInit'> {
+    /**
+     * The trigger to load the script:
+     * - `undefined` | `client` - (Default) Load the script on the client when this js is loaded.
+     * - `manual` - Load the script manually by calling `$script.load()`, exists only on the client.
+     * - `Promise` - Load the script when the promise resolves, exists only on the client.
+     * - `Function` - Register a callback function to load the script, exists only on the client.
+     * - `server` - Have the script injected on the server.
+     * - `ref` - Load the script when the ref is true.
+     */
+    trigger?: UseScriptOptions$1['trigger'] | Ref<boolean>;
+}
 type UseScriptContext<T extends Record<symbol | string, any>> = (Promise<T> & VueScriptInstance<T>) & AsAsyncFunctionValues<T> & {
     /**
      * @deprecated Use top-level functions instead.
@@ -63,4 +75,4 @@ declare const VueHeadMixin: {
     created(): void;
 };
 
-export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };
+export { type HeadSafe, MaybeComputedRef, MaybeComputedRefEntries, MaybeComputedRefEntriesOnly, ReactiveHead, UseHeadInput, UseHeadOptions, type UseHeadSafeInput, type UseScriptContext, type UseScriptInput, type UseScriptOptions, UseSeoMetaInput, Vue2ProvideUnheadPlugin, VueHeadClient, VueHeadMixin, type VueScriptInstance, createHead, createServerHead, injectHead, resolveUnrefHeadInput, setHeadInjectionHandler, unheadVueComposablesImports, useHead, useHeadSafe, useScript, useSeoMeta, useServerHead, useServerHeadSafe, useServerSeoMeta };

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { i as injectHead, h as headSymbol, V as Vue3 } from './shared/vue.f49591
 export { c as createHead, a as createServerHead, r as resolveUnrefHeadInput, s as setHeadInjectionHandler } from './shared/vue.f49591ad.mjs';
 import { composableNames, whitelistSafeInput, unpackMeta } from '@unhead/shared';
 import { u as useHead } from './shared/vue.8fc199ce.mjs';
-import { getCurrentInstance, onMounted, ref, onScopeDispose } from 'vue';
+import { getCurrentInstance, onMounted, isRef, watch, onScopeDispose, ref } from 'vue';
 
 const coreComposableNames = [
   "injectHead"
@@ -50,8 +50,25 @@ function useScript(_input, _options) {
   options.head = head;
   const scope = getCurrentInstance();
   options.eventContext = scope;
-  if (scope && typeof options.trigger === "undefined")
+  if (scope && typeof options.trigger === "undefined") {
     options.trigger = onMounted;
+  } else if (isRef(options.trigger)) {
+    const refTrigger = options.trigger;
+    options.trigger = new Promise((resolve) => {
+      const off = watch(refTrigger, (val) => {
+        if (val) {
+          off();
+          resolve(true);
+        }
+      }, {
+        immediate: true
+      });
+      onScopeDispose(() => {
+        off();
+        resolve(false);
+      }, true);
+    });
+  }
   head._scriptStatusWatcher = head._scriptStatusWatcher || head.hooks.hook("script:updated", ({ script: s }) => {
     s._statusRef.value = s.status;
   });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unhead/vue",
   "type": "module",
-  "version": "1.11.3",
+  "version": "1.11.4",
   "author": "Harlan Wilton <harlan@harlanzw.com>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -67,9 +67,9 @@
   "dependencies": {
     "defu": "^6.1.4",
     "hookable": "^5.5.3",
-    "@unhead/schema": "1.11.3",
-    "@unhead/shared": "1.11.3",
-    "unhead": "1.11.3"
+    "@unhead/schema": "1.11.4",
+    "unhead": "1.11.4",
+    "@unhead/shared": "1.11.4"
   },
   "scripts": {
     "build": "unbuild .",