How to add dir attribute to <html> based on the incoming request's cookie?

user_17810064 0
Viewed 34

I need to set the direction for the selected language.

If it's RTL, I need to set <html dir='rtl'>, otherwise <html dir='ltr'>.

The selected language comes in a cookie in the HTTP Request.

How can I do that in Vite?

vite html
1 Answers

You can query the document for the <html>, and set its dir attribute:

const setHtmlLangDir = () => {
  const dir = /* direction of lang from cookie */
  document.querySelector('html').setAttribute('dir', dir);
}

demo

user_62771510
Related