How can I manage user sessions in Vue 3?

How can I manage user sessions in Vue 3?

You can manage user sessions in Vue 3 using Vuex for state management and localStorage for persistence.

Can you show me a code example?

Sure! You can create a Vuex store to hold user session data and use localStorage to save it. Here's a simple example:

// store.js
import { createStore } from 'vuex';

const store = createStore({
  state: {
    user: null,
  },
  mutations: {
    setUser(state, user) {
      state.user = user;
      localStorage.setItem('user', JSON.stringify(user));
    },
    clearUser(state) {
      state.user = null;
      localStorage.removeItem('user');
    },
  },
  actions: {
    loadUser({ commit }) {
      const user = JSON.parse(localStorage.getItem('user'));
      if (user) {
        commit('setUser', user);
      }
    },
  },
});

export default store;

What about handling session expiration?

You can handle session expiration by checking the timestamp when the user logs in and comparing it with the current time on each app load.