From 3fcc1c522d76d8a0984ff7380c1fb6aba1e293fb Mon Sep 17 00:00:00 2001
From: Alys <alice.harris@oldgods.net>
Date: Sat, 4 Nov 2017 20:16:47 +1000
Subject: [PATCH] allow "visit the stable" text to be translated

---
 .../components/inventory/stable/hatchedPetDialog.vue | 12 +++++-------
 website/common/locales/en/pets.json                  |  1 +
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/website/client/components/inventory/stable/hatchedPetDialog.vue b/website/client/components/inventory/stable/hatchedPetDialog.vue
index 3c1610a91f..d02d374eb8 100644
--- a/website/client/components/inventory/stable/hatchedPetDialog.vue
+++ b/website/client/components/inventory/stable/hatchedPetDialog.vue
@@ -12,13 +12,7 @@
           div(:class="pet.class")
 
         h4.title {{ pet.name }}
-        div.text(v-if="!hideText")
-          | Visit the
-          |
-          router-link(:to="{name: 'stable'}") {{ $t('stable') }}
-          |
-          | to feed and equip your newest pet!
-          // @TODO make translatable with the entire sentence in one string (translators can't do sentences in multiple parts)
+        div.text(v-if="!hideText", v-markdown="$t('hatchedPetHowToUse')")
 
         button.btn.btn-primary(@click="close()") {{ $t('onward') }}
 
@@ -70,6 +64,7 @@
 
 <script>
   import bModal from 'bootstrap-vue/lib/components/modal';
+  import markdownDirective from 'client/directives/markdown';
 
   export default {
     components: {
@@ -80,6 +75,9 @@
         pet: null,
       };
     },
+    directives: {
+      markdown: markdownDirective,
+    },
     created () {
 
     },
diff --git a/website/common/locales/en/pets.json b/website/common/locales/en/pets.json
index 3bbd0018cd..3f8028c078 100644
--- a/website/common/locales/en/pets.json
+++ b/website/common/locales/en/pets.json
@@ -75,6 +75,7 @@
   "hatchAPot": "Hatch a new <%= potion %> <%= egg %>?",
   "hatchedPet": "You hatched a new <%= potion %> <%= egg %>!",
   "hatchedPetGeneric": "You hatched a new pet!",
+  "hatchedPetHowToUse": "Visit the [Stable](/inventory/stable) to feed and equip your newest pet!",
   "displayNow": "Display Now",
   "displayLater": "Display Later",
   "petNotOwned": "You do not own this pet.",