feat: update waypoint number and put bold on icon text

teritorio · Nov 8, 2023 · 61169c5 · 61169c5
1 parent 21cac8c
commit 61169c5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/components/PoisCard/PoiCardLight.vue b/components/PoisCard/PoiCardLight.vue
@@ -15,6 +15,7 @@
             :picto="icon"
             size="lg"
             :image="undefined"
+            :text="position"
           />
           {{ name }}
         </h3>
@@ -77,6 +78,10 @@ export default defineNuxtComponent({
       type: Object as PropType<ApiPoi>,
       required: true,
     },
+    position: {
+      type: String,
+      required: false,
+    },
   },
 
   data(): {

diff --git a/components/PoisCard/PoisDeck.vue b/components/PoisCard/PoisDeck.vue
@@ -2,9 +2,10 @@
   <div class="tw-flex tw-justify-between tw-flex-wrap tw-gap-6">
     <component
       :is="poisCard"
-      v-for="item in pois"
+      v-for="(item, index) in pois"
       :key="item.properties.metadata.id"
       :poi="item"
+      :position="(index + 1).toString()"
       :class="[
         'tw-grow-1',
         !isFavorite(item.properties.metadata.id) &&

diff --git a/components/UI/TeritorioIconBadge.vue b/components/UI/TeritorioIconBadge.vue
@@ -13,7 +13,7 @@
       :picto="picto"
       :image="image"
     />
-    <template v-else>{{ text }}</template>
+    <b v-else>{{ text }}</b>
     <slot></slot>
   </span>
 </template>