nuxt-modules/i18n

How to use localePath() with route params?

Open

#3,004 opened on Jun 29, 2024

View on GitHub
 (11 comments) (4 reactions) (0 assignees)TypeScript (532 forks)github user discovery
good first issuescope: docs

Repository metrics

Stars
 (2,074 stars)
PR merge metrics
 (Avg merge 6d 10h) (74 merged PRs in 30d)

Description

Unfortunately the docs doesnt show how to use localePath() with route params. E.g.:

/products/[id]

How to do link to such a page? I tried localePath('products/' + id) with no success.

EDIT: See my answer below for full explanation

Contributor guide

Research direction
Read the answer in issue comment #2692410269: use localePath with route name and params object, e.g., localePath('products id', { params: { id } }). Check Nuxt i18n documentation for resolveRoutePath if needed.
Tech stack
typescriptvuenuxt
Domain
frontend
Issue type
Documentation
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
NuxtVue Router
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70