Ενσωμάτωση Vue / Nuxt

Η ενσωμάτωση του SilentShield για Vue.js και Nuxt έρχεται σύντομα.

Έρχεται σύντομα

Αναπτύσσουμε ένα Vue composable και ένα module για Nuxt για απρόσκοπτη ενσωμάτωση. Μέχρι τότε, μπορείτε να χρησιμοποιήσετε την ενσωμάτωση με απλή (vanilla) JavaScript, η οποία λειτουργεί με οποιοδήποτε framework.

Προεπισκόπηση: composable

Ένα βασικό composable που μπορείτε να χρησιμοποιήσετε ήδη σήμερα:

// 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);
  });
}