From 5738c8d949ec403d3d0071fb97fe1338201d929f Mon Sep 17 00:00:00 2001 From: estebam Date: Wed, 3 Jun 2026 19:53:48 -0500 Subject: [PATCH] Update UI components for the tour and Spanish translations for EB and conferences v2 --- app/app.vue | 12 +++++++----- app/layouts/default.vue | 5 +++-- app/pages/index.vue | 14 +++++++------- lang/es.json | 4 ++-- pnpm-lock.yaml | 18 ++++++++++++++++++ 5 files changed, 37 insertions(+), 16 deletions(-) diff --git a/app/app.vue b/app/app.vue index 4554b28..128cc84 100755 --- a/app/app.vue +++ b/app/app.vue @@ -144,11 +144,13 @@ const tourConfig = { steps: steps, } -nuxtApp.hook('tour', (startIndex=0)=>{ - const { driver } = useDriver("onboarding"); - const instance = driver( tourConfig ) - instance.drive(startIndex) - +nuxtApp.hook('tour', (startIndex = 0) => { + const isMobile = window.innerWidth < 768; + if (!isMobile) { + const { driver } = useDriver("onboarding"); + const instance = driver(tourConfig) + instance.drive(startIndex) + } }) diff --git a/app/layouts/default.vue b/app/layouts/default.vue index 5981301..ebb933c 100755 --- a/app/layouts/default.vue +++ b/app/layouts/default.vue @@ -85,7 +85,7 @@ const links = computed(() => { }, { id: 'wizard', - class: 'mt-4 border-t-2 border-gray-300 pt-4', + class: 'hidden sm:flex mt-4 border-t-2 border-gray-300 pt-4', label: t('nav.tour'), icon: 'ph-student', onSelect: () => { doTour() }, @@ -96,7 +96,8 @@ const links = computed(() => { ] satisfies NavigationMenuItem[] - function doTour(){ + function doTour() { + nuxtApp.callHook('tour',0) } diff --git a/app/pages/index.vue b/app/pages/index.vue index 182a5e9..6b3ac3c 100755 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -9,13 +9,13 @@ const t = $i18n.t const release = releases[0] const links = ref([ - { - label: t('nav.tour'), - icon: 'ph-student', - color: 'error', - class: 'hidden sm:flex', - onClick: () => nuxtApp.callHook('tour',11) - }, + // { + // label: t('nav.tour'), + // icon: 'ph-student', + // color: 'error', + // class: 'hidden sm:flex', + // onClick: () => nuxtApp.callHook('tour',11) + // }, { label: t('nav.bible_studies'), to: `/${$i18n.locale.value}/estudios-biblicos`, diff --git a/lang/es.json b/lang/es.json index 9ee3a84..96c2d24 100644 --- a/lang/es.json +++ b/lang/es.json @@ -2,8 +2,8 @@ "nav": { "home": "Inicio", "bible_studies": "Estudios Bíblicos", - "bible_studies_ts": "Estudios Bíblicos Typesense", - "conferences_ts": "Conferencias Typesense", + "bible_studies_ts": "Estudios Bíblicos", + "conferences_ts": "Conferencias", "conferences": "Conferencias", "between_the_lines": "Entrelíneas", "my_list": "Mi Listado", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 2e2abac..1355c2f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -56,6 +56,9 @@ importers: nuxt: specifier: ^4.4.2 version: 4.4.5(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.34)(cac@6.7.14)(db0@0.3.4)(eslint@10.3.0(jiti@2.7.0))(ioredis@5.10.1)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(pinia@3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)))(rollup-plugin-visualizer@7.0.1(rollup@4.60.3))(rollup@4.60.3)(srvx@0.11.15)(terser@5.47.1)(typescript@6.0.3)(vite@7.3.3(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue-tsc@3.2.8(typescript@6.0.3))(yaml@2.9.0) + nuxt-driver.js: + specifier: ^0.1.1 + version: 0.1.1(magicast@0.5.2) pinia: specifier: ^3.0.4 version: 3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)) @@ -3689,6 +3692,9 @@ packages: resolution: {integrity: sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==} engines: {node: '>=12'} + driver.js@1.4.0: + resolution: {integrity: sha512-Gm64jm6PmcU+si21sQhBrTAM1JvUrR0QhNmjkprNLxohOBzul9+pNHXgQaT9lW84gwg9GMLB3NZGuGolsz5uew==} + dunder-proto@1.0.1: resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==} engines: {node: '>= 0.4'} @@ -4877,6 +4883,9 @@ packages: nth-check@2.1.1: resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==} + nuxt-driver.js@0.1.1: + resolution: {integrity: sha512-K8SJBzLD8oyu3mhp2vv6F6/SUEaXSp067iGLCPDiMGh4w86VdDArapPmyylH9ZvYq/aeltVPbS6S/uOuVtAXHw==} + nuxt@4.4.5: resolution: {integrity: sha512-MwTf3wyaEIm1U9/T1VKpqg7rGhhrn5Cx2ZS40lwo8GxsiY9xE7UOj5Cg0eAI0fSbJzyXlzdxspytgqWsgL+nIA==} engines: {node: ^20.19.0 || >=22.12.0} @@ -10023,6 +10032,8 @@ snapshots: dotenv@17.4.2: {} + driver.js@1.4.0: {} + dunder-proto@1.0.1: dependencies: call-bind-apply-helpers: 1.0.2 @@ -11360,6 +11371,13 @@ snapshots: dependencies: boolbase: 1.0.0 + nuxt-driver.js@0.1.1(magicast@0.5.2): + dependencies: + '@nuxt/kit': 4.4.5(magicast@0.5.2) + driver.js: 1.4.0 + transitivePeerDependencies: + - magicast + nuxt@4.4.5(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.34)(cac@6.7.14)(db0@0.3.4)(eslint@10.3.0(jiti@2.7.0))(ioredis@5.10.1)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(pinia@3.0.4(typescript@6.0.3)(vue@3.5.34(typescript@6.0.3)))(rollup-plugin-visualizer@7.0.1(rollup@4.60.3))(rollup@4.60.3)(srvx@0.11.15)(terser@5.47.1)(typescript@6.0.3)(vite@7.3.3(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.47.1)(yaml@2.9.0))(vue-tsc@3.2.8(typescript@6.0.3))(yaml@2.9.0): dependencies: '@dxup/nuxt': 0.4.1(magicast@0.5.2)(typescript@6.0.3)