Cesxhin Comments - Answer Overflow

Hi guys I'm desperate using typescript with forms. In the first photo it is a component that is part of a module and fails to describe the object. Instead in the second photo it is a simple component within the main project and it works. Why does it fail in the modules? Am I doing something wrong? Thank you

3 replies

NNuxt

•Created by Cesxhin on 4/11/2024 in #❓・help

[RESOLVED] Problem with modules

OK I solved it. The problem was precisely that the init plugin was set only on the client side and consequently on the server side it had another value and Hydration Mismatch was triggered. The reason I put plugins only on the client side is because I used axios and it doesn't have the instance to be able to access the server side as well. So I implemented nuxtjs useFetch and now everything seems to work with the plugin both server side and client side. I hope this message is useful for someone.

4 replies

NNuxt

•Created by Cesxhin on 4/11/2024 in #❓・help

[RESOLVED] Problem with modules

Maybe I understood the problem but I don't know how to solve it. I basically have a pinia store located in modules. I have a plugin only on the client side that sets a role of the logged in user. When that given component arrives it is done in the ssr and is found role in default therefore zero.

4 replies

NNuxt

•Created by Cesxhin on 4/8/2024 in #❓・help

[RESOLVED] Vue Warning Hydration

thank you so much. I solved it! The problem was this:

 Use a random number generator library that supports generating with seeds, and guarantee the server run and the client run are using the same seed

 Use a random number generator library that supports generating with seeds, and guarantee the server run and the client run are using the same seed

7 replies

NNuxt

•Created by Cesxhin on 4/8/2024 in #❓・help

[RESOLVED] Vue Warning Hydration

are you saying that it is most likely not a nuxt problem but a vuetify problem?

7 replies

NNuxt

•Created by Cesxhin on 4/8/2024 in #❓・help

[RESOLVED] Vue Warning Hydration

What does hydration mean? I would like to understand this term well

7 replies

NNuxt

•Created by Techno1Monkey on 4/8/2024 in #❓・help

Regex not working from prop

Please send all code of component

5 replies

NNuxt

•Created by Techno1Monkey on 4/8/2024 in #❓・help

Regex not working from prop

try use toRefs. Example:

const props = defineProps({
  test:{
    type: string,
    default: "hello"
  }
});

const {test} = toRefs(props);

console.log(test.value);

const props = defineProps({
  test:{
    type: string,
    default: "hello"
  }
});

const {test} = toRefs(props);

console.log(test.value);

5 replies

NNuxt

•Created by Cesxhin on 4/5/2024 in #❓・help

[RESOLVED] I need await on start up of app.vue

Thanks guys so much for helping me.

56 replies

NNuxt

•Created by Cesxhin on 4/5/2024 in #❓・help

[RESOLVED] I need await on start up of app.vue

Currently the most effective solution without having warnings for NuxtPage is to set the #__nuxt style as display: none; and when onMounted of app.vue enters I set #__nuxt as display: block;

56 replies

NNuxt

•Created by Cesxhin on 4/5/2024 in #❓・help

[RESOLVED] I need await on start up of app.vue

It's okay to remove the loading animation but that's not what I need. Apparently only what I did works, that is, creating an asynchronous plugin and as long as app.vue enters onMounted it means that it has loaded all the plugins.

56 replies

NNuxt

•Created by Cesxhin on 4/5/2024 in #❓・help

[RESOLVED] I need await on start up of app.vue

I think that this is correct but the problem is display on console one warning of NuxtPage

56 replies

Gaming

Programming