add prose to v-html

Author: gheorghelupu17

resources/js/Components/cards/ArticleCard.vue

@@ -17,7 +17,7 @@
 
             <h3 class="mb-3 text-xl font-bold text-gray-900 line-clamp-2" v-text="article.title" />
 
-            <div class="text-gray-500 line-clamp-4" v-html="article.description" />
+            <div class="text-gray-500 line-clamp-4 prose" v-html="article.description" />
 
             <div class="flex items-center justify-between mt-6">
                 <time class="text-sm text-gray-500" v-text="article.date" />
@@ -37,13 +37,13 @@
 </template>
 
 <script setup>
-    import ArticleCategory from '@/Components/ArticleCategory.vue';
-    import { ArrowNarrowRightIcon } from '@heroicons/vue/solid';
-
-    defineProps({
-        article: {
-            type: Object,
-            required: true,
-        },
-    });
+import ArticleCategory from '@/Components/ArticleCategory.vue';
+import { ArrowNarrowRightIcon } from '@heroicons/vue/solid';
+
+defineProps({
+    article: {
+        type: Object,
+        required: true,
+    },
+});
 </script>

resources/js/Pages/Auth/Registration/Step5.vue

@@ -24,7 +24,7 @@
             :error="form.errors['ngo.why_volunteer']"
         >
         </Textarea>
-        <p class="text-xs font-normal text-gray-500" v-html="$t('why_volunteer_info')" />
+        <p class="text-xs font-normal text-gray-500 prose" v-html="$t('why_volunteer_info')" />
 
         <div v-if="'organization' == form.type" class="flex items-center justify-between mt-6 gap-x-4">
             <SecondaryButton @click="$emit('prev', $event.target)">

resources/js/Pages/Public/Bcr/Show.vue

@@ -41,7 +41,7 @@
 
                 <div class="mb-10" v-if="project.description">
                     <h2 class="mb-6 text-3xl font-bold text-primary-900">{{ $t('description') }}</h2>
-                    <div class="text-lg text-gray-500" v-html="project.description" />
+                    <div class="text-lg text-gray-500 prose" v-html="project.description" />
                 </div>
             </div>