doc: broken script usage

Fixes #438

Author: harlan-zw

docs/content/docs/1.guides/1.registry-scripts.md

@@ -121,11 +121,11 @@ using different configuration.
 By default, they will be deduped and only loaded once, to load multiple instances of the same script, you can provide a unique `key` to the script.
 
 ```ts
-const { gtag, $script } = useScriptGoogleAnalytics({
+const { proxy: gaOne } = useScriptGoogleAnalytics({
   id: 'G-TR58L0EF8P',
 })
 
-const { gtag: gtag2, $script: $script2 } = useScriptGoogleAnalytics({
+const { proxy: gaTwo } = useScriptGoogleAnalytics({
   // without a key the first script instance will be returned
   key: 'gtag2',
   id: 'G-1234567890',
@@ -200,11 +200,11 @@ export default defineNuxtConfig({
 
 ```vue [components/any-component.vue]
 <script setup lang="ts">
-const { trackGoal } = useScriptFathomAnalytics() // no options required
+const { proxy } = useScriptFathomAnalytics() // no options required
 </script>
 
 <template>
-  <button @click="trackGoal('GOAL_ID')">
+  <button @click="proxy.trackGoal('GOAL_ID')">
     Track Goal
   </button>
 </template>

docs/content/docs/1.guides/1.script-triggers.md

@@ -65,7 +65,7 @@ The [useScriptTriggerElement](/docs/api/use-script-trigger-element) composable a
 
 ```ts
 const somethingEl = ref<HTMLElement>()
-const { trigger } = useScript({
+const script = useScript({
   src: 'https://example.com/script.js',
 }, {
   trigger: useScriptTriggerElement({

docs/content/scripts/analytics/umami-analytics.md

@@ -144,14 +144,14 @@ Using Umami Analytics only in production while using `track` to send a conversio
 
 ```vue [ConversionButton.vue]
 <script setup lang="ts">
-const { track } = useScriptUmamiAnalytics()
+const { proxy } = useScriptUmamiAnalytics()
 
 // noop in development, ssr
 // just works in production, client
-track('event', { name: 'conversion-step' })
+proxy.track('event', { name: 'conversion-step' })
 
 function sendConversion() {
-  track('event', { name: 'conversion' })
+  proxy.track('event', { name: 'conversion' })
 }
 </script>
 

docs/content/scripts/marketing/hotjar.md

@@ -119,12 +119,12 @@ Using Hotjar only in production while using `hj` to send a conversion event.
 
 ```vue [ConversionButton.vue]
 <script setup lang="ts">
-const { hj } = useScriptHotjar()
+const { proxy } = useScriptHotjar()
 
 // noop in development, ssr
 // just works in production, client
 function sendConversion() {
-  hj('event', 'conversion')
+  proxy.hj('event', 'conversion')
 }
 </script>
 

docs/content/scripts/tracking/google-tag-manager.md

@@ -171,13 +171,13 @@ Using Google Tag Manager only in production while using `dataLayer` to send a co
 
 ```vue [ConversionButton.vue]
 <script setup lang="ts">
-const { dataLayer } = useScriptGoogleTagManager()
+const { proxy } = useScriptGoogleTagManager()
 
 // noop in development, ssr
 // just works in production, client
-dataLayer.push({ event: 'conversion-step', value: 1 })
+proxy.dataLayer.push({ event: 'conversion-step', value: 1 })
 function sendConversion() {
-  dataLayer.push({ event: 'conversion', value: 1 })
+  proxy.dataLayer.push({ event: 'conversion', value: 1 })
 }
 </script>