nuxt / nuxt/bridge

Missing ability to display a progress bar for SPA apps

Open
#679 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
285
Forks
33
Avg merge
22h 38m
Merged PRs (30d)
3

Description

Environment

Operating System: Linux
Node Version: v16.18.0
Nuxt Version: 2.16.0-27720022.54e852f
Nitro Version: 1.0.0
Package Manager: npm@8.19.2
Builder: webpack
User Config: ssr, head, loading, loadingIndicator, modules, buildModules, vuetify, runtimeConfig, serverHandlers, devServerHandlers, devServer, typescript, bridge
Build Modules: (), @nuxtjs/vuetify@1.12.3, @nuxt/bridge@3.0.0-27851925.695ddd7

Reproduction

N/A

Describe the bug

After upgrading to use Bridge, it seems like the loading and loading indicator props in the nuxt.config file (https://nuxtjs.org/docs/configuration-glossary/configuration-loading-indicator/) no longer work.

In the Nuxt 3 docs, it seems like the new way of achieving this is using the NuxtLoadingIndicator component (https://nuxt.com/docs/api/components/nuxt-loading-indicator).

However, when using Bridge neither of these options seem to work, with others also running into this issue (https://github.com/nuxt/bridge/discussions/613)

Additional context

No response

Logs
Unknown custom element: <NuxtLoadingIndicator>

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by comparing the Nuxt 2 loading and loadingIndicator configuration with the linked Nuxt 3 NuxtLoadingIndicator component documentation, then trace how Nuxt Bridge handles those options in SPA navigation. Done means a progress indicator works under Bridge without the reported Unknown custom element error, with a focused reproduction or test covering it.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.