Files
social-media/src/stores/sideBarStore.js

17 lines
497 B
JavaScript

// src/stores/sideBarStore.js
import { computed, ref } from 'vue';
import { defineStore } from 'pinia';
export const useSideBarStore = defineStore('sideBar', () => {
const isOpen = ref(true); // par défaut, le menu est ouvert
const toggle = () => {
isOpen.value = !isOpen.value;
};
// Classe de largeur dynamique pour le contenu principal
const sidebarWidth = computed(() => (isOpen.value ? 'ml-64' : 'ml-16'));
return { isOpen, toggle, sidebarWidth };
});