gt-react 9.2.19 → 9.2.21

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# gt-react
+
+## 9.2.21
+
+### Patch Changes
+
+- [#305](https://github.com/generaltranslation/gt/pull/305) [`5991569`](https://github.com/generaltranslation/gt/commit/59915699154fa0b442c4460c7c8d586fdc8020f9) Thanks [@ErnestM1234](https://github.com/ErnestM1234)! - Bump downstream
+
+- Updated dependencies [[`5991569`](https://github.com/generaltranslation/gt/commit/59915699154fa0b442c4460c7c8d586fdc8020f9)]:
+  - generaltranslation@6.2.8
+  - @generaltranslation/supported-locales@2.0.8

package/README.md

@@ -34,39 +34,38 @@ GT_PROJECT_ID="your-project-id"
 
 ### 2. Select languages
 
-`<GTProvider>` is used to configure the behavior of `gt-react`. 
+`<GTProvider>` is used to configure the behavior of `gt-react`.
 It should be placed as high up in your app as possible, ideally at the root.
 
-Just pass a list of [locale codes](https://generaltranslation.com/docs/reference/supported-locales) to add them to your app.
+Just pass a list of [locale codes](https://generaltranslation.com/docs/platform/locale-strings#supported-locales) to add them to your app.
 
 ```jsx
-import { GTProvider } from "gt-react";
-import MyApp from "./MyApp";
+import { GTProvider } from 'gt-react';
+import MyApp from './MyApp';
 
 export default function App() {
   return (
-    <GTProvider locales={['fr', 'zh']}> // French and Chinese support
+    <GTProvider locales={['fr', 'zh']}>
+      {' '}
+      // French and Chinese support
       <MyApp />
     </GTProvider>
   );
 }
 ```
 
-
 ### 3. Add the `<T>` component
 
 Wrap any nested JSX content in the `<T>` component to make it translatable.
 For more information, check out the [guide on using `<T>` components](https://generaltranslation.com/docs/react/reference/t-reference).
 
 ```jsx
-import { T } from "gt-react";
+import { T } from 'gt-react';
 
 export default function Example() {
   return (
     <T>
-      <p>
-        This gets translated.
-      </p>
+      <p>This gets translated.</p>
     </T>
   );
 }
@@ -75,7 +74,7 @@ export default function Example() {
 Use the `<Var>` component to designate JSX content that should not be translated.
 
 ```jsx
-import { T, Var } from "gt-react";
+import { T, Var } from 'gt-react';
 
 export default function Example() {
   return (
@@ -101,17 +100,14 @@ For strings, you can use `useGT()` for translation.
 For more information, check out [this guide](/docs/react/tutorials/translating-strings).
 
 ```jsx
-import { useGT } from "gt-react";
+import { useGT } from 'gt-react';
 
 export default function Example() {
   const t = useGT();
-  return (
-    <p>
-      {t("This gets translated.")}
-    </p>
-  );
+  return <p>{t('This gets translated.')}</p>;
 }
 ```
+
 ## Documentation
 
 Full documentation, including guides, examples, and API references, can be found at [General Translation Docs](generaltranslation.com/docs).