SilentShield

Vue / Nuxt インテグレーション

SilentShieldのVue.jsおよびNuxt向けインテグレーションは近日公開予定です。

近日公開

スムーズに統合できるよう、VueのcomposableとNuxtモジュールを開発中です。それまでの間は、どのフレームワークでも動作するバニラJavaScriptのインテグレーションをご利用いただけます。

Vue対応の準備ができた際に通知をご希望の場合は、[email protected] までご連絡ください。

プレビュー：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);
  });
}