From 0ea3bd0859aba4ae30f4ac0d8685421ee4600528 Mon Sep 17 00:00:00 2001
From: Julio Ruiz <julio@julioruiz.com>
Date: Mon, 1 Jun 2026 11:35:50 -0500
Subject: [PATCH] Tour example

Added tour example in a subroute of the app.
---
 app/app.vue                          |  8 ++++++++
 app/components/PublicationDetail.vue | 12 ++++++++++++
 lang/es.json                         |  3 ++-
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/app/app.vue b/app/app.vue
index 310f99a..4554b28 100755
--- a/app/app.vue
+++ b/app/app.vue
@@ -123,6 +123,14 @@ const steps = [
       side: "right",
     },
   },
+  {
+    element: ".favorites_toggle",
+    popover: {
+      title: t('tour.favorites_button'),
+      description: t('tour.favorites_toggle'),
+      side: "bottom"
+    }
+  }
 ]
 
 const tourConfig = {
diff --git a/app/components/PublicationDetail.vue b/app/components/PublicationDetail.vue
index 385668d..394793f 100644
--- a/app/components/PublicationDetail.vue
+++ b/app/components/PublicationDetail.vue
@@ -70,6 +70,8 @@ const props = defineProps<{
 
 const emits = defineEmits(['close'])
 
+const nuxtApp = useNuxtApp()
+
 const { locale } = useI18n()
 const favorites = useFavoritesStore()
 
@@ -828,6 +830,15 @@ const items = computed(() => {
       </template>
 
       <template #right>
+        <UTooltip text="Como funciona?">
+          <UButton
+            icon="ph-student"
+            color="neutral"
+            variant="ghost"
+            :disabled="!document"
+            @click="nuxtApp.callHook('tour',12)"
+          />
+        </UTooltip>
         <UTooltip :text="isFav ? 'Quitar de mi lista' : 'Guardar en mi lista'">
           <UButton
             :icon="isFav ? 'i-lucide-bookmark-check' : 'i-lucide-bookmark-plus'"
@@ -835,6 +846,7 @@ const items = computed(() => {
             variant="ghost"
             :disabled="!document"
             :aria-label="isFav ? 'Quitar de mi lista' : 'Guardar en mi lista'"
+            class="favorites_toggle"
             @click="onToggleFavorite"
           />
         </UTooltip>
diff --git a/lang/es.json b/lang/es.json
index d635d96..c6ea1d0 100644
--- a/lang/es.json
+++ b/lang/es.json
@@ -26,7 +26,8 @@
         "changelog_description": "Bitacora de cambios realizados al sitio en orden cronologico",
         "feedback_description": "Tienes alguna sugerencia o queja? realizala aqui",
         "localeselector_description": "Cambia facilmente el idioma de la pagina",
-        "index_changelog": "Panel de ultimos cambios subidos"
+        "index_changelog": "Panel de ultimos cambios subidos",
+        "favorites_toggle": "Boton para guardar / quitar este documento de mis favoritos"
     },
     "home": {
         "instructions": "Bienvenidos, aqui podran buscar entre los estudios biblicos, las conferencias y las entrelineas que estan disponibles en el material de archivo de La Gran Carpa Catedral."