From ef77b33f52dbbc90fa0084657e330d66684ea5e4 Mon Sep 17 00:00:00 2001
From: Avris <andre@avris.it>
Date: Wed, 1 Dec 2021 16:14:48 +0100
Subject: [PATCH] <T> allow adding an icon for each paragraph

---
 components/T.vue    | 9 +++++++--
 routes/pronouns.vue | 3 +--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/T.vue b/components/T.vue
index 0ff00274..003aa93d 100644
--- a/components/T.vue
+++ b/components/T.vue
@@ -2,10 +2,14 @@
     <component :is="Array.isArray(txt) ? 'div' : 'span'">
         <template v-if="Array.isArray(txt)">
             <p v-for="p in txt">
+                <Icon v-if="icon" :v="icon"/>
                 <LinkedText :text="p"/>
             </p>
         </template>
-        <LinkedText v-else :text="txt"/>
+        <template v-else>
+            <Icon v-if="icon" :v="icon"/>
+            <LinkedText :text="txt"/>
+        </template>
     </component>
 </template>
 
@@ -15,7 +19,8 @@
     export default {
         props: {
             params: {},
-            silent: {type: Boolean}
+            silent: {type: Boolean},
+            icon: {},
         },
         data() {
             return {
diff --git a/routes/pronouns.vue b/routes/pronouns.vue
index a41effd6..38859559 100644
--- a/routes/pronouns.vue
+++ b/routes/pronouns.vue
@@ -93,8 +93,7 @@
                                 </div>
                             </template>
                             <p class="small">
-                                <Icon v="info-circle"/>
-                                <T>home.generator.alt</T>
+                                <T icon="info-circle">home.generator.alt</T>
                             </p>
                             <!-- TODO #136
                             <p class="small" v-if="config.pronunciation.enabled">