Sidebar

• To get the default value of theme scheme or direction , theme color go to the src/store/pinia/state.js

sidebar_color

• Property: "sidebar_color"
• Choices: 'sidebar-white', 'sidebar-dark', 'sidebar-color'

Example

sidebar_color: {
    value: 'sidebar-white'
}

sidebar_type

• Property: "sidebar_type"
• Choices: "sidebar-hover", "sidebar-mini", "sidebar-soft"
• Values are in array

Example

sidebar_type: {
    value: []
}

sidebar_menu_style

• Property: "sidebar_menu_style"
• Choices: "sidebar-default navs-rounded", "sidebar-default navs-rounded-all", "sidebar-default navs-pill", "sidebar-default navs-pill-all"
• Values are in string

Example

sidebar_menu_style: {
    value: 'sidebar-default navs-rounded-all'
}

To get the current value of the following you can use:

• first import useSetting store from pinia
• import the selectors files from src/store/pinia/index.js in your component
• import this file in your component using following example code in your component

import { useSetting } from '@/store/pinia';

Then use the following code in your component to get the current value

• accessing the state from the useSetting store

const store = useSetting();

• creating computed properties to reactively access the store's state

sidebar_color

const sidebarColor = computed(() => [store.sidebar_color_value])

sidebar_type

const sidebarType = computed(() => store.sidebar_type_value)

sidebar_menu_style

const sidebarMenuStyle = computed(() => [store.sidebar_menu_style_value])