nuxt-modules / nuxt-modules/ionic

Recommend to not use the auto-import useRoute()

Open
#512 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

documentation needs reproduction
Dominant language
TypeScript
Stars
457
Forks
53
Avg merge
7h 32m
Merged PRs (30d)
21

Description

📚 Is your documentation request related to a problem?

This is related to the fact that the auto-import useRoute() seems to rely on the use of <NuxtPage>
auto-imported useRoute() from nuxt requires use of

This gives sometimes old paths and empty params when navigating to a route in the ionix/nuxt app.

From the docs page, under Route Parameters

When accessing route parameters, useRoute() should continue to be used, just like regular Nuxt.

This is not working for me, because of https://github.com/nuxt/nuxt/issues/14595

But using
import { useRoute } from 'vue-router';
fixes the issue.

🔍 Where should you find it?

https://ionic.nuxtjs.org/overview/routing

ℹ️ Additional context

No response

Contributor guide

No contributing guide indexed for this repository

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

Open the routing documentation at ionic.nuxtjs.org/overview/routing and review the Route Parameters section alongside Nuxt issue 14595. Update the guidance to reflect the reported behavior and the working vue-router import, then verify that the page clearly explains which useRoute() option readers should use.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxtjs
Domain
documentation
Issue type
Documentation
Difficulty
1/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.