allow "visit the stable" text to be translated

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 () {
 
     },