All Questions
Tagged with vue-router nuxt3.js
58 questions
0
votes
0
answers
29
views
Nuxt 3 NuxtLink Not Redirecting Properly, Only <a> Tags Work
I'm working on a Nuxt 3 project, and I'm experiencing an issue where NuxtLink components are not redirecting properly. Clicking on a NuxtLink does not navigate to the desired route, but using a ...
0
votes
0
answers
19
views
Nuxt not recognizing directory in interpolated route
I am attempting to create an image link in Nuxt component
<NuxtLink
v-if="player?.image_url"
:to="`/players/${player.slug}`"
>
&...
0
votes
0
answers
24
views
Convert Vue-Router routes to Nuxt pages - issue with nested routes and params
I have the following route defined in my Vue2 app:
classes: {
path: "/:type(workout|relax)",
name: "classes",
component: () => import("@/views/Classes.vue&...
0
votes
2
answers
62
views
How to create a url-indexed lightbox modal in Nuxt 3 without losing scroll position when it opens?
Problem: when opening a modal / lightbox in my Nuxt app, it resets scrolling of the parent page.
Two criteria seem to clash:
Keep the scroll position intact when opening the modal
Opening the modal ...
1
vote
1
answer
121
views
How can I use nested routes in Nuxt 3 to create route-based layouts at the root path (`/`)?
I'm new to Nuxt 3, and I'm trying to replicate some route behavior I implemented with Vue Router in a Nuxt 3 project. Specifically, I want to use nested routes to create route-based layouts for ...
0
votes
0
answers
34
views
Page requires definePageMeta, otherwise remote error 500 occurs
When deploying my Nuxt app on Heroku, I encountered a strange 500 error which I was unable to reproduce locally or see any relevant warning about. I want to squash this and not have it bite me again ...
0
votes
0
answers
78
views
Nuxt 3 Blog: Article Changes When Language Changes, but Slug Does Not Update
I'm working on a multilingual blog using Nuxt 3, and I'm experiencing an issue where the article content updates correctly when the language is changed, but the slug in the route does not update ...
0
votes
1
answer
29
views
How to include the children of a route when creating a middleware?
I have created a global auth middleware but need to check if you are going to any route in /dashboard and its subroutes like /dashboard/account or /dashboard/settings.
The middleware below is a very ...
0
votes
1
answer
50
views
How do I prevent Nuxt from going to the Error layout when going to an invalid path?
I'm been looking through both GitHub issues, StackOverflow and the official documentation but I can't seem to find where and how to disable router from going to the error.vue page on going to an ...
0
votes
0
answers
187
views
Nuxt 3 Vue 3 project - Issue with routing and loading CSS/JS files after deployment
I created a Nuxt 3 Vue 3 project that integrates with WordPress. Everything works fine when I run the project locally using npm run dev. However, I'm facing an issue when deploying the project by ...
0
votes
0
answers
15
views
How can I using common routes for multi-projects
I am using NuxtJs 3 and I have 3 folders containing 3 different nuxtjs projects in which the "packages" folder contains 2 subfolders "cms" and "monitor". When I run the ...
0
votes
0
answers
86
views
What causes Cannot find module '~/pages/index.vue' or its corresponding type declarations. ts(2307) error while using router.options.ts?
see sample image here
I have a nuxt 3 project and I would like to use custom routing with it. I followed nuxt documentation on custom routing and added a folder named 'app' and inside I created router....
1
vote
0
answers
240
views
Nuxt 3 Dynamic Routing Conflict with Nested and Single Slug Pages
I am building a project with Nuxt 3, However, I am facing a routing conflict with my current setup. Here is my folder structure:
pages/
[types]/
[slug].vue
[...categoryPath]/
[slug].vue
[...
1
vote
3
answers
579
views
Custom routes per user in Nuxt 3
Let's say, I have 2 user types: admin and client and the following directory structure:
pages/admin/products.vue
pages/admin/settings.vue
pages/client/products.vue
When a user of type admin heads to /...
0
votes
1
answer
1k
views
How get route's params with Nuxt3
I used Nuxt3 with Composition API.
When moving from bakset to order, basket is using router.push, and is turning over parameters. How can I get these parameters from order? In the nuxt2 version, you ...