Added useHtmlLang hook

build/index.d.cts

@@ -47,6 +47,8 @@ declare class CookieStorage implements Storage {
 
 declare function useDocumentTitle(title: string): void;
 
+declare function useHtmlLang(lang: string): void;
+
 declare function useIcoFavicon(ico: string): void;
 
 declare function useSvgFavicon(svg: string | SVGElement): void;
@@ -122,4 +124,4 @@ declare class BrowserAccessibilityPreferences {
 
 declare const useBrowserAccessibilityPreferences: () => BrowserAccessibilityPreferences;
 
-export { BrowserAccessibilityPreferences, CookieStorage, type ScrollState, type ScrollToArgs, useAppleTouchFavicon, useBrowserAccessibilityPreferences, useCopyToClipboard, useDebounce, useDocumentTitle, useEventListener, useGeolocation, useHover, useIcoFavicon, useIdle, useLockBodyScroll, useLongPress, useMeasure, useMediaQuery, useOnScreen, usePrefersDarkMode, usePrefersHighContast, usePrefersLowContrast, usePrefersReducedMotion, usePrefersReducedTransparancy, useScript, useStorage, useSvgFavicon, useThrottle, useViewportSize, useVisibilityChange, useWindowScroll };
+export { BrowserAccessibilityPreferences, CookieStorage, type ScrollState, type ScrollToArgs, useAppleTouchFavicon, useBrowserAccessibilityPreferences, useCopyToClipboard, useDebounce, useDocumentTitle, useEventListener, useGeolocation, useHover, useHtmlLang, useIcoFavicon, useIdle, useLockBodyScroll, useLongPress, useMeasure, useMediaQuery, useOnScreen, usePrefersDarkMode, usePrefersHighContast, usePrefersLowContrast, usePrefersReducedMotion, usePrefersReducedTransparancy, useScript, useStorage, useSvgFavicon, useThrottle, useViewportSize, useVisibilityChange, useWindowScroll };

build/index.d.ts

@@ -47,6 +47,8 @@ declare class CookieStorage implements Storage {
 
 declare function useDocumentTitle(title: string): void;
 
+declare function useHtmlLang(lang: string): void;
+
 declare function useIcoFavicon(ico: string): void;
 
 declare function useSvgFavicon(svg: string | SVGElement): void;
@@ -122,4 +124,4 @@ declare class BrowserAccessibilityPreferences {
 
 declare const useBrowserAccessibilityPreferences: () => BrowserAccessibilityPreferences;
 
-export { BrowserAccessibilityPreferences, CookieStorage, type ScrollState, type ScrollToArgs, useAppleTouchFavicon, useBrowserAccessibilityPreferences, useCopyToClipboard, useDebounce, useDocumentTitle, useEventListener, useGeolocation, useHover, useIcoFavicon, useIdle, useLockBodyScroll, useLongPress, useMeasure, useMediaQuery, useOnScreen, usePrefersDarkMode, usePrefersHighContast, usePrefersLowContrast, usePrefersReducedMotion, usePrefersReducedTransparancy, useScript, useStorage, useSvgFavicon, useThrottle, useViewportSize, useVisibilityChange, useWindowScroll };
+export { BrowserAccessibilityPreferences, CookieStorage, type ScrollState, type ScrollToArgs, useAppleTouchFavicon, useBrowserAccessibilityPreferences, useCopyToClipboard, useDebounce, useDocumentTitle, useEventListener, useGeolocation, useHover, useHtmlLang, useIcoFavicon, useIdle, useLockBodyScroll, useLongPress, useMeasure, useMediaQuery, useOnScreen, usePrefersDarkMode, usePrefersHighContast, usePrefersLowContrast, usePrefersReducedMotion, usePrefersReducedTransparancy, useScript, useStorage, useSvgFavicon, useThrottle, useViewportSize, useVisibilityChange, useWindowScroll };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/browser",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Utilities to help ease use of the web browser in javascript",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",

src/hooks/use-html-lang.ts

@@ -0,0 +1,7 @@
+import React from "react";
+
+export function useHtmlLang(lang: string) {
+  React.useEffect(() => {
+    document.documentElement.lang = lang;
+  }, [lang]);
+}

src/index.ts

@@ -12,6 +12,7 @@ export { useEventListener } from "@/hooks/use-event-listener";
 export { CookieStorage } from "@/storage/cookie";
 
 export { useDocumentTitle } from "@/hooks/use-document-title";
+export { useHtmlLang } from "@/hooks/use-html-lang";
 export { useIcoFavicon } from "@/hooks/use-ico-favicon";
 export { useSvgFavicon } from "@/hooks/use-svg-favicon";
 export { useAppleTouchFavicon } from "@/hooks/use-apple-touch-favicon";