From a72f0382471012ca6ad16e2a406139cbaeaa1150 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sun, 8 Jan 2023 10:51:36 -0800
Subject: [PATCH] fix: use markdown for description in cards (#2011)

---
 frontend/components/Domain/Recipe/RecipeCard.vue       | 2 +-
 frontend/components/Domain/Recipe/RecipeCardMobile.vue | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeCard.vue b/frontend/components/Domain/Recipe/RecipeCard.vue
index 702b1f18e..4dab312d3 100644
--- a/frontend/components/Domain/Recipe/RecipeCard.vue
+++ b/frontend/components/Domain/Recipe/RecipeCard.vue
@@ -20,7 +20,7 @@
             <div v-if="hover" class="d-flex transition-fast-in-fast-out secondary v-card--reveal" style="height: 100%">
               <v-card-text class="v-card--text-show white--text">
                 <div class="descriptionWrapper">
-                  {{ description}}
+                  <SafeMarkdown :source="description" />
                 </div>
               </v-card-text>
             </div>
diff --git a/frontend/components/Domain/Recipe/RecipeCardMobile.vue b/frontend/components/Domain/Recipe/RecipeCardMobile.vue
index cb0c82695..acd377b9f 100644
--- a/frontend/components/Domain/Recipe/RecipeCardMobile.vue
+++ b/frontend/components/Domain/Recipe/RecipeCardMobile.vue
@@ -22,7 +22,9 @@
         </slot>
         <v-list-item-content>
           <v-list-item-title class="mb-1">{{ name }} </v-list-item-title>
-          <v-list-item-subtitle> {{ description }} </v-list-item-subtitle>
+          <v-list-item-subtitle>
+            <SafeMarkdown :source="description" />
+          </v-list-item-subtitle>
           <div class="d-flex justify-center align-center">
             <slot name="actions">
               <RecipeFavoriteBadge v-if="loggedIn" :slug="slug" show-always />