Nuxt•11mo ago

Weird behavior between Nuxt 3.11 and Nuxt 3.15

Since I updated to Nuxt 3.15, basic code is not working anymore.

mounted() {
  console.log("Initialization");
  console.log(this.$route);
  console.log(useRoute())
  let token = useRoute().params.token;
  console.log("token", this.$route.params.token);
  console.log('token', token);
}

mounted() {
  console.log("Initialization");
  console.log(this.$route);
  console.log(useRoute())
  let token = useRoute().params.token;
  console.log("token", this.$route.params.token);
  console.log('token', token);
}

How is it possible that token are undefined since they are defined just before and nothing happen between.

What I am missing ?

kapa.ai•1/24/25, 12:56 AM

Hi @evanlegamer. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•1/24/25, 12:56 AM

----------------------
Based on the knowledge sources provided, there are a few important points to consider regarding the issue you're experiencing after updating to Nuxt 3.15:

There have been some changes in how route parameters are handled in Nuxt 3.15, particularly with
```
definePageMeta
```
```
definePageMeta
```
and the composable.
The code you've provided is using the Options API ( hook) mixed with Composition API (), which can lead to unexpected behavior.
In Nuxt 3, it's recommended to use the Composition API with for better performance and consistency.

To address your specific issue:

The syntax is part of the Options API and may not work as expected when mixed with Composition API methods like .
should be called within the function or , not inside lifecycle hooks like .
The undefined
```
token
```
```
token
```
might be a result of these mixing issues or changes in how route parameters are processed in Nuxt 3.15.

To fix this, you should refactor your code to use the Composition API consistently. Here's an example of how you might rewrite your code:

If you're still experiencing issues after refactoring, it might be related to changes in Nuxt 3.15. You can try setting the compatibility version to 3 in your

nuxt.config.ts

nuxt.config.ts

file as a temporary workaround:

kapa.ai•1/24/25, 12:56 AM

For more detailed information on upgrading and compatibility issues, you can refer to the Nuxt Upgrade Guide.

If the problem persists, you might want to create a minimal reproduction of the issue and report it on the Nuxt GitHub repository, as there have been some reported issues with route parameters in Nuxt 3.15.
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•1/24/25, 12:56 AM

@283573328827121664 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

evanlegamerOP•1/24/25, 1:01 AM

i did both and got the same result token is empty

evanlegamerOP•1/24/25, 1:07 AM

@kapa.ai are you there ?

kapa.ai•1/24/25, 1:07 AM

Let me check the knowledge base for you again. One moment!

kapa.ai•1/24/25, 1:07 AM

----------------------
Yes, I'm here and ready to assist you with any questions you may have about Nuxt. How can I help you today?
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•1/24/25, 1:07 AM

@283573328827121664 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Eevanlegamer Since I updated to Nuxt 3.15, basic code is not working anymore. ```js mounted()...

manniL•1/24/25, 10:10 AM

can you share a reproduction by any chance? Simple stackblitz or repo would be great