Install on VitePress

Steps

Add the following to the head array in .vitepress/config.js or .vitepress/config.ts:

head: [
  ['meta', { name: 'do11y-url', content: 'SUPABASE_PROJECT_URL' }],
  ['meta', { name: 'do11y-key', content: 'SUPABASE_PUBLISHABLE_KEY' }],
  ['meta', { name: 'do11y-framework', content: 'vitepress' }],
  ['script', { src: 'https://cdn.jsdelivr.net/npm/@manototh/do11y@latest/dist/do11y.min.js' }],
],

Replace SUPABASE_PROJECT_URL and SUPABASE_PUBLISHABLE_KEY with your Supabase credentials.

Advanced configuration

To use options beyond the basic credentials, add an inline script entry before the main script. VitePress supports inline scripts in the head array via the innerHTML property:

head: [
  ['meta', { name: 'do11y-url', content: 'SUPABASE_PROJECT_URL' }],
  ['meta', { name: 'do11y-key', content: 'SUPABASE_PUBLISHABLE_KEY' }],
  ['meta', { name: 'do11y-framework', content: 'vitepress' }],
  ['script', {}, `window.Do11yConfig = { scrollThresholds: [25, 50, 75, 100] };`],
  ['script', { src: 'https://cdn.jsdelivr.net/npm/@manototh/do11y@latest/dist/do11y.min.js' }],
],

See the configuration reference for all available options.

Next steps

• Get insights from your data
• Query your data
• Advanced configuration