Vue & Nuxt library of standalone components & tools to build interfaces

publication croisée depuis : https://jlai.lu/post/27570443

Hi there, I'm working on a new app with Vuejs 3 and I wonder what are the good practice to architecture the app and to handle guards, JWT token refresh, reactivity and not having spaghetti code.

I started with the basic Vuetify app and added Pinia and the vue-router. 🤠

One problem I want to solve is how to get the list to populate the first page with a list of objects, lets say a book list. Right now I created a store.books list and an action to call the API, according to the doc ( https://pinia.vuejs.org/core-concepts/actions.html ). But then I have to call the action when the user log in, or when the component is mounted, or when there is a refresh.

I found it not very DRY and just not smart, so I need some help and good doc to understand how to structure my app.

Thank you 😌

A collection of Vue, Nuxt and Vite tips, tricks and good practices.

See here for the Vue components: https://authup.org/guide/development/javascript-client-vue/

According to jetbrains' State of Developer Ecosystem in 2023

Hey there,

I'm somewhat new to Vue. But I am wondering what backend to use.

As far as I understood GraphQL should do the trick. But when I was taking the Mastery Courses for free this weekend, I came across Nuxt, which is a full stack framework.

What are your opinions or even other ideas?

Zoom Image is a small collection of utilities for zooming image on the web. It is written in pure TypeScript and has no dependencies. The library is built with framework agnostic in mind, so it can be used with any framework adapters or even without