Navbar

• To get the default value of navbar header or hide/show go to the src/store/pinia/state.js

Header Navbar

• Property: "header_navbar"
• Choices: "default", "fixed", "navs-sticky", "nav-glass", "navs-transparent", "boxed", "hidden"

Example

header_navbar: {
    value: 'default'
}

Navbar Show

• Property: "navbar_show"
• Choices: "iq-navbar-none", "iq-navbar"
• Values are in array

Example

navbar_show: {
    value: ['iq-navbar']
}

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

Header Navbar

const headerNavbar = computed(() => store.header_navbar_value)

Navbar Show

const navbarHide = computed(() => [store.navbar_show_value])