From ab68d0ce4ad33e80f6fbb7758d72e9496bcab873 Mon Sep 17 00:00:00 2001
From: Luke Chi <luke.chi@gmail.com>
Date: Thu, 4 Nov 2021 22:52:24 +0800
Subject: [PATCH] =?UTF-8?q?docs(transloco):=20=E2=9C=8F=EF=B8=8F=20fix=20i?=
 =?UTF-8?q?mage=20path=20(#521)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

image path should be handled by useBaseUrl()
---
 docs/docs/installation.mdx                         | 3 ++-
 docs/docs/recipes/google-translate-integration.mdx | 3 ++-
 docs/docs/tools/scope-lib-extractor.mdx            | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/docs/installation.mdx b/docs/docs/installation.mdx
index c259e0b37..7679acaf3 100644
--- a/docs/docs/installation.mdx
+++ b/docs/docs/installation.mdx
@@ -3,6 +3,7 @@ id: installation
 title: Installation
 description: Installation | Transloco Angular i18n
 ---
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 
 Install the library using Angular CLI:
@@ -10,7 +11,7 @@ Install the library using Angular CLI:
 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
index f4462d569..ceb278559 100644
--- 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
index c3422cf2d..aa624e38f 100644
--- 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