docs(transloco): ✏️ fix image path (#521)

image path should be handled by useBaseUrl()
jsverse · Nov 4, 2021 · ab68d0c · ab68d0c
1 parent 28c7e94
commit ab68d0c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/docs/docs/installation.mdx b/docs/docs/installation.mdx
@@ -3,14 +3,15 @@ id: installation
 title: Installation
 description: Installation | Transloco Angular i18n
 ---
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 
 Install the library using Angular CLI:
 ```bash
 ng add @ngneat/transloco
 ```
 
-<img className="gif" src="../img/installation.gif"/>
+<img className="gif" src={useBaseUrl('/img/installation.gif')} />
 
 As part of the installation process you'll be presented with questions; Once you answer them, everything you need will automatically be created for you. Let's take a closer look at the generated files:
 

diff --git a/docs/docs/recipes/google-translate-integration.mdx b/docs/docs/recipes/google-translate-integration.mdx
@@ -2,6 +2,7 @@
 title: Generate Locale Files using Google Translate
 description: Recipe - Generate Locale Files using Google Translate | Transloco Angular i18n
 ---
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 Many thanks to [born2net](https://github.com/born2net) for sharing this. [(#261)](https://github.com/ngneat/transloco/issues/261)
 
@@ -196,4 +197,4 @@ const localSource = sourceFile(defaultSourceLang);
 
 ## Expected output:
 
-<img class="gif" src="../../img/translation-script-result.png"/>
+<img class="gif" src={useBaseUrl('/img/translation-script-result.png')} />
diff --git a/docs/docs/tools/scope-lib-extractor.mdx b/docs/docs/tools/scope-lib-extractor.mdx
@@ -2,6 +2,7 @@
 title: Scoped Library Extractor
 description: Tools - Scoped Library Extractor | Transloco Angular i18n
 ---
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 There are cases where we need to use translations in our npm libraries (which is common in a monorepo environment). In these cases, we probably want to have the translation files inside the library's folder and ship them together with it.
 
@@ -133,7 +134,7 @@ Now, if we run the script, the following things will happen:
 
 2. It will add the library's translation files to the `.gitignore` ( if you don't want to modify the `.gitignore` use the `--skip-gitignore` flag).
 
-<img class="gif" src="../../img/extractor.gif"/>
+<img class="gif" src={useBaseUrl('/img/extractor.gif')} />
 
 ### Join Strategies