undocumented nuxt tips and tricks
Quick Talk
14 November 2024 by erwan | Leave a Comment
amazing the number of new ui kits coming on the freelance ecosystem. inspira ui is one of them and features nice effects for nuxt developers. Inspired by next libraries that use motion animation, they bring fun to nuxt, gradients, visual effects like many occurences of text reveal effects.
Read more »
28 October 2024 by erwan | Leave a Comment
It's easy to integrate google analytics (GA) or Google Tag Manager in Nuxt applications, as there a plugins for that, and many tuts, like this one that describes how to include a script from nuxt config file. What's not covered though, is the possibility to use GTM , for instance, in a single layout using […]
6 May 2024 by erwan | Leave a Comment
started working with tailwind css, at first it really seemed impossible to code responsive menu with hierarchy in nuxtjs. NextJs has lots of nice template but nuxt seems behind , cruip sells templates for vue but not for nuxt 3, not yet though , and I finally found a nuxt2 template , which has been […]
3 May 2024 by erwan | Leave a Comment
there is a long discussion on nuxt forum on how to properly integrate AOS animation library. The objective here for me is to experiment this light animation library without using npm with the aos nuxt module , instead i want to use CDN. This is quite straightforward with Nuxt and good alternative if you don't […]
25 February 2024 by erwan | Leave a Comment
pinia subscribe method is very powerful, in any component you can subscribe to global state variables, manipulate them and use this combination as communication between components. It's also a dangerous game, as infinite recursivity can occur. counting reactivity occurences first thing is to measure the number of recursive calls to your subscribe Modifying state variable […]
14 February 2024 by erwan | Leave a Comment
Following a nice tutorial that introduces nuxt composable structure via Vue Composition Api, I create this Nuxt starter for a three js project that is the foundation for future development of on demand full screen configurator using primevue UI components . 1 - First draft : basic primevue threejs integration Quite easy these days, to […]
16 January 2024 by erwan | Leave a Comment
In a NUXT3 multi component application, some elements might not be available instantly with the document.querySelector API. This behaviour has been identified as a resolved issue since 2022 (and that was about nuxt2) and the only way to solve it seems to activate the selector after setTimeout in the mounted event of the component. I […]
Application Development
29 December 2023 by erwan | Leave a Comment
adding debug messages in javascript development via console.log is a universal technique of watching what's happening in your algorithms while developping. Multiplying console messages can get confusing, while keeping track of useful logs is important in the code development process. In this example, I work on nuxt development, and use Pinia state management to declare […]
7 September 2023 by erwan | Leave a Comment
you might want to try the nuxt3 module i18n to internationlize your nuxt3 application. It is full of nice features like automatic language detection and redirection, domain name switching, automatic route generateion and custom paths. The is a very extensive set of features, and I have to admit I prefered to code my own light […]