(@fluent/react) Rename useTranslate to useLocalization

Author: macabeus

fluent-react/example/src/SignIn.tsx

@@ -1,8 +1,8 @@
 import React from "react";
-import { Localized, useTranslate } from "@fluent/react";
+import { Localized, useLocalization } from "@fluent/react";
 
 export function SignIn() {
-  const { l10n } = useTranslate()
+  const { l10n } = useLocalization()
 
   function showAlert(id: string) {
     alert(l10n.getString(id));

fluent-react/src/index.ts

@@ -22,4 +22,4 @@ export { LocalizationProvider } from "./provider";
 export { withLocalization, WithLocalizationProps } from "./with_localization";
 export { Localized, LocalizedProps } from "./localized";
 export { MarkupParser } from "./markup";
-export { useTranslate } from "./useTranslate";
+export { useLocalization } from "./use_localization";

fluent-react/src/useTranslate.ts renamed to fluent-react/src/use_localization.ts

@@ -3,13 +3,13 @@ import { FluentContext } from "./context";
 import { ReactLocalization } from "./localization";
 
 /*
-* The `useTranslate` hook returns the FluentContext
+* The `useLocalization` hook returns the FluentContext
 */
-type useTranslate = () => { l10n: ReactLocalization }
-export const useTranslate: useTranslate = () => {
+type useLocalization = () => { l10n: ReactLocalization }
+export const useLocalization: useLocalization = () => {
   const l10n = useContext(FluentContext);
 
   return { l10n };
 };
 
-export default useTranslate;
+export default useLocalization;