Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Loading bar: use <CwaLoadingIndicator> in app.vue (cwa-nuxt-module#396)

Cerrado Apto para principiantes
#234 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
70/100
Tipo de issue
Documentación
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
nuxtjs

Línea de trabajo

Empieza por las páginas de documentación que muestran la barra de carga en app.vue y en los ejemplos de layout, donde aparece CwaUiProgressBar. Sustituye el ejemplo de layout por <CwaLoadingIndicator> colocado encima de <NuxtLayout>, y anota que envuelve a <NuxtLoadingIndicator> y acepta sus props. Añade una nota breve sobre el momento en que se dispara page:loading:end y sobre definePageMeta({ cwa: { disabled: true } }). Está terminado cuando los ejemplos y las notas de props/hooks coinciden con el texto del issue.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

documentation

cwa-nuxt-module#396 (1ed92548, unreleased after 2.0.0-alpha.15).

  • <CwaLoadingIndicator> is the recommended loading bar: put it in app.vue above <NuxtLayout>. It wraps <NuxtLoadingIndicator> and takes its props (color, height, throttle, duration, …); on CWA pages it shows the real page load percentage.
  • CwaUiProgressBar in a layout is now optional; the template drops it.
  • Nuxt's page:loading:end (and so the loading bar finishing and the scroll to top) now waits for the new CWA page to show. Pages with definePageMeta({ cwa: { disabled: true } }) are never held. Anything an app hooks on page:loading:end runs when the new page is on screen.
Lenguaje dominante
TypeScript
Estrellas
0
Forks
0
Merge medio
1 h 20 min
PR fusionados (30 d)
1

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de components-web-app/docs

Todos los issues de components-web-app/docs

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.