feat: expose ScrollTrigger and globalTimelines via composables

.vscode/settings.json

@@ -1,3 +1,10 @@
 {
-  "eslint.experimental.useFlatConfig": true
+  "eslint.useFlatConfig": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true
+  },
+  "editor.formatOnSave": false,
+  "eslint.validate": ["javascript", "typescript", "vue"],
+  "eslint.format.enable": true,
+  "prettier.enable": false
 }

src/module.ts

@@ -44,6 +44,16 @@ export default defineNuxtModule<ModuleOptions>({
         as: 'useGSAP',
         from: resolver.resolve('runtime/plugin'), // load composable from plugin
       })
+      addImports({
+        name: 'useScrollTrigger',
+        as: 'useScrollTrigger',
+        from: resolver.resolve('runtime/plugin'),
+      })
+      addImports({
+        name: 'useGlobalTimelines',
+        as: 'useGlobalTimelines',
+        from: resolver.resolve('runtime/plugin'),
+      })
     }
 
     addComponent({

src/runtime/plugin.ts

@@ -531,3 +531,11 @@ function getValueFromModifier(binding, term: string) {
 export const useGSAP = (): typeof gsap => {
   return gsap
 }
+
+export const useScrollTrigger = () => {
+  return ScrollTrigger
+}
+
+export const useGlobalTimelines = () => {
+  return globalTimelines
+}

src/runtime/vue.ts

@@ -1,5 +1,10 @@
 import gsap from 'gsap'
-import { vGsapDirective } from './plugin'
+import {
+  vGsapDirective,
+  useGSAP,
+  useScrollTrigger,
+  useGlobalTimelines,
+} from './plugin'
 
 export const vGsapVue = (configOptions?) => {
   return vGsapDirective(
@@ -9,3 +14,6 @@ export const vGsapVue = (configOptions?) => {
     null,
   )
 }
+
+// Export composables for Vue-only usage
+export { useGSAP, useScrollTrigger, useGlobalTimelines }