Intégration Vue / Nuxt

L'intégration de SilentShield pour Vue.js et Nuxt arrive bientôt.

Bientôt disponible

Nous développons un composable Vue et un module Nuxt pour une intégration transparente. En attendant, vous pouvez utiliser l'intégration JavaScript native (vanilla), qui fonctionne avec n'importe quel framework.

Aperçu : composable

Un composable de base que vous pouvez utiliser dès aujourd'hui :

// composables/useSilentShield.ts
import { onMounted, onUnmounted } from 'vue';

export function useSilentShield(apiKey: string) {
  let script: HTMLScriptElement | null = null;

  onMounted(() => {
    script = document.createElement('script');
    script.src = `https://api.silentshield.io/client.js?k=${apiKey}`;
    script.crossOrigin = 'anonymous';
    script.defer = true;
    document.head.appendChild(script);
  });

  onUnmounted(() => {
    if (script) document.head.removeChild(script);
  });
}