Page Appearance

• To get the default value of page layout or appearance go to the src/store/pinia/state.js

Page Layout

• Property: "page_layout"
• Choices: "container", "container-fluid"

Example

page_layout: {
    value: 'container-fuild'
}

Theme Style Appearance

• Property: "theme_style_appearance"
• Choices: "theme-default", "theme-flat", "theme-bordered", "theme-sharp"
• Values are in array

Example

theme_style_appearance: {
    value: ['theme-default']
}

Card Style

• Property: "card_style"
• Choices: "card-default", "card-glass", "card-transparent"
• Values are in string

Example

card_style: {
    value: 'card-default'
}

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

Page Layout

const pageLayout = computed(() => store.page_layout)

Theme Style Appearance

const themeStyleAppearance = computed(() => _.cloneDeep(store.default_theme_style_appearance))

Card Style

const cardStyle = computed(() => store.card_style_value)