🔗 Linked issue

#482

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

There are instances where we need to override the script src because we'll be loading the script from a different domain. We can do this easily enough using scriptInput: { src: '..' } but we lose the resolved query params when we do this.

This fix preserves query params in input src overrides and the registry src, merging them into one.

<script setup lang="ts">
const { proxy } = useScriptGoogleTagManager({
  id: 'GTM-XXXXXX',
  scriptInput: {
    src: 'https://your-domain.com/gtm.js?foo=bar', // foo query is merged with id=GTM-XXXXXX
  }
})
// src: https://your-domain.com/gtm.js?id=GTM-XXXXXX&foo=bar
</script>