Nuxt

plugin بيشتغل على الـ client بس، وبيشغّل الـ widget مرة واحدة للـ app كله.

في الصفحة دي

الـ packageopen-accessibility-widgetمحتاج Nuxt 3

التسطيب

npm install open-accessibility-widget

الاستخدام

plugins/accessibility.client.ts

import { init } from "open-accessibility-widget";

// ".client" in the file name: Nuxt runs the plugin in the browser only.
export default defineNuxtPlugin(() => {
  init({ position: "right" });
});

ملاحظات

الـ suffix .client بيخلّي الـ plugin برّه الـ server rendering.
الـ widget بيحتفظ بالـ state بتاعته لما تتنقل بين الـ routes.

الـ accessibility statement

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

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