روح للمحتوى على طول

Vue

شغّله في onMounted وشيله في onBeforeUnmount.

في الصفحة دي
الـ packageopen-accessibility-widget(بيفتح في tab جديدة)محتاج Vue 3

التسطيب

npm install open-accessibility-widget

الاستخدام

App.vue
<script setup>
import { onMounted, onBeforeUnmount } from "vue";
import { init } from "open-accessibility-widget";

let widget;
onMounted(() => (widget = init({ position: "right" })));
onBeforeUnmount(() => widget?.destroy());
</script>

ملاحظات

  • نادي init() في الـ root component، عشان يشتغل مرة واحدة للـ app كله.
  • مع Nuxt، استخدم plugin بيشتغل على الـ client بس بدل كده (شوف Nuxt).

الـ accessibility statement

مرّر statementUrl عشان تحط لينك للـ accessibility statement بتاعك في الـ footer بتاع اللوحة.

عدّل الصفحة دي على GitHub