Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

allow customising top level page keys

See original GitHub issue

Environment

Operating System: Linux
Node Version: v17.4.0
Nuxt Version: 3.0.0-27383920.81ee59c
Package Manager: yarn@3.1.1
Bundler: Vite
User Config: buildModules
Runtime Modules: -
Build Modules: normalizedModule(), normalizedModule()

Reproduction

Create simple page: pages/[code].vue

Visit http://localhost:3000/test-1 Go to http://localhost:3000/test-2 via NuxtLink component

Describe the bug

After this MR https://github.com/nuxt/framework/pull/2859 and this change, page not redraw between routes, but url in address bar is changed.

Additional context

You can explicitly define key on <NuxtPage :key="route.path" /> but page transitions wont work. https://github.com/nuxt/framework/pull/2861

Logs

No response

Issue Analytics

State:
Created 2 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

4reactions

olivervorasaicommented, Jan 28, 2022

I am also seeing a similar issue where a route such as pages/info/[type]/index.vue must re-run <script setup> when navigating between example.com/info/new and example.com/info/old but it does not seem to do so.

In the case where an app does not have layouts or app.vue I don’t see a way for each page to have a key besides giving route by default again.

I can confirm that the issue started with https://github.com/nuxt/framework/pull/2859

3reactions

misaoncommented, Jan 28, 2022

if you develop an e-shop, blog or anything where dynamic routes are used, with this bug Nuxt 3 is completely unusable. For me, this is a bug with P4. Every bigger project use dynamic routes

Top Results From Across the Web

Use AssistiveTouch on your iPhone, iPad, or iPod touch

Customize the AssistiveTouch menu · Go to Settings > Accessibility > Touch > AssistiveTouch. · Tap Customize Top Level Menu, then tap an...

Customize the navigation on your SharePoint site

In Site Pages, select the page you want to add, then select the ellipsis (...) in the horizontal navigation bar. ... Select Add...

justbur/emacs-which-key - GitHub

which-key-show-top-level will show most key bindings without a prefix. ... which will allow you to cycle through the pages without changing the key...

Customize your Firebase Crashlytics crash reports - Google

Crashlytics provides four logging mechanisms out of the box: custom keys, ... even filter the events by custom keys (Filter menu at the...

Use your Chromebook keyboard - Google Support

Your unique Chromebook keys usually appear on the top row of your keyboard from left to right. ... Make your page take up...