chore: broken playground example

Author: harlan-zw

Diff for: playground/pages/third-parties/google-tag-manager.vue

@@ -6,7 +6,7 @@ useHead({
 })
 
 // composables return the underlying api as a proxy object and the script state
-const { dataLayer, then, status } = useScriptGoogleTagManager({
+const { proxy, onLoaded, status } = useScriptGoogleTagManager({
   id: 'GTM-MNJD4B',
   onBeforeGtmStart(gtag) {
     gtag('consent', 'default', {
@@ -18,13 +18,13 @@ const { dataLayer, then, status } = useScriptGoogleTagManager({
     })
   },
 }) // id is set via runtime config
-dataLayer.push({
+proxy.dataLayer.push({
   event: 'page_view',
   page_title: 'Google Analytics',
   page_location: 'https://harlanzw.com/third-parties/google-analytics',
   page_path: '/third-parties/google-analytics',
 })
-then(({ google_tag_manager, dataLayer }) => {
+onLoaded(({ google_tag_manager, dataLayer }) => {
   // eslint-disable-next-line no-console
   console.log('google_tag_manager is ready', google_tag_manager)
   // eslint-disable-next-line no-console