v1.3.0

compare changes

🔥 BREAKING CHANGES:

Manual Initialization Required

We've removed the automatic plugin initialization. You now need to manually initialize the Hotjar script using the new useHotjar composable.

Basic Usage

Initialize Hotjar in your app after obtaining user consent:

// In your app.vue or equivalent:

const { initialize } = useHotjar()

function onUserConsent() {
  initialize()
}

New Composable: useHotjar

The SSR-safe useHotjar composable provides:

• initialize: Function to manually start Hotjar
• isHotjarEnabled: Reactive variable to check Hotjar's status

Usage:

import { useHotjar } from '@nuxtjs/hotjar'

const { initialize, isHotjarEnabled } = useHotjar()

// Initialize when ready
initialize()

// Check if Hotjar is active
console.log(isHotjarEnabled.value)

This change gives you more control over when Hotjar loads, improving performance and compliance with user consent requirements.

🚀 Enhancements

• ✨ use composable instead of plugin for manually init the script (d5ad0f8)

📖 Documentation

• 📝 improve README (8a72567)
• 📝 update playground (c65483f)

🏡 Chore

• release: V1.2.7 (233016e)
• ➕ add defu (8cf0a60)
• 🔧 add compilerOptions (b361808)

❤️ Contributors

• Damevin raphael@dame.vin