fix: defaultScriptOptions idleTimeout config

Fixes #535

Author: harlan-zw

src/module.ts

@@ -2,7 +2,7 @@ import {
   addBuildPlugin,
   addComponentsDir,
   addImports,
-  addPluginTemplate, addTypeTemplate,
+  addPluginTemplate, addTemplate, addTypeTemplate,
   createResolver,
   defineNuxtModule,
   hasNuxtModule,
@@ -24,7 +24,7 @@ import type {
   RegistryScripts,
 } from './runtime/types'
 import { NuxtScriptsCheckScripts } from './plugins/check-scripts'
-import { templatePlugin } from './templates'
+import { templatePlugin, templateTriggerResolver } from './templates'
 import { relative, resolve } from 'pathe'
 
 export interface ModuleOptions {
@@ -169,6 +169,13 @@ export default defineNuxtModule<ModuleOptions>({
       pathPrefix: false,
     })
 
+    addTemplate({
+      filename: 'nuxt-scripts-trigger-resolver.mjs',
+      getContents() {
+        return templateTriggerResolver(config.defaultScriptOptions)
+      },
+    })
+
     const scripts = await registry(resolvePath) as (RegistryScript & { _importRegistered?: boolean })[]
 
     for (const script of scripts) {

src/runtime/composables/useScript.ts

@@ -5,6 +5,8 @@ import { reactive } from 'vue'
 import type { NuxtDevToolsScriptInstance, NuxtUseScriptOptions, UseFunctionType, UseScriptContext } from '../types'
 import { onNuxtReady, useNuxtApp, useRuntimeConfig, injectHead } from 'nuxt/app'
 import { logger } from '../logger'
+// @ts-expect-error virtual template
+import { resolveTrigger } from '#build/nuxt-scripts-trigger-resolver'
 
 function useNuxtScriptRuntimeConfig() {
   return useRuntimeConfig().public['nuxt-scripts'] as {
@@ -27,6 +29,14 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
     options.bundle = false
   }
 
+  // Handle trigger objects (idleTimeout, interaction)
+  if (options.trigger && typeof options.trigger === 'object' && !('then' in options.trigger)) {
+    const resolved = resolveTrigger(options.trigger)
+    if (resolved) {
+      options.trigger = resolved
+    }
+  }
+
   // browser hint optimizations
   const id = String(resolveScriptKey(input) as keyof typeof nuxtApp._scripts)
   const nuxtApp = useNuxtApp()

src/templates.ts

@@ -3,6 +3,28 @@ import type { ModuleOptions } from './module'
 import { logger } from './logger'
 import type { RegistryScript } from '#nuxt-scripts/types'
 
+export function templateTriggerResolver(defaultScriptOptions?: ModuleOptions['defaultScriptOptions']) {
+  const needsIdleTimeout = defaultScriptOptions?.trigger && typeof defaultScriptOptions.trigger === 'object' && 'idleTimeout' in defaultScriptOptions.trigger
+  const needsInteraction = defaultScriptOptions?.trigger && typeof defaultScriptOptions.trigger === 'object' && 'interaction' in defaultScriptOptions.trigger
+
+  const imports = []
+  if (needsIdleTimeout) {
+    imports.push(`import { useScriptTriggerIdleTimeout } from '#nuxt-scripts/composables/useScriptTriggerIdleTimeout'`)
+  }
+  if (needsInteraction) {
+    imports.push(`import { useScriptTriggerInteraction } from '#nuxt-scripts/composables/useScriptTriggerInteraction'`)
+  }
+
+  return [
+    ...imports,
+    `export function resolveTrigger(trigger) {`,
+    needsIdleTimeout ? `  if ('idleTimeout' in trigger) return useScriptTriggerIdleTimeout({ timeout: trigger.idleTimeout })` : '',
+    needsInteraction ? `  if ('interaction' in trigger) return useScriptTriggerInteraction({ events: trigger.interaction })` : '',
+    `  return null`,
+    `}`,
+  ].filter(Boolean).join('\n')
+}
+
 export function resolveTriggerForTemplate(trigger: any): string | null {
   if (trigger && typeof trigger === 'object') {
     const keys = Object.keys(trigger)